@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:#0056ac;--primary-dark:#003d7a;--primary-light:#1e88e5;--secondary:#036;--highlight:#d4af37;--highlight-light:#e8c94a;--highlight-dark:#b8941e;--text-white:#fff;--text-light:#e0f2fe;--text-gray:#bae6fd;--text-dark:#002b55;--bg-dark:#004386;--pacific-depths:#004386;--bg-card:#ffffff0d;--bg-card-hover:#ffffff14;--border-color:#ffffff26;--border-gold:#d4af3780;--shadow-gold:0 10px 30px #d4af3733;--shadow-blue:0 10px 30px #0003;--gradient-main:linear-gradient(135deg,#0059b3 0%,#004080 100%);--gradient-blue:linear-gradient(135deg,#048 0%,#0056ac 50%,#1a6ec7 100%);--gradient-gold:linear-gradient(135deg,#b8941e 0%,#d4af37 50%,#e8c94a 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{background:var(--bg-dark);color:var(--text-white);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-blue);color:var(--text-white);border-color:var(--primary-light);box-shadow:0 4px 15px #0056ac66}.btn-primary:hover{border-color:var(--highlight);transform:translateY(-2px);box-shadow:0 8px 25px #0056ac99}.btn-gold{background:var(--gradient-gold);color:#002b55;border-color:var(--highlight);box-shadow:0 4px 15px #d4af3766}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4af3780}.btn-outline{color:var(--text-white);border-color:var(--border-color);background:0 0}.btn-outline:hover{background:var(--bg-card);border-color:var(--highlight);color:var(--highlight);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-color);border-radius:var(--radius-lg);transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px}.card:hover{background:var(--bg-card-hover);border-color:var(--border-gold);box-shadow:var(--shadow-gold);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{border:1px solid var(--border-gold);letter-spacing:1.5px;text-transform:uppercase;color:var(--highlight);background:#d4af3726;border-radius:50px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.section-title{background:linear-gradient(135deg,var(--text-white)0%,var(--text-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:800}.section-title span{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.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:#bae6fd;background:#0056ac4d;border:1px solid #bae6fd4d}.badge-gold{color:var(--highlight);border:1px solid var(--border-gold);background:#d4af3726}.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:#fff;transition:var(--transition);background:#ffffff14;border:1px solid #fff3;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px}.form-input::placeholder{color:#fff6}.form-input:focus{border-color:var(--highlight);background:#ffffff1f;box-shadow:0 0 0 3px #d4af3733}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(255,255,255,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:#fff;background-color:#020d1e;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}