.auth-gateway{--deep:#073522;--green:#167542;--green-2:#2d9b58;--ink:#0e2117;--muted:#65756b;--line:#d5e1da;min-height:100svh;display:grid;grid-template-columns:minmax(430px,46%) minmax(620px,54%);background:#edf3ef;color:var(--ink)}
.auth-story{position:relative;min-height:100svh;overflow:hidden;padding:clamp(28px,3vw,56px);display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 95% 100%,#32b46642,transparent 35%),linear-gradient(150deg,#093923 0%,#0b4b2e 58%,#155f3a 100%)}
.auth-story:before,.auth-story:after{content:"";position:absolute;border:1px solid #a8f2bd1d;border-radius:50%;pointer-events:none}.auth-story:before{width:520px;height:520px;right:-310px;bottom:-260px}.auth-story:after{width:330px;height:330px;right:-210px;bottom:-150px}
.story-head,.auth-brand,.value-grid article,.story-status,.mobile-brand,.weather-bar,.access-tip,.service-card,.global-time header{display:flex;align-items:center}.story-head{position:relative;z-index:1}.auth-brand{display:block;color:#fff;text-decoration:none}.auth-brand img{display:block;width:clamp(166px,13vw,190px);height:auto;filter:drop-shadow(0 12px 24px #001e1144)}
.story-copy{position:relative;z-index:1;margin:auto 0;padding:clamp(34px,5vh,70px) 0 24px}.story-kicker{color:#d5ad54;font-size:.62rem;font-weight:850;letter-spacing:.13em}.story-copy h1{max-width:690px;margin:16px 0;color:#fff;font-size:clamp(3rem,4.5vw,5.5rem);font-weight:790;line-height:1.02;letter-spacing:-.06em}.story-copy>p{max-width:660px;margin:0;color:#d0e2d7;font-size:clamp(.82rem,1vw,1rem);line-height:1.7}
.value-grid{display:grid;gap:9px;margin-top:24px}.value-grid article{gap:12px;padding:12px 14px;border:1px solid #dcffe526;border-radius:13px;background:#ffffff0a}.value-grid article>span{display:grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border-radius:9px;background:#76e49c1c;color:#8be6a7}.value-grid strong,.value-grid small{display:block}.value-grid strong{font-size:.72rem}.value-grid small{margin-top:3px;color:#aed0bc;font-size:.61rem;line-height:1.45}
.inspiration{position:relative;margin-top:24px;padding:18px;border:1px solid #73dc943d;border-radius:18px;background:#06301fc7;overflow:hidden}.inspiration:before{content:"";position:absolute;inset:0 auto 0 -45%;width:32%;background:linear-gradient(90deg,transparent,#ffffff0d,transparent);transform:skewX(-18deg);animation:inspirationGlow 7s ease-in-out infinite}.inspiration header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}.inspiration header span{color:#8fd6a6;font-size:.57rem;font-weight:850;letter-spacing:.1em}.inspiration header i{color:#94bba4;font-size:.5rem;font-style:normal}.inspiration.loading blockquote{color:transparent;border-radius:7px;background:linear-gradient(100deg,#ffffff12 25%,#ffffff25 45%,#ffffff12 65%);background-size:220% 100%;animation:inspirationLoad 1.35s ease-in-out infinite}.inspiration.ready blockquote{animation:inspirationReveal .55s ease-out both}.inspiration blockquote{position:relative;margin:13px 0 14px;font-size:clamp(1.2rem,1.55vw,1.7rem);font-weight:760;line-height:1.3;letter-spacing:-.035em}.inspiration>div{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:12px;border-top:1px solid #ffffff16}.inspiration small{color:#a8c9b5;font-size:.54rem;line-height:1.35}.inspiration small strong{display:block;margin-bottom:3px;color:#f2fff6;font-size:.56rem}.story-status{position:relative;z-index:1;color:#b2d1bd;font-size:.58rem}.story-status span{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #d8ffe51c;border-radius:999px;background:#062d1d}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#66df8a;box-shadow:0 0 0 5px #66df8a1a;animation:authPulse 1.8s ease-in-out infinite}
.signin{min-width:0;padding:clamp(18px,2.5vw,42px);background:linear-gradient(135deg,#f8faf9,#edf3ef);overflow:hidden}.signin-column{width:min(920px,100%);margin:0 auto;display:grid;gap:14px}.weather-bar{justify-content:space-between;gap:12px;padding:11px 15px;border:1px solid var(--line);border-radius:15px;background:#ffffffd9;box-shadow:0 10px 30px #173d2710}.weather-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e8f7ed;color:var(--green);font-size:1.05rem}.weather-bar div{min-width:0;margin-right:auto}.weather-bar small,.weather-bar strong{display:block}.weather-bar small{color:#548164;font-size:.54rem;font-weight:850;letter-spacing:.08em}.weather-bar strong{margin-top:3px;font-size:.74rem}.weather-bar>span:last-child{color:#74837a;font-size:.6rem;text-align:right}
.signin-card{width:100%;padding:clamp(24px,3vw,40px);border:1px solid #d5e1da;border-radius:24px;background:#fff;box-shadow:0 24px 70px #183c2715}.mobile-brand{display:none;width:max-content;max-width:100%;margin-bottom:22px;padding:7px 13px;border-radius:14px;background:#0d4b2e}.mobile-brand img{display:block;width:176px;max-width:100%;height:auto}.form-head .eyebrow{font-size:.57rem;letter-spacing:.12em;color:#177846}.form-head h2{margin:8px 0 6px;color:#0c2015;font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1.05;letter-spacing:-.05em}.form-head p{max-width:760px;margin:0;color:var(--muted);font-size:.71rem;line-height:1.55}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:17px 0 11px;padding:4px;border:1px solid var(--line);border-radius:13px;background:#f1f6f3}.auth-tabs button{min-height:40px;border:0;border-radius:9px;background:transparent;color:#264334;font-size:.72rem;font-weight:800;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.auth-tabs button.active{background:linear-gradient(100deg,#126b3b,#2d9b58);color:#fff;box-shadow:0 7px 18px #1b75422b}
.access-tip{align-items:flex-start;gap:9px;padding:9px 11px;border:1px solid #d5e6db;border-radius:10px;background:#f4f8f5;color:#5e7165}.access-tip>span{display:grid;place-items:center;flex:0 0 auto;width:17px;height:17px;border-radius:50%;background:#e0f3e7;color:#13713f;font-size:.57rem}.access-tip p{margin:1px 0 0;font-size:.61rem;line-height:1.45}.auth-form{display:grid;gap:12px;margin-top:13px}.auth-form[hidden]{display:none}.auth-form label{margin:0;color:#1d3427;font-size:.63rem;font-weight:780}.auth-form label>span{float:right;color:#7b8a81;font-size:.56rem;font-weight:650}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-grid .wide{grid-column:1/-1}.field{display:flex;align-items:center;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:#fdfefd;box-shadow:0 1px 2px #18372308;transition:border-color .18s,box-shadow .18s,transform .18s}.field:focus-within{border-color:#32975a;box-shadow:0 0 0 3px #2d9b5814;transform:translateY(-1px)}.field input{min-width:0;margin:0;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:#112219;box-shadow:none;outline:0;font-size:.69rem}.field input::placeholder{color:#87958d}.password-field input{padding-right:3px}.reveal-password{align-self:stretch;min-width:52px;border:0;border-left:1px solid #e5ece7;background:transparent;color:#256f45;padding:0 10px;font-size:.58rem;font-weight:820;cursor:pointer}
.password-rules{display:flex;flex-wrap:wrap;gap:5px}.password-rules span{padding:5px 7px;border:1px solid #efc9c5;border-radius:999px;background:#fff5f3;color:#a7463d;font-size:.52rem;font-weight:750;transition:.18s}.password-rules span.met{border-color:#b8dec4;background:#eef9f1;color:#267342}.password-match{display:block;min-height:13px;margin-top:4px;color:#7c8981;font-size:.57rem}.password-match.match{color:#228044}.password-match.mismatch{color:#ae3434}.invitation-option{padding:10px;border:1px solid #dce7e0;border-radius:11px;background:#f7faf8}.invitation-option>label:first-child{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.invitation-option input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:1px 0;accent-color:var(--green)}.invitation-option label>span{float:none;color:#607168;font-size:.61rem}.invitation-option label>span strong{display:block;color:#244131;font-size:.66rem}.invitation-option>label:last-child{display:block;margin-top:10px}.invitation-option>label[hidden]{display:none}
.form-note,.account-note{padding:11px;border:1px solid #d4e3da;border-radius:11px;background:#f5f8f6}.form-note strong,.account-note strong{display:block;color:#233e2f;font-size:.68rem}.form-note p,.account-note p{margin:4px 0 0;color:#65776c;font-size:.61rem;line-height:1.5}.form-message{min-height:0;border-radius:9px;color:#a42b2b;font-size:.63rem;line-height:1.45}.form-message:not(:empty){padding:9px 11px;border:1px solid #efc6c2;background:#fff4f2}.form-message.success{border-color:#bde4c8;background:#effaf2;color:#20773e}.auth-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;margin:0;border-radius:9px;background:linear-gradient(100deg,#0d6035,#21864b);box-shadow:0 9px 22px #17673520;cursor:pointer;transition:transform .18s,box-shadow .18s}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #1767352d}.auth-submit:disabled{opacity:.7;cursor:wait}.button-spinner{display:none;width:14px;height:14px;border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:authSpin .7s linear infinite}.auth-submit.loading .button-spinner{display:block}.secondary-action{min-height:41px;border:1px solid #9dc8ad;border-radius:9px;background:#fff;color:#126c3b;font-size:.63rem;font-weight:800;cursor:pointer}.secondary-action span{margin-left:7px}.back-action,.owner-setup-link{justify-self:center;padding:5px;border:0;background:transparent;color:#1d7744;font-size:.61rem;font-weight:800;cursor:pointer}.back-action:hover,.owner-setup-link:hover{text-decoration:underline}
.pin-fields{display:grid;grid-template-columns:repeat(6,minmax(34px,46px));justify-content:center;gap:8px;margin-top:8px}.pin-fields input{width:100%;min-height:47px;border:1px solid var(--line);border-radius:10px;text-align:center;font-size:1rem;font-weight:800;outline:0}.pin-fields input:focus{border-color:#32975a;box-shadow:0 0 0 3px #2d9b5814}.service-card{justify-content:space-between;gap:12px;margin-top:13px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#f7f9f8}.service-card strong,.service-card span{display:block}.service-card strong{font-size:.63rem}.service-card span{margin-top:3px;color:#217943;font-size:.57rem}.service-card span.offline{color:#a36524}.service-card button{min-height:31px;border:1px solid #d5dfd9;border-radius:8px;background:#fff;color:#193426;padding:0 11px;font-size:.57rem;font-weight:750;cursor:pointer}
.global-time{padding:13px 15px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 38px #183c270d}.global-time header{gap:9px}.clock-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eaf5ee;color:#207747}.global-time header strong,.global-time header small{display:block}.global-time header strong{font-size:.57rem;letter-spacing:.05em}.global-time header small{margin-top:2px;color:#77857d;font-size:.51rem}.global-time header>time{margin-left:auto;color:#748078;font-size:.5rem}.clock-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:9px}.clock-grid article{--clock-accent:#168047;display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;padding:10px;border:1px solid #dbe5df;border-radius:11px;background:#f7faf8}.clock-grid article:nth-child(2){--clock-accent:#3a70b5;background:#f3f7ff}.clock-grid article:nth-child(3){--clock-accent:#7650ad;background:#faf5ff}.clock-grid article:nth-child(4){--clock-accent:#b06e31;background:#fff8f2}.clock-grid article:nth-child(5){--clock-accent:#3b789c;background:#f4f9fc}.clock-copy{min-width:0}.clock-grid span,.clock-grid small,.clock-grid time{display:block}.clock-grid .clock-copy>span{color:var(--clock-accent);font-size:.5rem;font-weight:850}.clock-grid small{margin-top:3px;color:#7b8981;font-size:.48rem}.clock-grid time{margin-top:8px;color:var(--clock-accent);font-size:1.05rem;font-weight:790;font-variant-numeric:tabular-nums;white-space:nowrap}.clock-grid .clock-date{white-space:nowrap}.analog-clock{position:relative;display:block;flex:0 0 auto;width:46px;height:46px;border:1.5px solid var(--clock-accent);border-radius:50%;background:radial-gradient(circle at center,var(--clock-accent) 0 2px,transparent 2.5px),repeating-conic-gradient(from -1deg,var(--clock-accent) 0 1deg,transparent 1deg 30deg);box-shadow:inset 0 0 0 5px #fff,0 4px 12px #183c2710}.analog-clock:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff;z-index:0}.analog-clock i{position:absolute;z-index:1;left:50%;bottom:50%;width:1.5px;border-radius:999px;background:var(--clock-accent);transform-origin:50% 100%}.clock-hour{height:12px;transform:translateX(-50%) rotate(var(--hour-rotation,0deg))}.clock-minute{height:17px;transform:translateX(-50%) rotate(var(--minute-rotation,0deg))}.analog-clock b{position:absolute;z-index:2;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--clock-accent);transform:translate(-50%,-50%)}.signin-footer{display:flex;justify-content:space-between;gap:12px;padding:0 2px;color:#76847b;font-size:.5rem}
@keyframes authSpin{to{transform:rotate(360deg)}}@keyframes authPulse{50%{opacity:.45;transform:scale(.8)}}@keyframes inspirationLoad{0%{background-position:100% 0}100%{background-position:-120% 0}}@keyframes inspirationReveal{from{opacity:.15;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes inspirationGlow{0%,68%{left:-45%}100%{left:130%}}
@media(max-width:1180px){.auth-gateway{grid-template-columns:minmax(390px,.78fr) minmax(560px,1.22fr)}.auth-story{padding:30px}.story-copy h1{font-size:clamp(2.8rem,4.7vw,4.5rem)}.inspiration{padding:15px}.clock-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.auth-gateway{display:block}.auth-story{position:relative;min-height:auto;max-height:none;padding:26px}.story-copy{padding:32px 0 12px}.story-copy h1{font-size:clamp(2.5rem,8vw,4.4rem)}.value-grid{grid-template-columns:repeat(3,1fr)}.inspiration{margin-bottom:8px}.story-status{margin-top:16px}.signin{padding:22px}.mobile-brand{display:flex}}
@media(max-width:650px){.auth-story{padding:22px}.story-head{justify-content:center}.auth-brand img{width:190px}.story-copy h1{font-size:clamp(2.35rem,11vw,3.6rem)}.story-copy p{font-size:.77rem}.value-grid{grid-template-columns:1fr}.value-grid article{padding:10px 12px}.inspiration>div{grid-template-columns:1fr}.signin{padding:14px}.signin-card{padding:22px 17px;border-radius:18px}.weather-bar{align-items:flex-start}.weather-bar>span:last-child{display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:1}.clock-grid{grid-template-columns:1fr}.global-time header>time{display:none}.signin-footer{flex-direction:column}.pin-fields{gap:5px}.pin-fields input{min-width:0}}
@media(max-width:390px){.auth-tabs{grid-template-columns:1fr}.clock-grid time{font-size:.98rem}.pin-fields{grid-template-columns:repeat(6,minmax(30px,1fr))}.pin-fields input{min-height:42px}.signin-card{padding-inline:14px}}
@media(max-height:760px) and (min-width:921px){.auth-story{position:relative;max-height:none}.story-copy{padding:28px 0 16px}.story-copy h1{font-size:3.15rem}.value-grid{margin-top:17px}.inspiration{margin-top:17px}.signin{overflow:visible}}
@media(prefers-reduced-motion:reduce){.field,.auth-submit,.auth-tabs button,.password-rules span{transition:none}.field:focus-within,.auth-submit:hover:not(:disabled){transform:none}.pulse-dot,.button-spinner,.inspiration:before,.inspiration.loading blockquote,.inspiration.ready blockquote{animation:none}}