:root{--color-primary:#7c3aed;--color-secondary:#06b6d4;--color-accent:#38bdf8;--bg-base:#0a0a0f;--bg-surface:#ffffff0d;--bg-surface-hover:#ffffff1a;--bg-glass:#0a0a0fb3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-light:#ffffff1a;--border-strong:#fff3;--shadow-glow:0 0 20px #7c3aed4d;--shadow-glass:0 8px 32px 0 #0000005e;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0 0 var(--space-4) 0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);box-shadow:var(--shadow-glass)}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font-body);cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #7c3aed80}.btn-glass{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-glass:hover{background:var(--bg-surface-hover)}.navbar{z-index:50;width:100%;transition:all var(--transition-normal);position:fixed;top:0}.navbar-inner{border-radius:9999px;justify-content:space-between;align-items:center;margin:1rem;padding:1rem 2rem;display:flex}.brand .logo{font-family:var(--font-heading);letter-spacing:-.05em;font-size:1.5rem;font-weight:700}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-weight:500}.nav-links a:hover{color:var(--text-primary)}.nav-actions{align-items:center;gap:1rem;display:flex}.user-profile{align-items:center;gap:.5rem;display:flex}.user-profile .avatar{border:1px solid var(--border-strong);border-radius:50%;width:32px;height:32px}.badge{background:var(--color-primary);color:#fff;border-radius:9999px;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.hero-section h1{max-width:800px;margin-bottom:1.5rem;font-size:4rem;line-height:1.1}.hero-section p{color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem}@media (width<=768px){.hero-section h1{font-size:2.5rem}.navbar-inner{border-radius:0;margin:0;padding:1rem}.nav-links{display:none}}