body:has(.brand-login){background:#f4f8f7;color:#122b33;color-scheme:light}.brand-login{--login-ink:#142e35;--login-teal:#008478;--login-muted:#526b71;position:relative;isolation:isolate;min-height:100vh;min-height:100svh;padding:0 clamp(24px,5vw,80px);overflow:hidden;color:var(--login-ink);background:radial-gradient(ellipse at 32% 52%,#d7f5eb96 0,transparent 45%),radial-gradient(ellipse at 95% 0,#e4efed 0,transparent 45%),linear-gradient(135deg,#fbfcf8,#f2f8f6 54%,#edf5f5);font-family:Arial,Noto Sans JP,sans-serif}.brand-login:before{content:"";pointer-events:none;position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#4c8b8024 .6px,transparent 0);background-size:8px 8px;opacity:.32;mask-image:linear-gradient(transparent,#000,transparent)}.brand-login .login-header{max-width:1320px;margin:auto;padding:32px 0;border:0;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-login .login-wordmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#122e35;font-size:27px;font-weight:900;letter-spacing:-1.4px;line-height:1;white-space:nowrap}.login-wordmark img{width:38px;height:38px;border-radius:11px;box-shadow:0 5px 12px #0b65551a}.login-wordmark>span>span{color:#00a49c;margin-left:3px}.login-header-caption{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.16em;font-weight:700;color:#546f72}.login-header-caption>span{height:6px;width:6px;background:#0b9d88;border-radius:50%;box-shadow:0 0 0 4px #e1eee7}.login-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:clamp(45px,6vw,96px);align-items:center;max-width:1200px;min-height:calc(100svh - 172px);margin:auto;padding:35px 0 48px}.login-story{min-width:0;position:relative}.brand-login .login-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.16em;font-weight:700;color:#16776c;margin:0 0 24px}.brand-login h1{font-size:clamp(38px,4vw,58px);font-weight:800;line-height:1.44;letter-spacing:-.045em;margin:0 0 20px;color:#132d34}.brand-login h1>span{color:#008878}.brand-login .login-intro{font-size:14px;line-height:1.95;color:var(--login-muted);margin:0}.login-art{position:relative;width:100%;max-width:570px;height:290px;margin:5px 0 4px;isolation:isolate}.login-art:before{content:"";inset:18% 18% -8%;background:radial-gradient(ellipse,#27c7a933,transparent 65%);filter:blur(15px)}.login-art:before,.login-orb{position:absolute;border-radius:50%}.login-orb{top:36px;left:50%;transform:translateX(-50%) rotate(-8deg);width:208px;height:208px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#effff7;background:radial-gradient(circle at 27% 15%,#a6f5d8 0,#55c9ac 13%,#119280 35%,#04594e 63%,#062b30 87%);box-shadow:inset 0 2px 3px #fff9,inset -10px -12px 22px #022a3066,inset 4px 0 12px #a7f8d866,0 25px 40px -18px #00584277;z-index:2}.login-orb:before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid #c5ffec38}.login-orb:after{content:"";position:absolute;width:94px;height:32px;top:18px;left:22px;border-radius:50%;background:#ddfff845;filter:blur(13px);transform:rotate(-28deg)}.login-orb strong{font-size:58px;letter-spacing:-5px;line-height:1.3;font-weight:800;text-shadow:0 2px 2px #00382f44}.login-orb strong>span{color:#b9ffe4}.orb-caption{font-size:7px;font-weight:700;letter-spacing:.2em;color:#d7fff0}.orb-line{width:65px;height:1px;background:#b0f3d575;margin:7px 0 13px}.login-orbit{position:absolute;left:50%;top:58px;width:375px;height:154px;border:1px solid #63a99860;border-radius:50%;transform:translateX(-50%) rotate(-25deg);z-index:1}.orbit-two{width:356px;height:176px;top:70px;transform:translateX(-50%) rotate(24deg);border-color:#72bfa24d}.login-float{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #fff;border-radius:13px;background:linear-gradient(120deg,#ffffffed,#f2faf5e0);box-shadow:0 10px 25px #17544813,inset 0 1px 1px #fff;animation:login-float-in .7s ease-out both}.login-float>span:not(.float-icon){display:grid;gap:3px}.login-float small{font-size:8px;letter-spacing:.12em;color:#54736c;font-weight:600;line-height:1}.login-float strong{font-size:13px;line-height:1.45;white-space:nowrap;color:#183d36}.login-float>svg{color:#5c8478}.float-icon{background:#e3f5ed;color:#138773;border-radius:9px;padding:9px;display:grid;place-items:center}.float-customers{left:2%;top:22px;transform:rotate(-5deg)}.float-inventory{right:0;top:62px;transform:rotate(5deg);animation-delay:.08s}.float-finance{left:3%;bottom:25px;transform:rotate(3deg);animation-delay:.16s}.float-payments{right:5%;bottom:9px;transform:rotate(-4deg);animation-delay:.24s}.login-spark{position:absolute;font-size:24px;color:#2b9e88;z-index:3}.spark-one{left:66%;top:0}.spark-two{font-size:15px;left:33%;bottom:8px;color:#bd9650}.brand-login .login-story-foot{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.1em;color:#52716b;margin:12px 0 0}.login-story-foot>span{font-size:11px;letter-spacing:.02em}.login-story-foot>i{height:1px;width:40px;background:#b8ccc5}.login-card{position:relative;min-width:0;border-radius:25px;padding:40px clamp(26px,3.4vw,48px) 24px;background:linear-gradient(145deg,#fff,#fff 62%,#f7fbf9);border:1px solid #fff;box-shadow:0 28px 65px -25px #184b3b30,0 0 0 1px #deebe780;overflow:hidden}.login-card-accent{position:absolute;top:0;left:38px;right:38px;height:3px;background:linear-gradient(90deg,transparent,#52cab1,#a7d9b8,transparent)}.login-card-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e8f6ef;border:1px solid #d8eee4;color:#158774;margin-bottom:26px}.brand-login .login-card-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;color:#527167;margin:0 0 10px}.brand-login .login-card h2{font-size:clamp(23px,2vw,28px);font-weight:750;letter-spacing:-.035em;line-height:1.5;margin:0 0 9px;color:#173c35}.brand-login .login-card-intro{font-size:13px;color:#62776e;margin:0 0 31px}.login-form{margin:0}.login-label{font-size:12px;font-weight:650;color:#274c43;display:block;margin:0 0 9px}.login-input-wrap{position:relative;margin:0 0 21px;display:flex;align-items:center;gap:11px;padding:0 15px;background:#f8fbf9;border:1px solid #d6e4de;border-radius:10px;min-height:54px;transition:border-color .18s,box-shadow .18s}.login-input-wrap>svg{color:#75988a;flex:none}.brand-login .login-input-wrap input{appearance:none;border:0;border-radius:0;box-shadow:none;background:transparent;color:#1e3e35;min-width:0;width:100%;padding:15px 0;font-size:15px;line-height:22px;outline:none}.brand-login .login-input-wrap input::placeholder{color:#587166;opacity:1;font-size:13px}.login-input-wrap:focus-within{border-color:#168e78;box-shadow:0 0 0 3px #20987914}.brand-login .login-input-wrap input:-webkit-autofill{-webkit-text-fill-color:#183f36;-webkit-box-shadow:inset 0 0 0 1000px #f2f9f3;border-radius:5px}.login-password-wrap{padding-right:5px}.brand-login .login-password-toggle{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:7px;color:#5e7f72;background:transparent;padding:0}.login-password-toggle:hover{background:#e7f2eb}.brand-login .login-submit{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:54px;margin:29px 0 0;padding:15px 14px;border-radius:10px;border:1px solid #007769;background:linear-gradient(120deg,#087f6a,#007b71);color:white;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 7px 15px #11795e25,inset 0 1px 0 #ffffff20;transition:transform .16s,box-shadow .16s,background .16s}.brand-login .login-submit:not(:disabled):hover{background:linear-gradient(120deg,#087f6a,#006a62);box-shadow:0 9px 20px #11795e35;transform:translateY(-1px)}.brand-login .login-submit:not(:disabled):active{transform:translateY(1px)}.brand-login .login-submit:disabled{opacity:.8}.login-spinner{height:18px;width:18px;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;animation:login-spin .8s linear infinite}.login-help{margin:21px 0 0;color:#526f64;font-size:12px}.login-help summary{cursor:pointer;min-height:36px;display:list-item;list-style-position:inside;text-align:center;padding:7px 0}.brand-login .login-help p{font-size:12px;line-height:1.9;margin:8px 0 0;padding:14px;background:#f0f7f3;border-radius:8px;text-align:left}.brand-login .login-error{font-size:13px;line-height:1.7;padding:12px 14px;margin:0 0 15px;border-radius:8px;border:1px solid #eabdb3;background:#fff4f0;color:#913623;overflow-wrap:anywhere}.login-security{justify-content:center;gap:7px;border-top:1px solid #e4ece7;margin-top:23px;padding-top:19px;color:#537163}.brand-login .login-footer,.login-security{display:flex;align-items:center;font-size:10px;letter-spacing:.035em}.brand-login .login-footer{max-width:1320px;margin:0 auto;justify-content:space-between;gap:15px;padding:10px 0 25px;color:#536e63}.brand-login .login-sso-note{font-size:13px;line-height:1.8;color:#526f64}.login-sso-sample{display:block;text-align:center;margin-top:24px;font-size:12px;color:#1b7866!important;text-underline-offset:5px}.login-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.login-skip{position:absolute;z-index:10;top:8px;left:12px;transform:translateY(-160%);padding:12px 16px;border-radius:8px;background:#fff;color:#006a58}.login-skip:focus{transform:translateY(0)}.brand-login :is(a,button,summary):focus-visible{outline:3px solid #008a75;outline-offset:4px}@keyframes login-spin{to{transform:rotate(1turn)}}@keyframes login-float-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(min-width:1440px){.login-main{gap:110px}.login-art{height:320px;margin-top:10px}.login-orb{top:43px;width:220px;height:220px}.login-orbit{top:75px}.orbit-two{top:82px}.float-finance{bottom:27px}.float-payments{bottom:22px}}@media(max-width:1000px){.brand-login{padding:0 32px}.login-main{grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:35px}.brand-login h1{font-size:38px}.login-art{height:268px}.login-orb{width:175px;height:175px;top:40px}.login-orb strong{font-size:49px}.login-float{padding:10px;gap:8px}.float-icon{padding:6px}.login-float strong{font-size:11px}.login-orbit{width:280px;height:142px;top:54px}.float-customers{left:0;top:10px}.float-inventory{right:-8px;top:65px}.float-finance{left:0;bottom:22px}.float-payments{right:0;bottom:0}.login-story-foot>i{display:none}.login-story-foot{flex-wrap:wrap}.login-card{padding:30px 26px 22px}}@media(max-width:760px){.brand-login{padding:0 22px}.brand-login .login-header{padding:23px 0}.brand-login .login-wordmark{font-size:24px}.login-wordmark img{width:33px;height:33px}.login-header-caption{font-size:8px;letter-spacing:.08em}.login-main{display:flex;flex-direction:column;gap:26px;align-items:stretch;max-width:470px;min-height:auto;padding:15px 0 32px}.login-story{text-align:center}.brand-login .login-eyebrow{justify-content:center;font-size:9px;margin-bottom:13px}.brand-login h1{font-size:clamp(29px,6.7vw,38px);line-height:1.43;margin-bottom:13px}.brand-login h1 br:first-of-type{display:none}.brand-login .login-intro{font-size:12px;line-height:1.8}.brand-login .login-story-foot,.login-art{display:none}.login-card{border-radius:20px;padding:27px 25px 22px}.login-card-icon{display:none}.brand-login .login-card h2{font-size:24px}.brand-login .login-card-intro{margin-bottom:26px}.brand-login .login-input-wrap input{font-size:16px}.login-input-wrap{min-height:54px}.login-card-accent{left:25px;right:25px}.brand-login .login-footer{padding-bottom:22px;font-size:9px;flex-wrap:wrap}.login-security{margin-top:18px}.login-help{margin-top:16px}}@media(max-width:380px){.brand-login{padding:0 16px}.login-header-caption{display:none}.login-card{padding:26px 20px 20px}.brand-login .login-card h2{font-size:22px}.brand-login .login-wordmark{font-size:23px}}@media(prefers-reduced-motion:reduce){.brand-login *{animation:none!important;transition:none!important}}