:root{--primary-blue:#0265ff;--primary-green:#00c853;--bg-color:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius-lg:16px;--radius-md:12px;--font-sans:"Inter", -apple-system, sans-serif;--gradient-brand:linear-gradient(135deg, #0265ff 0%, #00c853 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;padding-bottom:70px;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 2px 10px #00000005}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-blue);color:#fff;box-shadow:0 4px 14px #0265ff33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0265ff4d}.bottom-nav{border-top:1px solid var(--border);z-index:100;background:#fff;justify-content:space-around;padding:.75rem 0;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:.75rem;text-decoration:none;display:flex}.nav-item.active{color:var(--primary-blue)}.nav-icon{font-size:1.5rem}.scroll-row{scrollbar-width:none;gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}