*{box-sizing:border-box}html,body{min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}#root{min-height:100vh}a{text-decoration:none}button,input{font:inherit}.auth-page{background:radial-gradient(circle at top,#3b82f61f,#0000 35%),#080b12;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#0e121bf5;border:1px solid #202938;border-radius:18px;width:min(100%,430px);padding:36px;box-shadow:0 24px 80px #0006}.brand{align-items:center;gap:14px;margin-bottom:38px;display:flex}.brand-mark{color:#fff;background:#2563eb;border-radius:10px;place-items:center;width:44px;height:44px;font-size:14px;font-weight:800;display:grid}.brand h1{color:#f8fafc;margin:0;font-size:17px}.brand p{color:#7f8ba3;margin:3px 0 0;font-size:12px}.auth-header{margin-bottom:28px}.auth-header h2{color:#f8fafc;margin:0 0 8px;font-size:28px}.auth-header p{color:#8d99ad;margin:0;font-size:14px}.auth-card form{gap:10px;display:grid}.auth-card label{color:#cbd5e1;margin-top:8px;font-size:13px;font-weight:600}.auth-card input{box-sizing:border-box;color:#f8fafc;background:#0a0f18;border:1px solid #293447;border-radius:9px;outline:none;width:100%;padding:12px 13px;transition:border-color .2s,box-shadow .2s}.auth-card input::placeholder{color:#536078}.auth-card input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.auth-card button[type=submit]{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;margin-top:14px;padding:12px;font-weight:700;transition:background .2s}.auth-card button[type=submit]:hover{background:#1d4ed8}.password-hint{color:#68758c;margin:2px 0 0;font-size:12px}.auth-switch{color:#778399;justify-content:center;gap:6px;margin-top:26px;font-size:13px;display:flex}.switch-button{color:#60a5fa}.switch-button:hover{color:#93c5fd}.back-home{text-align:center;margin-top:20px;font-size:13px}.back-home a{color:#68758c}.back-home a:hover{color:#93c5fd}.home-page{color:#f8fafc;background:radial-gradient(circle at 50% 0,#2563eb24,#0000 35%),#080b12;min-height:100vh}.navbar{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:24px 0;display:flex}.nav-brand{align-items:center;gap:12px;font-weight:700;display:flex}.nav-brand .brand-mark{width:38px;height:38px}.nav-actions{align-items:center;gap:10px;display:flex}.nav-login,.nav-register,.primary-button,.secondary-button{border-radius:9px;font-size:14px;font-weight:700}.nav-login{color:#cbd5e1;padding:9px 14px}.nav-register{color:#f8fafc;background:#111827;border:1px solid #293447;padding:9px 15px}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;width:min(1180px,100% - 48px);margin:0 auto;padding:100px 0 120px;display:grid}.hero-badge{color:#60a5fa;background:#2563eb14;border:1px solid #26334a;border-radius:999px;margin-bottom:20px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-3px;margin:0;font-size:clamp(48px,6vw,76px);line-height:.98}.hero h1 span{color:#60a5fa}.hero-content>p{color:#8d99ad;max-width:650px;margin:28px 0;font-size:17px;line-height:1.7}.hero-actions{gap:12px;display:flex}.primary-button,.secondary-button{padding:12px 18px}.primary-button{color:#fff;background:#2563eb}.secondary-button{color:#cbd5e1;background:#111827;border:1px solid #293447}.hero-panel{background:#0e121be6;border:1px solid #202938;border-radius:16px;padding:22px;box-shadow:0 24px 70px #0000004d}.panel-header{color:#cbd5e1;border-bottom:1px solid #202938;justify-content:space-between;padding-bottom:18px;font-size:13px;font-weight:700;display:flex}.status{color:#86efac;align-items:center;gap:7px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px}.status-list{display:grid}.status-list div{border-bottom:1px solid #182131;justify-content:space-between;padding:16px 0;font-size:13px;display:flex}.status-list div:last-child{border-bottom:0}.status-list span{color:#7f8ba3}.status-list strong{color:#cbd5e1}.features{width:min(1180px,100% - 48px);margin:0 auto;padding-bottom:100px}.section-heading span{color:#60a5fa;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.section-heading h2{margin:12px 0 32px;font-size:32px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{background:#0e121b;border:1px solid #202938;border-radius:14px;padding:24px}.feature-number{color:#3b82f6;font-size:12px;font-weight:800}.feature-card h3{margin:20px 0 10px}.feature-card p{color:#7f8ba3;margin:0;font-size:14px;line-height:1.7}@media (width<=800px){.hero{grid-template-columns:1fr;padding-top:60px}.feature-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}}@media (width<=520px){.navbar,.hero,.features{width:min(100% - 28px,1180px)}.nav-brand>span:last-child{display:none}.hero-actions{flex-direction:column}.primary-button,.secondary-button{text-align:center}.auth-card{padding:26px}}.form-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444440;border-radius:8px;margin:4px 0 0;padding:10px 12px;font-size:13px}.auth-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.dashboard-page{color:#f8fafc;background:radial-gradient(circle at 50% 0,#2563eb1a,#0000 32%),#080b12;min-height:100vh}.dashboard-nav{border-bottom:1px solid #182131;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:24px 0;display:flex}.logout-button{color:#cbd5e1;cursor:pointer;background:#111827;border:1px solid #293447;border-radius:8px;padding:9px 14px}.logout-button:hover{background:#172033}.dashboard-content{width:min(1180px,100% - 48px);margin:0 auto;padding:70px 0}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.dashboard-eyebrow{color:#60a5fa;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.dashboard-header h1{margin:10px 0 6px;font-size:42px}.dashboard-header p{color:#7f8ba3;margin:0}.dashboard-status{color:#86efac;background:#22c55e0f;border:1px solid #22c55e33;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.dashboard-card{background:#0e121b;border:1px solid #202938;border-radius:14px;padding:24px}.dashboard-card span{color:#7f8ba3;font-size:13px}.dashboard-card strong{color:#f8fafc;margin-top:10px;font-size:20px;display:block}.dashboard-card p{color:#68758c;margin:8px 0 0;font-size:13px;line-height:1.6}.dashboard-loading{color:#7f8ba3;place-items:center;min-height:100vh;display:grid}@media (width<=700px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-grid{grid-template-columns:1fr}}