:root{--primary:#ff6b35;--primary-dark:#e85a22;--secondary:#1a1a2e;--accent:#00d4aa;--accent2:gold;--accent3:#7c3aed;--bg:#0d0d1a;--surface:#1a1a2e;--surface2:#252542;--text:#f0f0ff;--text-muted:#88a;--border:#ffffff14;--glow-orange:#ff6b354d;--glow-teal:#00d4aa4d;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent3);border-radius:3px}h1,h2,h3,h4,h5{font-family:var(--font-display)}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-teal{background:linear-gradient(135deg, var(--accent), var(--accent3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .3s}.card:hover{border-color:#ff6b354d;transform:translateY(-2px);box-shadow:0 8px 32px #ff6b351a}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;font-family:var(--font-display);cursor:pointer;box-shadow:0 4px 20px var(--glow-orange);border:none;border-radius:50px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:0 8px 32px var(--glow-orange);transform:translateY(-2px)}.btn-secondary{color:var(--text);border:1px solid var(--border);font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:50px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .3s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:#00d4aa14}.btn-accent{background:linear-gradient(135deg, var(--accent), #00b894);color:var(--bg);font-family:var(--font-display);cursor:pointer;box-shadow:0 4px 20px var(--glow-teal);border:none;border-radius:50px;padding:12px 28px;font-size:15px;font-weight:700;transition:all .3s}.btn-accent:hover{box-shadow:0 8px 32px var(--glow-teal);transform:translateY(-2px)}.badge{font-size:12px;font-weight:600;font-family:var(--font-display);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.badge-orange{color:var(--primary);background:#ff6b3526;border:1px solid #ff6b354d}.badge-teal{color:var(--accent);background:#00d4aa26;border:1px solid #00d4aa4d}.badge-purple{color:#a78bfa;background:#7c3aed26;border:1px solid #7c3aed4d}.badge-gold{color:var(--accent2);background:#ffd70026;border:1px solid #ffd7004d}input,textarea,select{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00d4aa1a}select option{background:var(--surface);color:var(--text)}.spinner{border:2px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff6b354d}50%{box-shadow:0 0 40px #ff6b3599}}.animate-fadeInUp{animation:.6s forwards fadeInUp}.animate-float{animation:3s ease-in-out infinite float}.progress-bar{background:var(--surface2);border-radius:10px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:10px;height:100%;transition:width .5s}.glass{-webkit-backdrop-filter:blur(20px);background:#1a1a2eb3;border:1px solid #ffffff0f}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (width<=600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.section{max-width:1200px;margin:0 auto;padding:80px 24px}