@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=JetBrains+Mono&display=swap";.navbar{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1000;transition:background-color .3s,border-color .3s;border-bottom:1px solid transparent}.navbar.scrolled{background:rgba(var(--background-rgb),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.logo{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.nav-actions{display:flex;align-items:center;gap:1.5rem}.theme-toggle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);transition:all .3s ease}.theme-toggle:hover{transform:scale(1.1);border-color:var(--primary)}.official-btn{padding:.6rem 1.2rem;border-radius:99px;background:var(--primary);color:#fff;font-weight:500;font-size:.9rem;transition:all .3s ease}.official-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px var(--glow-primary)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 1rem 4rem;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:800px}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.1;margin-bottom:1rem;background:linear-gradient(to bottom,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1.25rem,4vw,2rem);color:var(--primary);font-weight:600;margin-bottom:1.5rem;letter-spacing:.1em;text-transform:uppercase}.hero-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem}.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.8rem 2rem;border-radius:8px;font-weight:600;transition:all .3s ease}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-primary)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.shining-card-container{position:relative;padding:1px;border-radius:24px;overflow:hidden;background:var(--border);margin:4rem auto;max-width:900px;width:100%}.shining-border{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,var(--shimmer-1) 60deg,var(--shimmer-2) 120deg,var(--shimmer-3) 180deg,transparent 240deg);animation:rotate 4s linear infinite;z-index:0}.card-content{position:relative;z-index:1;background:var(--surface);border-radius:23px;padding:3rem;height:100%;display:flex;flex-direction:column;gap:1.5rem}[data-theme=dark] .card-content{background:#0f172a}.card-welcome{font-size:1.5rem;font-weight:700;color:var(--primary)}.card-text{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.card-warning{display:flex;gap:.75rem;padding:1rem;background:#f3be7a1a;border-radius:12px;border-left:4px solid var(--accent);color:var(--text-primary);font-size:.95rem}.links-section{padding:4rem 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.link-card{padding:2rem;border-radius:16px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.link-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 12px 30px #0000000d}.link-card h3{font-size:1.25rem}.link-card p{color:var(--text-secondary);font-size:.9rem}.link-card a{color:var(--primary);font-weight:600;display:flex;align-items:center;gap:.5rem}.footer{padding:4rem 1rem;text-align:center;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.9rem}.bg-glow{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.glow-1{position:absolute;top:-10%;right:-10%;width:50%;height:50%;background:radial-gradient(circle,var(--glow-primary) 0%,transparent 70%);filter:blur(80px)}.glow-2{position:absolute;bottom:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,var(--glow-primary) 0%,transparent 70%);filter:blur(80px)}@media(max-width:768px){.navbar{padding:0 1rem}.nav-actions .official-btn{display:none}.hero-title{font-size:2.5rem}.card-content{padding:2rem 1.5rem}}:root{--primary: #3852B4;--secondary: #5E7AC4;--accent: #F3BE7A;--highlight: #F08D39;--background: #F9FAFC;--surface: #FFFFFF;--text-primary: #1F2937;--text-secondary: #4B5563;--border: #E5E7EB;--glow-primary: rgba(56, 82, 180, .1);--shimmer-1: #A07CFE;--shimmer-2: #FE8FB5;--shimmer-3: #FFBE7B;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-speed: .3s}[data-theme=dark]{--background: #0B0F1A;--surface: #111827;--primary: #5E7AC4;--secondary: #3852B4;--accent: #F3BE7A;--highlight: #F08D39;--text-primary: #E5E7EB;--text-secondary: #9CA3AF;--border: #1F2937;--glow-primary: rgba(94, 122, 196, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--background);color:var(--text-primary);line-height:1.5;overflow-x:hidden;transition:background-color var(--transition-speed),color var(--transition-speed)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}[data-theme=light] .glass{background:#ffffffb3;border:1px solid rgba(0,0,0,.05)}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}