@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080b16;--panel:#101629;--text:#f5f7ff;--muted:#9aa6c0;--blue:#438bff;--violet:#9165ff;--line:rgba(157,179,225,.15)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:"DM Sans",Arial,sans-serif;background:radial-gradient(ellipse at 14% 18%,rgba(37,99,235,.15),transparent 38%),radial-gradient(ellipse at 84% 78%,rgba(124,58,237,.13),transparent 36%),#080b16;overflow-x:hidden}.ambient{position:fixed;width:440px;height:440px;border-radius:50%;filter:blur(100px);opacity:.16;pointer-events:none}.ambient-one{background:#176bff;top:-240px;left:-180px}.ambient-two{background:#803cff;right:-240px;bottom:-250px}.page-shell{position:relative;z-index:1;max-width:1240px;margin:auto;padding:28px 46px 22px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:54px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font:700 19px "Space Grotesk",sans-serif;letter-spacing:2px}.brand>span:last-child span{color:#6ea5ff}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,#398aff,#855cff);box-shadow:0 5px 22px #347bff55;font:700 21px "Space Grotesk"}.private-label{font-size:10px;letter-spacing:1.7px;color:#aab5cb;display:flex;align-items:center;gap:9px}.private-label i,.status-dot,.eyebrow span{width:7px;height:7px;border-radius:50%;background:#54d6b0;box-shadow:0 0 12px #54d6b0;display:inline-block}.login-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:clamp(48px,9vw,132px);padding:55px 5.5% 70px}.intro{position:relative;max-width:570px}.eyebrow{display:flex;align-items:center;gap:10px;color:#8eafff;font-size:10px;font-weight:700;letter-spacing:2.2px}.intro h1{font:600 clamp(42px,5.2vw,68px)/1.08 "Space Grotesk",sans-serif;letter-spacing:-2.6px;margin:25px 0 22px}.intro h1 em{font-style:normal;background:linear-gradient(95deg,#7db5ff 5%,#9b7cff 75%);background-clip:text;-webkit-background-clip:text;color:transparent}.intro-copy{max-width:460px;color:#a6b1c7;font-size:15px;line-height:1.85;margin:0}.feature-list{display:grid;gap:20px;margin-top:43px}.feature{display:flex;align-items:center;gap:15px}.feature-icon{width:39px;height:39px;border:1px solid #477de966;background:#15213b;border-radius:12px;display:grid;place-items:center;color:#83b2ff;font-size:23px}.feature b,.feature small{display:block}.feature b{font-size:13px;font-weight:600}.feature small{margin-top:4px;color:#8794ad;font-size:11px}.orbit{position:absolute;border:1px solid rgba(95,139,255,.13);border-radius:50%;pointer-events:none}.orbit-a{width:390px;height:390px;right:-80px;top:-85px}.orbit-b{width:470px;height:470px;right:-120px;top:-125px;border-color:rgba(146,103,255,.1)}.login-card{position:relative;overflow:hidden;width:100%;max-width:430px;justify-self:end;padding:39px 38px 24px;border:1px solid rgba(151,174,226,.19);border-radius:22px;background:linear-gradient(145deg,rgba(20,29,51,.96),rgba(12,17,32,.97));box-shadow:0 28px 90px #0008,0 0 55px #3d69d00d}.card-glow{position:absolute;top:-100px;left:20%;width:230px;height:150px;background:#477eff;filter:blur(85px);opacity:.19;pointer-events:none}.card-heading{text-align:center;position:relative}.login-symbol{width:49px;height:49px;margin:0 auto 22px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(140deg,#398aff,#8059f5);box-shadow:0 8px 25px #427bff55;font:700 27px "Space Grotesk"}.card-heading .eyebrow{justify-content:center;font-size:9px}.card-heading h2{font:600 27px "Space Grotesk";margin:12px 0 7px;letter-spacing:-.7px}.card-heading p{margin:0;color:#96a2ba;font-size:12px}.login-card form{position:relative;margin-top:34px}.login-card label{display:block;margin-bottom:9px;color:#dbe3f4;font-size:11px;font-weight:600}.field{height:49px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid rgba(148,169,211,.2);border-radius:10px;background:rgba(5,10,22,.5);transition:.2s}.field:focus-within{border-color:#5b91ff;box-shadow:0 0 0 3px #438bff18}.field-icon{color:#789bd8;font-size:18px}.field input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:12px "DM Sans"}.field input::placeholder{color:#66738c}.password-label{display:flex;justify-content:space-between;align-items:center;margin-top:21px}.password-label a{font-size:10px;color:#8db4ff;text-decoration:none}.password-label a:hover{color:#c0d5ff}.toggle-password{border:0;background:none;color:#9aafd7;cursor:pointer;font-size:17px}.submit-button{width:100%;height:50px;margin-top:27px;border:0;border-radius:10px;background:linear-gradient(100deg,#347ff5,#7358e9);color:white;font:700 11px "DM Sans";letter-spacing:1.1px;cursor:pointer;box-shadow:0 10px 25px #4169e944;transition:transform .2s,filter .2s}.submit-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.submit-button span{margin-left:12px;font-size:17px;vertical-align:-1px}.form-note{min-height:28px;text-align:center;color:#8290aa;font-size:10px;line-height:1.5;margin:15px 0 0}.card-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:17px;text-align:center;color:#8190aa;font-size:8px;letter-spacing:1.2px}.status-dot{width:6px;height:6px;margin-right:6px}.footer-separator{padding:0 7px;color:#56647e}.site-footer{display:flex;justify-content:space-between;gap:20px;color:#65728a;font-size:9px;letter-spacing:.3px}.site-footer b{color:#778cff;padding:0 5px}
@media(max-width:850px){.page-shell{padding:22px 25px}.login-layout{gap:35px;padding:45px 0 55px}.intro h1{font-size:48px}.orbit{display:none}.login-card{padding:32px 27px 22px}}@media(max-width:650px){.page-shell{padding:18px 19px;min-height:100svh}.private-label{font-size:8px;letter-spacing:1px}.login-layout{display:flex;flex-direction:column;align-items:stretch;gap:34px;padding:55px 0 38px}.intro{max-width:none}.intro h1{font-size:42px;margin:18px 0 14px;letter-spacing:-1.8px}.intro-copy{font-size:13px;line-height:1.7}.feature-list{display:none}.login-card{max-width:none;justify-self:stretch;padding:30px 23px 20px}.card-heading h2{font-size:25px}.site-footer{font-size:8px;flex-direction:column;align-items:center;text-align:center;gap:8px}.brand{font-size:17px}}