#root{height:100%}:root{--bg-900: #0b1220;--bg-800: #0f1724;--bg-700: #162235;--primary: #2563EB;--primary-strong: #3b82f6;--text: #f8fbff;--accent: #06b6d4;--muted: #c2cedd;--surface: #0f1724;--card: #17263b;--radius: 12px;--content-width: 1100px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg-900) 0%,var(--bg-800) 100%);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:var(--content-width);margin:0 auto;padding:24px}.page-header{display:flex;align-items:center;gap:16px}.logo{height:48px}.hero{background:linear-gradient(120deg,#3b82f63d,#020617a6);border:1px solid rgba(148,163,184,.35);border-radius:var(--radius);padding:28px}.controls{display:flex;gap:12px;flex-wrap:wrap}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px}.card{background:linear-gradient(180deg,#1e324cf5,#122135f5);border:1px solid rgba(148,163,184,.35);border-radius:10px;padding:12px;color:var(--text)}.muted{color:var(--muted)}button,.btn{background:var(--primary-strong);color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer}button:hover,.btn:hover{filter:brightness(1.08)}input,textarea{padding:8px 10px;border-radius:8px;border:1px solid rgba(226,232,240,.35);background:#0f1724e6;color:var(--text)}form div{margin-bottom:10px}.auth-form{margin-top:8px}.auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.auth-field label{display:block;width:auto;font-weight:600}.auth-field input{width:100%;padding:10px 12px}.auth-form button{margin-top:6px}.center{text-align:center}