@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Montserrat:wght@400;500;600;700;800;900&display=swap";
:root{--primary:#e53935;--primary-dark:#c62828;--primary-light:#ef5350;--accent:#feb98c;--accent-light:#fee;--text-white:#fff;--text-dark:#1a1a1a;--text-muted:#555;--text-gray:#718096;--background:#fff;--bg-card:#fff;--bg-hover:#feb98c;--border-red:#e53935;--shadow-red:0 4px 20px #e539351f;--shadow-heavy:0 10px 40px #e5393526;--gradient-red:linear-gradient(135deg,#e53935 0%,#d32f2f 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:all .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-primary);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--highlight)}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2}.btn{border-radius:var(--radius-md);letter-spacing:.5px;cursor:pointer;transition:var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:8px 20px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-red);border-color:var(--primary-dark);box-shadow:var(--shadow-red);color:#fff!important}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.btn-gold{background:var(--accent);border-color:var(--border-red);box-shadow:0 4px 15px #feb98c4d;color:var(--text-dark)!important}.btn-gold:hover{background:#ffd2b3;transform:translateY(-2px);box-shadow:0 8px 25px #feb98c66}.btn-outline{color:var(--text-dark);border-color:var(--border-red);background:#fff}.btn-outline:hover{background:var(--accent-light);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.btn-ghost{color:#fff;background:0 0;border-color:#0000;padding:10px 20px}.btn-ghost:hover{color:var(--highlight);background:#ffffff1a}.card{background:var(--bg-card);border:1px solid var(--border-red);border-radius:var(--radius-lg);transition:var(--transition);padding:24px}.card:hover{background:var(--bg-hover);border-color:var(--border-red);box-shadow:var(--shadow-heavy);transform:translateY(-4px)}.card-glass{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0056ac1a;border:1px solid #0056ac4d}.section{padding:30px 0}.section-wide{padding:40px 0}.section-sm{padding:20px 0}.container{max-width:1280px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:20px}.section-tag{background:var(--accent);border:1px solid var(--border-red);letter-spacing:1px;text-transform:uppercase;color:var(--text-dark);border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #feb98c4d}.section-title{color:#1a1a1a;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:800}.section-title span{color:var(--primary)}.section-subtitle{color:var(--text-gray);max-width:600px;margin:0 auto;font-size:16px}.badge{letter-spacing:.5px;border-radius:50px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-blue{color:#0056ac;background:#0056ac1a;border:1px solid #0056ac33}.badge-gold{background:var(--accent);color:var(--text-dark);border:1px solid var(--border-red);font-weight:700}.badge-green{color:#34d399;background:#34d39926;border:1px solid #34d3994d}.badge-red{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-label{color:var(--text-light);letter-spacing:.3px;font-size:13px;font-weight:600}.form-input{border-radius:var(--radius-sm);color:#1a1a1a;transition:var(--transition);background:#fff;border:1px solid #00000026;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px}.form-input::placeholder{color:#0006}.form-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #e539351a}textarea.form-input{resize:vertical;min-height:120px}select.form-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(0,0,0,0.5)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:48px}select.form-input option{color:#1a1a1a;background-color:#fff;padding:12px}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.divider{background:var(--border-color);height:1px;margin:24px 0}.divider-gold{background:var(--gradient-gold);border-radius:2px;height:2px}.glow-blue{box-shadow:var(--shadow-blue)}.glow-gold{box-shadow:var(--shadow-gold)}.gradient-text-blue{background:linear-gradient(135deg,#60a5fa 0%,var(--primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-gold{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(5deg)}66%{transform:translateY(-10px)rotate(-5deg)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-fade-up{animation:.6s ease-out forwards fadeInUp}.link-underline{color:var(--text-light);text-decoration:none;transition:color .3s;position:relative}.link-underline:after{content:"";background:var(--gradient-gold);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.link-underline:hover{color:var(--highlight)}.link-underline:hover:after{width:100%}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tag{color:#60a5fa;transition:var(--transition);background:#0056ac26;border:1px solid #0056ac4d;border-radius:50px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.tag:hover{border-color:var(--border-gold);color:var(--highlight);background:#d4af3726}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-online{background:#34d399;box-shadow:0 0 6px #34d399}.status-upcoming{background:#60a5fa;box-shadow:0 0 6px #60a5fa}.status-ended{background:#6b7280}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section{padding:60px 0}.container{padding:0 16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-header{margin-bottom:40px}.btn{padding:10px 20px;font-size:13px}}@media (max-width:480px){.section{padding:40px 0}}.coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:80px 24px;display:flex}.avatar{object-fit:cover;border:2px solid var(--border-gold);border-radius:50%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.text-center{text-align:center}.w-full{width:100%}.relative{position:relative}.overflow-hidden{overflow:hidden}