:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#142033;background:#061512;--mint:#72f2c3;--lime:#dfff79;--teal:#14a891;--muted:#647287;--ink:#142033}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:#061512}.login-experience{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.12fr) minmax(480px,.88fr)}.story-panel{position:relative;min-height:100vh;padding:42px clamp(38px,5vw,82px);display:flex;flex-direction:column;overflow:hidden;color:#f7fbf9;background:radial-gradient(circle at 72% 20%,rgba(114,242,195,.16),transparent 30%),radial-gradient(circle at 8% 80%,rgba(121,186,255,.12),transparent 30%),linear-gradient(145deg,#061512,#09201c 55%,#071713)}.story-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}.story-glow{position:absolute;border-radius:50%;filter:none}.glow-one{width:360px;height:360px;right:-160px;top:18%;background:rgba(114,242,195,.13)}.glow-two{width:300px;height:300px;left:-150px;bottom:8%;background:rgba(121,186,255,.1)}.story-brand,.mobile-brand{position:relative;z-index:3;display:flex;align-items:center;gap:13px}.story-brand strong,.story-brand small,.mobile-brand strong,.mobile-brand small{display:block}.story-brand strong{font-size:19px}.story-brand small{margin-top:3px;color:#8ca49c;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-mark{width:47px;height:47px;border-radius:15px;background:linear-gradient(135deg,#0e776c,#27c7ac);display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 14px 34px rgba(31,182,166,.23)}.login-mark i,.login-mark b,.login-mark em{display:block;width:3px;border-radius:6px;background:#fff}.login-mark i{height:12px}.login-mark b{height:26px}.login-mark em{height:17px}.story-copy{position:relative;z-index:3;max-width:720px;margin-top:clamp(46px,7vh,92px)}.story-kicker,.panel-kicker{margin:0;color:var(--mint);font-size:10px;font-weight:950;letter-spacing:.18em}.story-kicker{display:flex;align-items:center;gap:10px}.story-kicker span{width:8px;height:8px;border-radius:50%;background:#ff5e69;box-shadow:0 0 0 6px rgba(255,94,105,.13)}.story-copy h1{margin:22px 0 0;font-size:clamp(54px,6.2vw,94px);line-height:.91;letter-spacing:-.067em}.story-copy h1 em{color:var(--lime);font-style:normal}.story-copy>p:last-child{max-width:660px;margin:27px 0 0;color:#abc0b8;font-size:16px;line-height:1.75}.sound-stage{position:relative;z-index:2;width:min(610px,90%);aspect-ratio:2.35;margin:42px auto 19px;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:rgba(255,255,255,.025);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.22)}#soundCanvas{position:absolute;inset:0;width:100%;height:100%}.signal-core{position:absolute;z-index:4;left:50%;top:50%;width:86px;height:86px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-content:center;justify-items:center;background:var(--lime);color:#10231d;box-shadow:0 0 55px rgba(223,255,121,.25)}.signal-core span{font-size:13px;font-weight:950;letter-spacing:.14em}.signal-core small{margin-top:3px;font-size:6px;font-weight:950}.signal-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(114,242,195,.25);border-radius:50%;transform:translate(-50%,-50%);animation:ringPulse 3.6s ease-in-out infinite}.ring-a{width:142px;height:142px}.ring-b{width:220px;height:220px;animation-delay:.55s}.ring-c{width:310px;height:310px;animation-delay:1.1s}.device-node{position:absolute;z-index:5;width:62px;height:62px;border:1px solid rgba(255,255,255,.15);border-radius:19px;display:grid;place-content:center;justify-items:center;background:rgba(6,21,18,.92);box-shadow:0 14px 32px rgba(0,0,0,.28);animation:nodeFloat 4s ease-in-out infinite}.device-node b{font-size:7px;letter-spacing:.12em;color:#a4bab2}.device-node span{width:18px;height:3px;margin-top:7px;border-radius:9px;background:var(--mint)}.node-phone{left:8%;top:18%}.node-pc{right:9%;top:16%;animation-delay:.7s}.node-tablet{right:13%;bottom:12%;animation-delay:1.2s}.node-room{left:12%;bottom:13%;animation-delay:1.7s}.story-equalizer{position:relative;z-index:3;height:38px;display:flex;align-items:end;justify-content:center;gap:5px}.story-equalizer i{display:block;width:3px;height:20%;border-radius:6px;background:linear-gradient(var(--lime),var(--mint));animation:eqPulse 1.35s ease-in-out infinite}.story-equalizer i:nth-child(4n+1){height:30%;animation-delay:.08s}.story-equalizer i:nth-child(4n+2){height:82%;animation-delay:.22s}.story-equalizer i:nth-child(4n+3){height:54%;animation-delay:.38s}.story-equalizer i:nth-child(4n){height:96%;animation-delay:.52s}.story-features{position:relative;z-index:3;margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.story-features article{min-height:77px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.035)}.story-features article>span{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:rgba(114,242,195,.12);color:var(--mint);font-weight:950}.story-features strong,.story-features small{display:block}.story-features strong{font-size:11px}.story-features small{margin-top:4px;color:#829a91;font-size:8px}.story-rotator{position:relative;z-index:3;min-height:20px;margin:17px 0 0;color:#7f988f;font-size:9px;font-weight:850;text-align:center;text-transform:uppercase}.story-rotator span{transition:.24s ease}.story-rotator span.changing{opacity:0;transform:translateY(5px)}.auth-side{min-height:100vh;padding:34px clamp(24px,4vw,68px);display:grid;place-items:center;background:radial-gradient(circle at 85% 8%,rgba(31,182,166,.12),transparent 29%),linear-gradient(180deg,#f7fafb,#eef4f6)}.login-card{width:min(590px,100%);max-height:calc(100vh - 68px);overflow:auto;padding:34px;border:1px solid #d3e1e8;border-radius:28px;background:rgba(255,255,255,.97);box-shadow:0 34px 95px rgba(24,52,65,.16)}.mobile-brand{display:none;margin-bottom:23px}.mobile-brand strong{font-size:18px}.mobile-brand small{margin-top:3px;color:var(--muted);font-size:10px}body[data-access-target="local"] .auth-tabs{grid-template-columns:1fr}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:14px;background:#eaf1f4}.auth-tabs button{min-height:43px;border:0;border-radius:11px;background:transparent;color:#718094;font:inherit;font-size:12px;font-weight:950;cursor:pointer}.auth-tabs button.active{background:#fff;color:#087c70;box-shadow:0 7px 21px rgba(35,70,86,.11)}.auth-panel{padding-top:28px;animation:panelIn .26s ease}.auth-panel[hidden]{display:none}.panel-kicker{color:#0b9a87}.auth-panel h2{margin:9px 0 0;color:#13243a;font-size:clamp(31px,3.4vw,43px);line-height:1.04;letter-spacing:-.045em}.intro{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.required-note{margin:14px 0 0;color:#8490a0;font-size:10px;font-weight:750}.required-note span,.required{color:#e63e50;font-weight:950}form{display:grid;gap:14px;margin-top:22px}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;color:#34475e;font-size:11px;font-weight:900}label>span:first-child{display:inline-block;margin-bottom:7px}label>span:first-child i{font-style:normal}.optional{margin-left:6px;color:#8b98a8;font-size:8px;letter-spacing:.08em}input{width:100%;height:48px;border:1px solid #cad8e0;border-radius:13px;padding:0 14px;background:#fff;color:var(--ink);font:inherit;font-size:14px;outline:0}input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(20,168,145,.12)}input.field-error{border-color:#e35361;box-shadow:0 0 0 4px rgba(227,83,97,.1)}.username-preview{padding:13px 15px;border:1px solid #cde7e1;border-radius:14px;background:linear-gradient(135deg,#effcf8,#f8fffd)}.username-preview span,.username-preview strong,.username-preview small{display:block}.username-preview span{color:#0b8c7a;font-size:8px;font-weight:950;letter-spacing:.13em}.username-preview strong{margin-top:5px;color:#153c42;font-size:17px}.username-preview small{margin-top:4px;color:#788b91;font-size:9px}.terms{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;font-weight:650;line-height:1.48}.terms input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--teal)}form>button{min-height:50px;border:0;border-radius:13px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0d9c87,#20b69f);color:#fff;font:inherit;font-weight:950;cursor:pointer;box-shadow:0 15px 34px rgba(20,168,145,.2)}form>button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{opacity:.55;cursor:wait}.message{min-height:20px;margin:0;color:#b62f47;font-size:12px;font-weight:800}.message.ok{color:#087c70}.local-console-complete{padding:18px 0 5px;text-align:center;animation:panelIn .26s ease}.local-console-complete .local-complete-mark{width:82px;height:82px;margin:2px auto 22px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,#0d9c87,#72f2c3);color:#fff;font-size:38px;font-weight:950;box-shadow:0 18px 42px rgba(20,168,145,.25)}.local-console-complete h2{margin-top:10px}.local-console-complete .intro{max-width:410px;margin:12px auto 0}.local-console-complete button{width:100%;min-height:50px;margin-top:24px;border:0;border-radius:13px;background:linear-gradient(135deg,#0d9c87,#20b69f);color:#fff;font:inherit;font-weight:950;cursor:pointer;box-shadow:0 15px 34px rgba(20,168,145,.2)}.local-console-complete button:hover{transform:translateY(-2px)}.local-console-complete .local-close-hint{min-height:18px;margin:13px 0 0;color:#718094;font-size:10px;font-weight:750}.auth-security{margin-top:21px;padding-top:17px;border-top:1px solid #e3ebef;display:flex;gap:9px}.auth-security span{color:#14a891}.auth-security p{margin:0;color:#8491a1;font-size:9px;line-height:1.5}@keyframes ringPulse{0%,100%{opacity:.28;transform:translate(-50%,-50%) scale(.93)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.04)}}@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes eqPulse{0%,100%{transform:scaleY(.45);opacity:.42}50%{transform:scaleY(1);opacity:1}}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1050px){.login-experience{grid-template-columns:minmax(400px,.9fr) minmax(460px,1.1fr)}.story-panel{padding:34px}.story-copy h1{font-size:60px}.story-features{grid-template-columns:1fr}.story-features article{min-height:58px}.story-features article:nth-child(3){display:none}}@media(max-width:820px){.login-experience{display:block;background:#eef4f6}.story-panel{min-height:330px;padding:27px 22px 24px}.story-brand{display:none}.story-copy{margin-top:6px}.story-copy h1{font-size:48px}.story-copy>p:last-child{font-size:13px}.sound-stage{position:absolute;width:330px;right:-95px;top:38px;opacity:.42}.story-equalizer,.story-features,.story-rotator{display:none}.auth-side{min-height:calc(100vh - 250px);padding:0 12px 20px;place-items:start center}.login-card{position:relative;z-index:8;width:min(620px,100%);max-height:none;margin-top:-48px;padding:27px 22px;border-radius:25px}.mobile-brand{display:flex}}@media(max-width:540px){.story-panel{min-height:285px}.story-copy h1{font-size:42px}.story-copy>p:last-child{max-width:300px}.sound-stage{width:270px;right:-105px;top:45px}.login-card{margin-top:-38px;padding:24px 17px}.name-grid{grid-template-columns:1fr}.auth-panel h2{font-size:32px}.auth-security{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.signal-ring{opacity:.45}.device-node{transform:none}}
.login-experience{position:relative!important;display:block!important;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(114,242,195,.18),transparent 28%),radial-gradient(circle at 9% 88%,rgba(121,186,255,.15),transparent 30%),linear-gradient(145deg,#061512,#09201c 58%,#071713)}
.story-panel{width:100%;min-height:100dvh!important;padding:38px clamp(38px,5vw,82px)!important;padding-right:clamp(560px,44vw,810px)!important;background:transparent!important}.story-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 52%,rgba(4,23,19,.18) 72%,rgba(4,23,19,.42));pointer-events:none}.story-brand,.story-copy,.sound-stage,.story-equalizer,.story-features,.story-rotator{z-index:3}.story-copy{max-width:760px}.sound-stage{width:min(610px,100%);margin-left:auto;margin-right:auto}.story-equalizer,.story-features,.story-rotator{width:100%}
.auth-side{position:absolute!important;z-index:12;inset:0 0 0 auto;width:clamp(520px,42vw,760px);min-height:100dvh!important;padding:24px clamp(22px,3vw,54px)!important;background:transparent!important;place-items:center!important}.login-card{width:min(590px,100%)!important;max-height:none!important;overflow:visible!important;padding:27px!important;border:1px solid rgba(215,231,232,.82)!important;border-radius:31px!important;background:rgba(255,255,255,.965)!important;box-shadow:0 42px 120px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.3) inset!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.auth-panel{padding-top:20px!important}.auth-panel h2{font-size:clamp(30px,2.65vw,41px)!important}.intro{font-size:13px!important}.required-note{margin-top:9px!important}form{gap:10px!important;margin-top:16px!important}.name-grid{gap:10px!important}label>span:first-child{margin-bottom:5px!important}input{height:43px!important;border-radius:12px!important}.username-preview{padding:10px 13px!important}.username-preview strong{font-size:15px!important}.username-preview small{margin-top:2px!important}.terms{gap:8px!important;font-size:10px!important;line-height:1.35!important}.terms input{width:17px!important;height:17px!important}form>button{min-height:46px!important}.message{min-height:17px!important}.auth-security{margin-top:14px!important;padding-top:12px!important}.password-requirements{display:block;margin-top:-4px;color:#728192;font-size:8px;font-weight:750;line-height:1.35}
body[data-auth-mode="signup"] .login-card{padding-top:23px!important;padding-bottom:22px!important}body[data-auth-mode="signup"] .auth-panel{padding-top:15px!important}body[data-auth-mode="signup"] .auth-panel h2{font-size:clamp(29px,2.35vw,37px)!important}body[data-auth-mode="signup"] .intro{margin-top:7px!important}body[data-auth-mode="signup"] .auth-security{display:none}
@media(min-width:821px) and (max-height:900px){.login-card{padding:19px 22px!important}.auth-tabs button{min-height:37px!important}.auth-panel{padding-top:13px!important}.auth-panel h2{font-size:30px!important}.intro{font-size:11px!important;line-height:1.35!important}.required-note{margin-top:6px!important}form{gap:7px!important;margin-top:10px!important}input{height:38px!important}.username-preview{padding:7px 11px!important}.username-preview small{display:none}.terms{font-size:9px!important}form>button{min-height:41px!important}.message{min-height:13px!important}.auth-security{display:none!important}.story-copy{margin-top:38px!important}.sound-stage{margin-top:27px!important;margin-bottom:10px!important}.story-features article{min-height:62px!important}}
@media(max-width:1050px){.story-panel{padding-right:clamp(500px,49vw,600px)!important}.story-copy h1{font-size:54px!important}.story-features{grid-template-columns:1fr 1fr!important}.story-features article:nth-child(3){display:none}}
@media(max-width:820px){.login-experience{overflow:visible}.story-panel{min-height:310px!important;padding:25px 21px 58px!important}.story-panel:after{background:linear-gradient(180deg,transparent 55%,rgba(6,21,18,.44))}.auth-side{position:relative!important;inset:auto!important;width:100%;min-height:auto!important;padding:0 12px 24px!important;place-items:start center!important}.login-card{margin-top:-48px!important;padding:24px 20px!important;max-height:none!important;overflow:visible!important}.story-copy{margin-top:6px!important}.sound-stage{right:-92px!important}.auth-security{display:none!important}}
@media(max-width:540px){.story-panel{min-height:275px!important}.login-card{padding:22px 16px!important}.auth-panel h2{font-size:30px!important}.name-grid{grid-template-columns:1fr!important}}
.terms-inline-text{color:#087c70;font-weight:950}.login-terms-note{margin:11px 0 0;color:#718095;font-size:10px;line-height:1.55}


.login-home-link{color:inherit;text-decoration:none;cursor:pointer;border-radius:17px;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.login-home-link:hover{transform:translateY(-2px);filter:brightness(1.08)}.login-home-link:focus-visible{outline:3px solid rgba(114,242,195,.72);outline-offset:6px;box-shadow:0 0 0 7px rgba(20,168,145,.13)}.mobile-brand.login-home-link{width:max-content;max-width:100%}.login-card{border:0!important;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(240,250,250,.8))!important;box-shadow:0 42px 120px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.62)!important;backdrop-filter:none;-webkit-backdrop-filter:none}.auth-branding{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(92,125,136,.13);color:#788995;font-size:8px}.auth-branding a{color:inherit;font-weight:900;text-decoration:none}.auth-branding a:hover{color:#087c70}body[data-auth-mode="signup"] .auth-branding{margin-top:7px;padding-top:7px}@media(max-height:760px) and (min-width:821px){body[data-auth-mode="signup"] .login-card{padding:15px 19px!important}.auth-tabs button{min-height:34px!important}body[data-auth-mode="signup"] .auth-panel{padding-top:10px!important}body[data-auth-mode="signup"] .auth-panel h2{font-size:27px!important}.required-note{display:none}body[data-auth-mode="signup"] form{gap:5px!important;margin-top:8px!important}body[data-auth-mode="signup"] input{height:35px!important}body[data-auth-mode="signup"] .username-preview{padding:6px 10px!important}body[data-auth-mode="signup"] .username-preview small,.password-requirements{display:none!important}body[data-auth-mode="signup"] .terms{font-size:8px!important}body[data-auth-mode="signup"] form>button{min-height:38px!important}.auth-branding{margin-top:5px;padding-top:5px}}