:root{--primary: #2563eb;--primary-hover: #1d4ed8;--secondary: #1e293b;--background: #020617;--surface: #0f172a;--text: #f8fafc;--text-muted: #94a3b8;--accent: #10b981;--glass: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .05);--font-main: "Outfit", "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--background);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.premium-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card:hover{background:var(--glass-hover);transform:translateY(-4px);border-color:#6366f180;box-shadow:0 20px 40px #0006}h1{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#fff,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;margin-bottom:1.5rem}h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}p{color:var(--text-muted);font-size:1.125rem;line-height:1.6}.btn-primary{background:var(--primary);color:#fff;padding:.8rem 2rem;border-radius:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{background:var(--primary-hover);transform:scale(1.02);box-shadow:0 0 20px #6366f166}.btn-ghost{background:transparent;color:var(--text);padding:.8rem 2rem;border-radius:12px;border:1px solid var(--glass-border);cursor:pointer;transition:all .2s}.btn-ghost:hover{background:var(--glass);border-color:var(--text-muted)}.hero{padding:120px 2rem 80px;max-width:1200px;margin:0 auto;text-align:center;position:relative}.hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);z-index:-1;pointer-events:none}.dashboard-grid{display:grid;grid-template-columns:300px 1fr;gap:2rem;padding:2rem;max-width:1600px;margin:0 auto;width:100%}.sidebar,.content-area{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){h1{font-size:2.5rem}}