@font-face{font-family:Darker;src:url('../../public/fonts/DarkerGrotesque-Regular.ttf')}@font-face{font-family:Darker;src:url('../../public/fonts/DarkerGrotesque-Bold.ttf');font-weight:700}*{box-sizing:border-box}body{margin:0;font-family:Darker,Arial,sans-serif;color:#101a34;background:#f7f6f2}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,46%) 1fr}.auth-story{position:relative;overflow:hidden;color:white;padding:44px 6vw;background:radial-gradient(circle at 84% 20%,rgba(255,105,42,.75),transparent 30%),radial-gradient(circle at 22% 66%,rgba(91,125,210,.75),transparent 34%),linear-gradient(145deg,#071533 0%,#182751 48%,#5b291f 100%)}.auth-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000,transparent)}.auth-brand{position:relative;display:block;width:210px;height:74px;overflow:hidden}.auth-brand img{width:260px;height:146px;object-fit:cover;object-position:center;margin:-36px 0 0 -25px}.story-copy{position:relative;margin-top:18vh;max-width:560px}.story-copy>p:first-child,.eyebrow{font-size:13px;letter-spacing:.2em;font-weight:700;color:#ff7446}.story-copy h1{font-size:clamp(62px,6vw,102px);line-height:.76;letter-spacing:-.055em;margin:28px 0}.story-copy h1 em{font-style:normal;color:#ff7040}.story-text{font-size:22px;line-height:1.45;color:#dce4f6;max-width:490px}.story-preview{position:relative;margin-top:12vh;padding:22px;border:1px solid rgba(255,255,255,.16);background:rgba(7,21,51,.48);backdrop-filter:blur(16px);display:grid;grid-template-columns:1.6fr repeat(3,1fr);align-items:center;gap:18px;border-radius:18px}.story-preview>span{font-size:11px;letter-spacing:.18em;color:#a9b7d6}.story-preview div{border-left:1px solid rgba(255,255,255,.15);padding-left:18px}.story-preview b{font-size:30px}.story-preview small{display:block;color:#aebbd5;font-size:14px}.auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px}.auth-card{width:min(520px,100%);background:white;border:1px solid #dfe3eb;box-shadow:0 25px 80px rgba(20,32,60,.08);border-radius:28px;padding:54px}.auth-card h2{font-size:54px;line-height:.9;letter-spacing:-.04em;margin:12px 0}.auth-card>p:not(.eyebrow){color:#778094;font-size:19px}.auth-card form{margin-top:34px;display:grid;gap:20px}.auth-card label{display:grid;gap:8px;font-size:15px;font-weight:700}.auth-card input{font:inherit;font-size:18px;padding:17px 18px;border:1px solid #d8dee8;border-radius:12px;outline:none}.auth-card input:focus{border-color:#315dc2;box-shadow:0 0 0 4px rgba(49,93,194,.1)}.auth-row{display:flex;justify-content:space-between;align-items:center}.remember{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center;font-weight:500!important;color:#667085}.remember input{width:18px;height:18px}.text-button{border:0;background:transparent;color:#315dc2;font:inherit;font-weight:700;cursor:pointer}.auth-primary{border:0;background:#f04b24;color:white;border-radius:12px;padding:18px 20px;font:inherit;font-size:19px;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}.demo-login{width:100%;margin-top:18px;border:1px solid #cfd9ee;background:#f7f9ff;border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;text-align:left;align-items:center;cursor:pointer;color:#16213d}.demo-login span{color:#f04b24;font-size:22px}.demo-login strong,.demo-login small{display:block}.demo-login small{color:#778094;margin-top:2px}.auth-divider{display:flex;align-items:center;gap:12px;color:#98a0b1;font-size:14px;margin:26px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e5e8ee;flex:1}.setup-link{display:block;text-align:center;border:1px solid #17213b;border-radius:12px;padding:15px;color:#17213b;text-decoration:none;font-weight:700;font-size:18px}.form-error{background:#fff0eb;color:#a62e15;padding:12px 14px;border-radius:10px;margin:0;font-size:15px!important}.auth-panel footer{width:min(520px,100%);display:flex;justify-content:space-between;margin-top:24px;color:#8b93a4;font-size:14px}.auth-panel footer a{color:#315dc2;text-decoration:none}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{padding:24px}.auth-card{padding:32px 24px}.auth-card h2{font-size:44px}}