:root{--ink:#253c34;--muted:#6c7771;--green:#245b49;--lime:#daedb4;--paper:#f6f7f2;--line:#e2e7de;font-family:'DM Sans','Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #9b80cd;outline-offset:5px}[hidden]{display:none!important}::selection{background:#daedb4}.auth-page{background:radial-gradient(ellipse at 8% 85%,#e9eedd,transparent 45%),var(--paper);min-height:100svh}
.auth-shell{max-width:1440px;margin:auto;padding:0 6%}.auth-nav{height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.8px}.brand-dot{color:#7e9664;margin-left:-10px}.nav-note{font-size:13px;color:var(--muted)}.nav-link{font-size:13px;font-weight:600;border-bottom:1px solid #b0bcad;padding:9px 0}.nav-link span{margin-left:20px;font-size:19px}.auth-main{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center;padding:24px 0 40px}.auth-hero{position:relative;min-width:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;background:#709d54;border-radius:50%;box-shadow:0 0 0 4px #e5ecd9}h1{font-family:Manrope,sans-serif;font-size:clamp(55px,5.7vw,84px);line-height:1.04;letter-spacing:-5px;font-weight:500;margin:25px 0 23px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.serif-word{font-family:Georgia,serif;font-style:italic;color:var(--green);font-size:1.14em}.spark{width:48px;height:48px;margin-left:25px;color:#a08bbd;vertical-align:middle;animation:spark-turn 24s linear infinite}.hero-copy>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.connection-scene{height:238px;position:relative;margin:17px 0 14px;max-width:520px}.scene-orbit{position:absolute;width:360px;height:190px;border:1px solid #d9ded1;border-radius:50%;top:20px;left:65px;transform:rotate(-17deg)}.orbit-two{transform:rotate(17deg);width:310px;left:90px}.scene-star{position:absolute;color:#827197;font-size:30px}.star-one{top:35px;right:20px}.star-two{bottom:32px;left:12px;color:#7d995b}.scene-avatar{position:absolute;width:86px;height:96px;border-radius:44px 44px 24px 24px;overflow:hidden;border:5px solid var(--paper);box-shadow:0 9px 22px #263e3510;transform:rotate(-8deg)}.scene-avatar svg{width:100%;height:100%}.avatar-one{top:5px;left:25px;background:#dbd2ea}.avatar-two{bottom:27px;right:9px;background:#dce4c9;transform:rotate(9deg)}.scene-chat{position:absolute;display:flex;align-items:center;gap:10px;border-radius:16px;box-shadow:0 12px 28px #253c3410;animation:chat-float 7s ease-in-out infinite}.chat-first{top:69px;left:57px;width:345px;background:#fff;padding:16px;transform:rotate(-4deg)}.mini-avatar{flex-shrink:0;background:#ece7f3;color:#776195;font-size:17px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center}.scene-chat small{font-size:8px;letter-spacing:1.3px;color:#687563}.scene-chat p{font-size:12px;margin:5px 0 0;line-height:1.5}.chat-second{top:147px;left:117px;padding:15px 18px;background:#daedb4;transform:rotate(3deg);animation-delay:-3.5s}.chat-second p{margin:0}.scene-check{color:#547753;font-size:11px;align-self:flex-end}.connection-tag{position:absolute;bottom:0;left:90px;font-size:10px;color:#778171;letter-spacing:.3px}.connection-tag>span{color:#8e729f;font-size:17px;margin-right:7px}.hero-foot{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;line-height:1.6;color:var(--muted)}.hero-foot strong{font-weight:500;color:var(--ink)}.foot-symbol{display:grid;place-items:center;background:#e8eede;width:39px;height:39px;border-radius:50%;font-size:25px;color:var(--green)}.tiny-label{margin-left:auto;font-size:8px;letter-spacing:1.5px;line-height:1.7;color:#687563}
.auth-card{padding:36px 40px 28px;background:#fff;border:1px solid #e5e9e0;border-radius:25px;box-shadow:0 20px 70px #284b3210;animation:arrive .65s ease both;position:relative;overflow:hidden}.auth-card:before{content:'';position:absolute;width:120px;height:120px;border:1px solid #e8ecdf;border-radius:50%;top:-60px;right:-40px}.card-top{display:flex;align-items:center;gap:12px;color:#687563;font-size:9px;letter-spacing:1.5px}.hello-icon{height:41px;width:41px;display:grid;place-items:center;background:#eef3e6;color:#698252;border-radius:14px;font-size:25px}.auth-card h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-1.6px;font-size:38px;line-height:1.2;margin:25px 0 12px}.auth-intro{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 24px}.auth-tabs{background:#f3f5ee;padding:4px;border-radius:11px;display:flex;margin-bottom:25px;gap:4px}.auth-tabs a{flex:1;text-align:center;padding:10px;font-size:12px;color:#737d70;border-radius:8px;transition:background .2s}.auth-tabs [aria-current]{background:white;box-shadow:0 2px 5px #304c3510;color:var(--green);font-weight:700}form>label{display:block;font-size:11px;font-weight:600;margin:18px 0 8px}.auth-field{display:flex;align-items:center;border:1px solid #dfe5da;border-radius:11px;padding:0 14px;background:#fcfdfb;transition:border-color .2s,box-shadow .2s}.auth-field:focus-within{border-color:#769b6b;box-shadow:0 0 0 3px #e9f0e2}.auth-field>svg,.toggle-pass svg{width:17px;height:17px;fill:none;stroke:#889581;stroke-width:1.5;flex-shrink:0}.auth-field input{min-width:0;width:100%;border:0;background:transparent;height:49px;outline:0;padding:0 11px;color:var(--ink);font-size:14px}.auth-field input::placeholder{color:#687563;font-size:12px}.toggle-pass{border:0;background:transparent;padding:8px 0 8px 8px;display:flex}.toggle-pass[aria-pressed=true] svg{stroke:var(--green)}.auth-submit{border:0;border-radius:11px;width:100%;height:51px;margin-top:26px;background:var(--green);color:#fff;padding:0 19px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;transition:background .2s,transform .2s,box-shadow .2s}.auth-submit>span:last-child{font-size:24px;color:var(--lime)}.auth-submit:hover{background:#194736;transform:translateY(-2px);box-shadow:0 8px 18px #245b4920}.form-note{text-align:center;font-size:10px;color:#687563;margin:12px 0 23px}.card-bottom{display:flex;gap:12px;align-items:center;padding-top:20px;border-top:1px solid var(--line)}.card-bottom>span{font-size:28px;color:#9c88b6}.card-bottom p{font-size:11px;color:#687563;line-height:1.7;margin:0}.auth-feedback{padding:11px 13px;border-radius:9px;font-size:12px;line-height:1.6}.error{background:#fceeea;color:#964334}.success{background:#edf4e5;color:#3a633c}.caps-hint{font-size:11px;color:#9b623b}.auth-footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0 25px;border-top:1px solid var(--line);font-size:10px;color:#687563}.auth-footer>span:last-child>span{color:#a08bbd;margin-left:15px}.hero-copy{animation:arrive .7s ease both}
@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-float{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes spark-turn{to{transform:rotate(360deg)}}
@media(min-width:1500px){.auth-main{padding-top:55px;padding-bottom:65px}}@media(max-width:1000px){.auth-shell{padding:0 5%}.auth-main{gap:5%;grid-template-columns:1fr 1fr}.auth-card{padding:30px}.nav-note{display:none}h1{font-size:64px}.connection-scene{transform:scale(.86);transform-origin:left center;margin-right:-30px}.hero-foot .tiny-label{display:none}}@media(max-width:760px){.auth-nav{height:82px}.brand{font-size:28px}.brand img{width:33px;height:33px}.nav-link{font-size:11px}.nav-link span{margin-left:8px}.auth-main{grid-template-columns:1fr;gap:30px;padding-top:14px}.hero-copy h1{font-size:58px;letter-spacing:-3px;margin:19px 0}.hero-copy h1 br{display:none}.hero-copy>p{font-size:13px}.hero-copy>p br{display:none}.eyebrow{font-size:8px}.spark{width:29px;height:29px;margin-left:12px}.connection-scene,.hero-foot{display:none}.auth-card{max-width:480px;width:100%;margin:auto;padding:28px}.auth-card h2{font-size:33px}.auth-footer{font-size:9px}.auth-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:760px){.auth-field input{font-size:16px}.auth-card{min-width:0}.auth-hero h1{max-width:100%}}