:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #3b82f6;--accent-hover: #2563eb;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--success: #10b981;--danger: #ef4444;--font-base: "Inter", system-ui, sans-serif;--trans-fast: .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.navbar{padding:1.5rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:10}.navbar h1{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.hero-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:3rem;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #0003;transform:translateY(0);transition:transform var(--trans-fast),box-shadow var(--trans-fast)}.hero-section:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.hero-section h2{font-size:2.5rem;margin-bottom:1rem}.hero-section p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem}.primary-button{background:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:background var(--trans-fast),transform .1s}.primary-button:hover{background:var(--accent-hover);transform:scale(1.02)}.primary-button:active{transform:scale(.98)}