:root{--blue:#5d7bef;--blue-dark:#405dd7;--yellow:#ffd518;--ink:#111a30;--paper:#f8f5ed;--cream:#fffdf8;--muted:#6e7587;--line:#dde1eb;--green:#36bd78;--coral:#ff786b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit}button,input{font:inherit}.skip-link{position:fixed;z-index:99;left:12px;top:12px;padding:10px 15px;background:var(--yellow);border:2px solid var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}.login-shell{display:grid;grid-template-columns:minmax(500px,48%) minmax(520px,52%);min-height:100vh}.login-story{position:sticky;top:0;align-self:start;min-height:100vh;padding:34px clamp(36px,5vw,76px);display:flex;flex-direction:column;overflow:hidden;background:var(--ink);color:#fff}.login-story:before{content:"";position:absolute;left:-250px;top:19%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(93,123,239,.25),transparent 66%)}.story-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between}.brand{display:block;background:var(--cream);border-radius:14px;padding:4px 12px}.brand img{width:134px;height:43px;display:block;object-fit:contain}.home-link{display:flex;align-items:center;gap:8px;color:#a8b1ca;text-decoration:none;font-size:12px;font-weight:700}.home-link:hover{color:var(--yellow)}.story-content{position:relative;z-index:2;margin-top:10vh}.live-label{display:flex;align-items:center;gap:10px;color:#a8b3d1;font:700 10px "Space Grotesk",sans-serif;letter-spacing:.17em}.live-label>span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(54,189,120,.12)}.story-content h1{margin:26px 0 20px;font:700 clamp(57px,5.4vw,88px)/.91 "Space Grotesk",sans-serif;letter-spacing:-.068em}.story-content h1 em{font-weight:500;color:var(--yellow);position:relative}.story-content h1 em:after{content:"";position:absolute;left:-4px;right:-5px;bottom:-8px;height:7px;border-top:3px solid var(--blue);border-radius:50%;transform:rotate(-3deg)}.story-content p{max-width:480px;color:#b4bdd4;font-size:17px;line-height:1.65}.command-orbit{position:relative;height:300px;margin-top:auto;isolation:isolate}.orbit{position:absolute;left:50%;top:50%;border:1.5px solid rgba(122,148,255,.52);border-radius:50%}.orbit-a{width:405px;height:145px;transform:translate(-50%,-50%) rotate(-10deg)}.orbit-b{width:205px;height:280px;border-color:rgba(255,213,24,.42);transform:translate(-50%,-50%) rotate(42deg)}.command-core{position:absolute;left:50%;top:50%;width:105px;height:105px;transform:translate(-50%,-50%) rotate(-6deg);display:grid;place-items:center;background:var(--blue);border:2px solid var(--yellow);border-radius:33px;box-shadow:0 22px 50px rgba(0,0,0,.32)}.command-core span{font:700 45px/1 "Space Grotesk"}.command-core small{font:700 7px "Space Grotesk";letter-spacing:.16em;color:#dce2ff;margin-top:-25px}.signal{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:16px;background:rgba(255,255,255,.95);color:var(--ink);box-shadow:0 16px 35px rgba(0,0,0,.28);animation:float 4s ease-in-out infinite}.signal>i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--yellow);font-size:17px}.signal b,.signal small{display:block}.signal b{font:700 12px "Space Grotesk"}.signal small{font-size:9px;color:var(--muted);margin-top:2px}.signal-one{left:0;top:38px}.signal-two{right:0;bottom:34px;animation-delay:-2s}.signal-two>i{background:var(--coral);color:#fff}.spark{position:absolute;color:var(--yellow);font-size:27px}.spark-a{right:19%;top:25px}.spark-b{left:18%;bottom:15px;color:var(--blue)}.doodle-face{position:absolute;right:3%;top:34px;color:var(--coral);font:bold 25px monospace;transform:rotate(9deg)}@keyframes float{50%{transform:translateY(-10px) rotate(1deg)}}.story-footer{position:relative;z-index:2;padding-top:20px;border-top:1px solid #303950;display:flex;justify-content:space-between;color:#949fba;font-size:10px;font-weight:600;letter-spacing:.03em}.story-footer i{color:var(--yellow);margin-right:6px}.login-panel{min-height:100vh;padding:34px clamp(36px,6vw,90px) 50px;background:var(--cream)}.panel-header{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.panel-header>div:last-child a{color:var(--blue);font-weight:700;text-decoration:none;margin-left:3px}.security-status{font-weight:700}.security-status i{color:var(--green);margin-right:6px}.login-wrap{width:min(510px,100%);margin:14vh auto 0}.welcome-icon{position:relative;width:56px;height:56px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:18px;background:var(--yellow);font-size:24px;transform:rotate(-5deg);box-shadow:4px 4px 0 var(--ink);margin-bottom:31px}.welcome-icon span{position:absolute;right:-7px;top:-7px;width:14px;height:14px;background:var(--green);border:3px solid var(--cream);border-radius:50%}.eyebrow{font:700 10px "Space Grotesk";letter-spacing:.18em;color:var(--blue)}.login-wrap h2{font:700 clamp(43px,4.5vw,61px)/1 "Space Grotesk";letter-spacing:-.055em;margin:13px 0 11px}.intro{color:var(--muted);font-size:16px;margin:0 0 34px}.error-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;margin-bottom:22px;background:#fff0ee;border:1px solid #ffc9c2;border-radius:15px;color:#983b33}.error-banner>i{font-size:18px}.error-banner b,.error-banner span{display:block}.error-banner b{font-size:12px}.error-banner span{font-size:11px;margin-top:3px}.field{margin-bottom:20px}.field label{display:block;margin-bottom:8px;font:700 12px "Space Grotesk"}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row a{color:var(--blue);font-size:11px;font-weight:700;text-decoration:none}.input-shell{height:57px;display:flex;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:15px;transition:.2s}.input-shell:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(93,123,239,.11)}.input-shell>i:first-child{width:50px;text-align:center;color:#8992a7;font-size:17px}.input-shell input{min-width:0;flex:1;height:100%;padding:0 13px 0 0;background:transparent;border:0;outline:0;color:var(--ink);font-size:14px}.input-shell input::placeholder{color:#b5bbc7}.input-state{width:37px;color:var(--green);opacity:0}.input-shell:focus-within .input-state{opacity:.3}.input-shell input:valid:not(:placeholder-shown)+.input-state{opacity:1}.password-toggle{width:50px;height:100%;background:transparent;border:0;color:#8992a7;cursor:pointer}.password-toggle:hover{color:var(--blue)}.remember{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;cursor:pointer;margin:3px 0 25px}.remember input{position:absolute;opacity:0}.custom-check{width:19px;height:19px;flex:0 0 19px;border:1.5px solid #cbd0db;border-radius:6px;background:#fff;display:grid;place-items:center}.custom-check i{opacity:0;color:#fff}.remember input:checked+.custom-check{background:var(--blue);border-color:var(--blue)}.remember input:checked+.custom-check i{opacity:1}.remember input:focus-visible+.custom-check{box-shadow:0 0 0 4px rgba(93,123,239,.14)}.login-button{width:100%;height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:var(--blue);color:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:5px 6px 0 var(--ink);font:700 15px "Space Grotesk";cursor:pointer;transition:.2s}.login-button:hover{background:var(--blue-dark);transform:translate(-1px,-2px);box-shadow:7px 8px 0 var(--ink)}.login-button:disabled{opacity:.72;cursor:wait}.login-button>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14)}.trust-row{display:flex;justify-content:center;gap:20px;margin-top:20px;color:#8a91a1;font-size:9px}.trust-row span{display:flex;align-items:center;gap:5px}.trust-row i{color:var(--green)}.mobile-signup{display:none;text-align:center;margin-top:27px;color:var(--muted);font-size:12px}.mobile-signup a{color:var(--blue);font-weight:700}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.login-shell{grid-template-columns:40% 60%}.login-story{padding-inline:28px}.story-content h1{font-size:56px}.command-orbit{transform:scale(.83);margin-inline:-45px}.story-footer{flex-direction:column;gap:8px}.login-panel{padding-inline:42px}}@media(max-width:760px){.login-shell{display:block}.login-story{position:relative;min-height:auto;padding:22px 22px 35px}.story-content{margin-top:58px}.story-content h1{font-size:57px}.story-content p{max-width:570px}.command-orbit{height:235px;margin-top:20px;transform:scale(.78)}.story-footer{display:none}.login-panel{min-height:auto;padding:24px 22px 55px}.login-wrap{margin-top:55px}.panel-header>div:last-child{display:none}.mobile-signup{display:block}}@media(max-width:480px){.brand img{width:110px;height:36px}.home-link{font-size:0}.home-link i{font-size:18px}.story-content{margin-top:45px}.story-content h1{font-size:48px}.story-content p{font-size:15px}.command-orbit{height:210px;margin:-3px -65px;transform:scale(.7)}.login-wrap{margin-top:45px}.login-wrap h2{font-size:45px}.trust-row{flex-direction:column;align-items:center;gap:7px}}@media(prefers-reduced-motion:reduce){.signal,.spin{animation:none}.login-button{transition:none}}