@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#07101d;--surface:#101c2d;--line:#23364b;--text:#f3faff;--muted:#8aa1b7;--cyan:#27d8e7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 21% 55%,#0a2940 0%,transparent 39%),radial-gradient(ellipse at 100% 100%,#0a2338 0%,transparent 32%),#07101d;color:var(--text);font-family:'DM Sans',system-ui,-apple-system,sans-serif;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(65,139,179,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(65,139,179,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,#000,transparent 90%);pointer-events:none}.ambient{position:fixed;border-radius:50%;filter:blur(95px);pointer-events:none;opacity:.38}.ambient-one{width:360px;height:360px;background:#036f98;top:22%;left:20%}.ambient-two{width:260px;height:260px;background:#00558b;right:-180px;bottom:0}.top,.footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:27px max(5.5vw,24px)}.top{border-bottom:1px solid rgba(130,197,238,.08)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit}.brand img{width:48px;height:48px;border-radius:12px;object-fit:cover;border:1px solid #355269}.brand strong,.brand small{display:block}.brand strong{font:800 15px 'Outfit',sans-serif;letter-spacing:.9px}.brand small{color:#65becf;letter-spacing:1.7px;font-size:9px;font-weight:800;margin-top:4px}.top-secure,.eyebrow,.access-tag,.kicker{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#81bfd0}.live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#27e1b4;box-shadow:0 0 0 4px rgba(39,225,180,.08),0 0 15px rgba(39,225,180,.25);margin-right:9px}.auth-layout{position:relative;z-index:1;max-width:1270px;margin:auto;min-height:calc(100vh - 175px);display:grid;grid-template-columns:1fr 460px;align-items:center;gap:clamp(44px,7vw,120px);padding:45px 32px 65px}.showcase{padding:12px 0}.edition{padding:6px 10px;border:1px solid rgba(47,211,231,.25);background:rgba(35,208,225,.05);border-radius:6px;color:#50dfeb;margin-left:10px}.showcase h1{font:800 clamp(43px,4.6vw,68px)/1.09 'Outfit',sans-serif;letter-spacing:-2.2px;margin:35px 0 22px}.showcase h1 em{font-style:normal;color:#40dae9;background:linear-gradient(115deg,#23dbe7,#8eeaf5);background-clip:text;-webkit-text-fill-color:transparent}.showcase>p{max-width:475px;line-height:1.8;color:#9db3c5;font-size:15px}.feature-list{margin-top:49px;display:grid;gap:27px}.feature{display:flex;align-items:center;gap:17px}.feature-icon{display:grid;place-items:center;flex:0 0 45px;height:45px;border-radius:13px;color:#55dfe9;border:1px solid #25475d;background:linear-gradient(135deg,#123b52,#102335);font-size:21px}.feature strong,.feature small{display:block}.feature strong{font-size:14px;margin-bottom:5px}.feature small{font-size:12px;color:#7695a9}.accent-line{height:2px;width:66px;background:linear-gradient(90deg,#1ac7da,transparent);margin-top:53px}.login-side{max-width:460px;width:100%;margin:auto}.login-card{padding:34px 38px 30px;border-radius:23px;background:linear-gradient(155deg,rgba(24,43,63,.96),rgba(12,25,41,.97));border:1px solid #2a4258;box-shadow:0 28px 85px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.045)}.card-top{display:flex;justify-content:space-between;align-items:center}.lock-symbol{color:#4ddfed;font-size:20px}.access-tag{color:#79bdd0;background:rgba(42,174,191,.09);border:1px solid rgba(60,176,198,.2);padding:9px 11px;border-radius:8px;font-size:9px}.card-avatar{width:73px;height:73px;border:2px solid #2f6f7b;box-shadow:0 0 0 6px rgba(32,210,223,.05),0 8px 25px rgba(0,0,0,.22);border-radius:17px;overflow:hidden;margin:25px 0 28px}.card-avatar img{height:100%;width:100%;object-fit:cover}.kicker{color:#43d7e7;font-size:10px}.intro h2{font:800 34px 'Outfit',sans-serif;letter-spacing:-.9px;margin:7px 0 8px}.intro p{color:#89a0b4;font-size:13px;margin-bottom:29px;line-height:1.6}.login-form label{font-size:12px;font-weight:700;color:#c2d6e4;display:block;margin:0 0 10px}.field{height:51px;display:flex;align-items:center;border-radius:11px;border:1px solid #314a60;background:#0a192a;margin-bottom:22px;transition:border-color .15s,box-shadow .15s}.field:focus-within{border-color:#27d8e7;box-shadow:0 0 0 3px rgba(35,213,225,.10)}.field-icon{font-size:16px;color:#6389a3;margin-left:16px;width:18px}.field input{width:100%;flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:white;font:500 13px 'DM Sans',sans-serif;padding:0 14px}.field input::placeholder{color:#64839a}.field button{background:none;border:0;color:#53d1e1;font-size:11px;font-weight:700;cursor:pointer;margin-right:12px}.submit-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:16px;min-height:52px;background:linear-gradient(110deg,#1ad4e4,#0794bb);border:0;border-radius:11px;color:#06202e;font:800 14px 'Outfit',sans-serif;cursor:pointer;box-shadow:0 9px 22px rgba(15,196,217,.18);margin-top:6px}.submit-btn:hover{filter:brightness(1.1)}.submit-btn:focus-visible,.field button:focus-visible{outline:2px solid #fff;outline-offset:3px}.submit-btn span{font-size:21px}.error-msg{padding:12px 14px;background:#4a202b;border:1px solid #944454;color:#ffd7d9;border-radius:10px;font-size:12px;margin-bottom:20px;line-height:1.5}.security-note{margin-top:29px;border-top:1px solid #273b4e;padding-top:22px;color:#7896a9;font-size:11px;text-align:center}.security-note .live-dot{width:6px;height:6px;margin-right:6px}.card-foot{text-align:center;color:#58798d;font-size:10px;letter-spacing:1.3px;font-weight:800;margin-top:22px}.card-foot span{color:#1bd2e3;margin:0 8px}.footer{color:#59798e;font-size:11px;padding-top:0}.footer span:last-child{color:#6e9aaa}@media(max-width:900px){.auth-layout{grid-template-columns:1fr;gap:34px;padding-top:35px}.showcase{max-width:550px;margin:auto}.showcase h1{font-size:43px}.feature-list,.accent-line{display:none}.login-side{max-width:480px}.top-secure{display:none}}@media(max-width:520px){.top{padding:17px 20px}.auth-layout{padding:34px 17px 25px;min-height:auto}.showcase{display:none}.login-card{padding:27px 23px;border-radius:18px}.footer{padding:24px 18px;gap:10px;font-size:10px}.brand img{width:41px;height:41px}.card-avatar{margin-top:18px}}