@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px var(--blue-glow);--shadow-glow-lg: 0 0 60px var(--blue-glow);--blue: #3b82f6;--blue-dark: #2563eb;--blue-darker: #1d4ed8;--blue-light: #60a5fa;--blue-lighter: #93c5fd;--blue-glow: rgba(59, 130, 246, .35);--blue-subtle: rgba(59, 130, 246, .08);--purple: #a855f7;--purple-glow: rgba(168, 85, 247, .3);--orange: var(--blue);--orange-glow: var(--blue-glow);--bg-dark: #060a14;--bg-mid: #0b1022;--bg-elevated: #101729;--bg-card: #111a2e;--bg-card-hover: #162040;--text-main: #eef2ff;--text-dim: #8896b8;--text-muted: #5a6a8a;--border: rgba(59, 130, 246, .2);--border-subtle: rgba(59, 130, 246, .1);--border-strong: rgba(59, 130, 246, .35);--accent: var(--blue);--accent-glow: var(--blue-glow);--md-sys-color-primary: var(--blue);--md-sys-color-on-primary: #ffffff;--md-sys-color-surface: var(--bg-card);--md-sys-color-on-surface: var(--text-main);--md-sys-color-outline: var(--border);--md-sys-color-surface-container: #0d1525;--md-sys-color-on-surface-variant: var(--text-dim);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}[data-theme=light]{--bg-dark: #f5f7fb;--bg-mid: #ffffff;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f0f4fa;--text-main: #0c1222;--text-dim: #4b5878;--text-muted: #8494b2;--border: rgba(59, 130, 246, .25);--border-subtle: rgba(59, 130, 246, .12);--border-strong: rgba(59, 130, 246, .4);--blue-subtle: rgba(59, 130, 246, .08);--blue-glow: rgba(59, 130, 246, .2);--md-sys-color-surface: #ffffff;--md-sys-color-on-surface: #0c1222;--md-sys-color-surface-container: #f0f4fa;--md-sys-color-on-surface-variant: #4b5878}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-dark);background-attachment:fixed;color:var(--text-main);overflow-x:hidden;line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}[data-theme=light] body{background:linear-gradient(180deg,#f5f7fb,#e4eaf5)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-in{opacity:1;transform:none}.hero-blob-1,.hero-blob-2{animation:none}}::selection{background:#3b82f64d;color:var(--text-main)}[data-theme=light] ::selection{background:#3b82f633}h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text-main)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3b82f640;border-radius:4px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--blue);background-clip:padding-box}.link{color:var(--blue-light);text-decoration:underline;text-decoration-color:#60a5fa66;text-underline-offset:3px;text-decoration-thickness:1px;transition:all var(--duration-fast) var(--ease-out)}.link:hover{color:#fff;text-decoration-color:var(--blue-light)}[data-theme=light] .link:hover{color:var(--blue-dark)}.main-header{position:fixed;top:0;left:0;right:0;height:70px;background:#060a14bf;backdrop-filter:blur(28px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(28px) saturate(200%) brightness(1.1);border-bottom:1px solid var(--border-subtle);z-index:6000;display:flex;align-items:center;transition:background var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out)}[data-theme=light] .main-header{background:#fffc;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.main-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--blue-glow) 50%,transparent 100%);opacity:.7}.header-container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-8);display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.6rem;font-weight:900;text-decoration:none;color:var(--text-main);letter-spacing:-1.5px;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;transition:all var(--duration-normal) var(--ease-spring);user-select:none}.logo:hover{opacity:.8;transform:scale(1.05)}.logo img{border-radius:6px;transition:transform var(--duration-normal) var(--ease-spring)}.logo:hover img{transform:scale(1.08)}.logo span{color:var(--blue);text-shadow:0 0 20px var(--blue-glow)}.header-right{display:flex;align-items:center;gap:var(--space-2)}.theme-toggle-btn{width:42px;height:42px;background:var(--blue-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);transition:all var(--duration-normal) var(--ease-out);display:flex;align-items:center;justify-content:center;cursor:pointer}.theme-toggle-btn:hover{border-color:var(--blue);background:#3b82f61f;box-shadow:0 0 20px var(--blue-glow);transform:scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}[data-theme=light] .theme-toggle-btn{background:#3b82f614;border-color:var(--border-subtle)}.theme-toggle-btn md-icon{font-size:22px;transition:transform .5s var(--ease-spring)}.theme-toggle-btn:hover md-icon{transform:rotate(30deg)}.hamburger-btn{width:42px;height:42px;background:var(--blue-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all var(--duration-normal) var(--ease-out);z-index:7000;overflow:hidden}.hamburger-btn:hover{border-color:var(--blue);background:#3b82f61f;box-shadow:0 0 20px var(--blue-glow);transform:scale(1.05)}.hamburger-btn:active{transform:scale(.95)}.hamburger-btn img{transition:transform var(--duration-normal) var(--ease-out);opacity:.9}.hamburger-btn.open img{transform:rotate(90deg);opacity:1}.nav-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-out);z-index:5000}.nav-backdrop.open{opacity:1;pointer-events:auto}.nav-menu{position:fixed;top:0;right:0;width:100%;max-width:320px;height:100vh;height:100dvh;background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg-dark) 100%);border-left:1px solid var(--border-subtle);padding:90px var(--space-6) var(--space-8);transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out);z-index:5500;box-shadow:-20px 0 60px #00000080;overflow-y:auto;overscroll-behavior:contain}[data-theme=light] .nav-menu{background:linear-gradient(180deg,#fff,#f5f7fb)}.nav-menu.open{transform:translate(0)}.nav-link{display:flex;align-items:center;gap:var(--space-3);font-size:.95rem;font-weight:600;color:var(--text-dim);text-decoration:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-1);transition:all var(--duration-normal) var(--ease-spring);letter-spacing:.01em;cursor:pointer}.nav-link:hover{background:#3b82f614;color:var(--blue-light);padding-left:var(--space-6);transform:scale(1.05)}[data-theme=light] .nav-link:hover{color:var(--blue-dark)}.nav-link.active{background:linear-gradient(135deg,#3b82f626,#2563eb14);color:var(--blue-light);border:1px solid rgba(59,130,246,.2)}md-dialog{--md-dialog-container-color: var(--bg-elevated);--md-dialog-container-shape: var(--radius-2xl);max-width:480px;width:90vw;color:var(--text-main);border:1px solid var(--border-strong);box-shadow:0 25px 80px #00000080,0 0 40px var(--blue-glow),inset 0 1px #ffffff0d;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:9999}[data-theme=light] md-dialog{box-shadow:0 25px 80px #00000026,0 0 0 1px #3b82f61a}md-dialog::part(dialog){position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;border:none;background:transparent}md-dialog::part(scrim){background-color:#0009!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}md-dialog [slot=headline]{font-family:var(--font-sans);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;font-size:1.5rem;color:var(--text-main)}.hero-section{padding:180px var(--space-6) 140px;text-align:center;background:radial-gradient(ellipse 80% 50% at 50% -15%,rgba(59,130,246,.3) 0%,transparent 60%),radial-gradient(circle at 85% 75%,rgba(168,85,247,.12) 0%,transparent 45%),radial-gradient(circle at 15% 85%,rgba(59,130,246,.18) 0%,transparent 45%),var(--bg-dark);position:relative;overflow:hidden;transition:background var(--duration-slow) var(--ease-out)}[data-theme=light] .hero-section{background:radial-gradient(ellipse 80% 50% at 50% -15%,rgba(59,130,246,.12) 0%,transparent 60%),radial-gradient(circle at 85% 75%,rgba(168,85,247,.06) 0%,transparent 45%),radial-gradient(circle at 15% 85%,rgba(59,130,246,.08) 0%,transparent 45%),var(--bg-dark)}.hero-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b82f6' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;opacity:.8}@keyframes float-blob-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes float-blob-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(.9)}66%{transform:translate(30px,-20px) scale(1.15)}}.hero-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,var(--bg-dark),transparent);pointer-events:none;z-index:1}.hero-blob-1{position:absolute;top:8%;left:12%;width:350px;height:350px;background:radial-gradient(circle,rgba(59,130,246,.18) 0%,transparent 65%);border-radius:50%;filter:blur(50px);animation:float-blob-1 18s infinite ease-in-out;pointer-events:none}.hero-blob-2{position:absolute;bottom:12%;right:12%;width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.12) 0%,transparent 65%);border-radius:50%;filter:blur(50px);animation:float-blob-2 22s infinite ease-in-out;pointer-events:none}.hero-title{font-size:clamp(3rem,11vw,7.5rem);font-weight:900;line-height:.85;letter-spacing:-5px;margin-bottom:var(--space-8);text-transform:uppercase;position:relative;z-index:1;animation-delay:0s}.hero-title span{background:linear-gradient(135deg,var(--blue-lighter) 0%,var(--blue) 50%,var(--blue-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 40px var(--blue-glow))}.hero-subtitle{font-size:1.2rem;font-weight:400;color:var(--text-dim);max-width:550px;margin:0 auto var(--space-12);line-height:1.8;position:relative;z-index:1;animation-delay:.1s}.hero-cta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation-delay:.2s}.hero-cta .cta-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.hero-cta md-filled-button{height:52px;--md-filled-button-container-color: var(--blue);--md-filled-button-container-shape: 12px}.btn-discord{--md-filled-button-container-color: #5865F2 !important;--md-filled-button-container-shape: 12px;height:52px}.online-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--blue-subtle);border:1px solid var(--border-subtle);padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:.9rem;color:var(--text-dim);transition:all var(--duration-normal) var(--ease-out);animation-delay:.35s}.online-badge strong{color:var(--blue-light);font-weight:800}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.main-content{padding-top:40px;min-height:80vh}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-10);transition:all var(--duration-normal) var(--ease-spring);position:relative;box-shadow:var(--shadow-md)}.card:hover{border-color:var(--border);transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg)}.news-grid,.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);padding-bottom:var(--space-8)}.feature-card{text-align:center;border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);transition:all var(--duration-slow) var(--ease-out);position:relative;overflow:hidden;cursor:default}.feature-card h3{font-weight:800;margin-bottom:var(--space-3);font-size:1.2rem}.feature-card p{color:var(--text-dim);font-size:.95rem;line-height:1.7}.feature-card.delay-1{animation-delay:.1s}.feature-card.delay-2{animation-delay:.2s}.feature-card.delay-3{animation-delay:.3s}.news-section{margin-top:var(--space-16);animation-delay:.4s}.news-card-content{padding:2rem}.news-card-date{color:var(--blue-light);margin-bottom:var(--space-3);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.news-card-title{margin-bottom:var(--space-3);font-weight:800;font-size:1.1rem}.news-card-text{color:var(--text-dim);font-size:.95rem;line-height:1.7}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.feature-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.06) 0%,transparent 60%);opacity:0;transition:opacity var(--duration-slow) var(--ease-out);pointer-events:none}.feature-card:hover{border-color:var(--border-strong);transform:translateY(-8px);box-shadow:0 20px 50px -15px #3b82f633,0 0 0 1px #3b82f61a}[data-theme=light] .feature-card:hover{box-shadow:0 20px 50px -15px #3b82f61f,0 0 0 1px #3b82f614}.feature-card:hover:before{opacity:1}.feature-card:hover:after{opacity:1}.feature-icon{font-size:2.8rem;margin-bottom:var(--space-6);display:block;filter:drop-shadow(0 0 12px var(--blue-glow));transition:transform var(--duration-normal) var(--ease-spring)}.feature-card:hover .feature-icon{transform:scale(1.15) translateY(-4px)}.news-section{margin-top:var(--space-16)}.news-section h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:var(--space-10);letter-spacing:-.5px}.server-ip-footer{display:flex;align-items:center;gap:var(--space-3);background:var(--blue-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);font-weight:700;font-size:.95rem;letter-spacing:.06em;color:var(--blue-light);margin-top:var(--space-5);user-select:none}.server-ip-footer:hover{background:#3b82f61f;border-color:var(--blue);box-shadow:0 0 25px var(--blue-glow);transform:translateY(-2px)}.server-ip-footer:active{transform:translateY(0) scale(.98)}.social-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--blue-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--blue-light);text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.social-icon:hover{background:#3b82f626;border-color:var(--blue);color:#fff;box-shadow:0 0 20px var(--blue-glow);transform:translateY(-3px) scale(1.05)}.social-icon:active{transform:translateY(-1px) scale(.98)}[data-theme=light] .social-icon:hover{color:var(--blue-dark)}.admin-grid{display:grid;grid-template-columns:260px 1fr;gap:var(--space-8);margin-top:var(--space-8)}.admin-sidebar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);height:fit-content;position:sticky;top:90px}.admin-tab{padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;color:var(--text-dim);transition:all var(--duration-normal) var(--ease-out);margin-bottom:var(--space-1);font-size:.95rem}.admin-tab:hover{background:var(--blue-subtle);color:var(--text-main)}.admin-tab.active{background:linear-gradient(135deg,#3b82f633,#2563eb1a);color:var(--blue-light);border:1px solid rgba(59,130,246,.25);box-shadow:0 4px 15px #3b82f614}.page-header{text-align:center;margin-bottom:var(--space-16);padding-top:var(--space-12)}.page-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-2px;margin-bottom:var(--space-4)}.page-header p{color:var(--text-dim);font-size:1.1rem;max-width:600px;margin:0 auto}.faq-item{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden;transition:all var(--duration-normal) var(--ease-out);background:var(--bg-card);cursor:pointer}.faq-item:hover{border-color:var(--border)}.faq-item.active{border-color:var(--border-strong);box-shadow:0 4px 20px #3b82f60f}.site-footer{margin-top:var(--space-20);padding:6rem 0 var(--space-12);background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-mid) 100%);border-top:1px solid var(--border-subtle);position:relative;transition:background var(--duration-slow) var(--ease-out)}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.35),transparent)}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-16);padding:0 var(--space-8)}.footer-brand h2{font-size:1.8rem;margin-bottom:var(--space-5);font-weight:900}.footer-brand p{color:var(--text-dim);line-height:1.8;font-size:.95rem;max-width:360px}.footer-links h3,.footer-contact h3{font-size:.7rem;color:var(--blue-light);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:2.5px;font-weight:700}[data-theme=light] .footer-links h3,[data-theme=light] .footer-contact h3{color:var(--blue-dark)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:var(--space-3)}.footer-links a{color:var(--text-dim);text-decoration:none;transition:all var(--duration-normal) var(--ease-out);font-weight:500;font-size:.95rem;display:inline-flex;align-items:center;gap:var(--space-2)}.footer-links a:hover{color:var(--blue-light);padding-left:var(--space-2)}[data-theme=light] .footer-links a:hover{color:var(--blue-dark)}.footer-bottom{text-align:center;padding-top:var(--space-12);margin-top:var(--space-12);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.85rem}.footer-credits{display:flex;justify-content:center;gap:var(--space-6);margin:var(--space-5) 0;align-items:center}.footer-credits a{color:var(--blue-light);text-decoration:none;font-weight:700;transition:color var(--duration-fast) var(--ease-out);border-bottom:1px solid rgba(96,165,250,.3);padding-bottom:1px}.footer-credits a:hover{color:#fff;border-bottom-color:#fff}[data-theme=light] .footer-credits a:hover{color:var(--blue-dark);border-bottom-color:var(--blue-dark)}@media (max-width: 900px){.footer-container{grid-template-columns:1fr;gap:var(--space-10);text-align:center}.admin-grid{grid-template-columns:1fr}.footer-credits{flex-direction:column;align-items:center}.footer-brand p{max-width:100%}}.glass-card{background:linear-gradient(135deg,#111a2eb3,#111a2e66);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000005e}[data-theme=light] .glass-card{background:linear-gradient(135deg,#fffc,#ffffff80);border:1px solid rgba(255,255,255,.3)}.gradient-text{background:linear-gradient(135deg,var(--blue-lighter) 0%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pulse-online{0%,to{transform:scale(1);box-shadow:0 0 #4ade8099}50%{transform:scale(1.2);box-shadow:0 0 0 6px #4ade8000}}.online-dot{display:inline-block;width:8px;height:8px;background:#4ade80;border-radius:50%;margin-right:6px;animation:pulse-online 2s infinite ease-in-out;box-shadow:0 0 8px #4ade80}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeInUp .7s var(--ease-out) both}md-filled-button{--md-filled-button-container-color: var(--blue);--md-filled-button-label-text-color: #fff;--md-filled-button-container-shape: var(--radius-md);--md-filled-button-label-text-weight: 600;position:relative;transition:all var(--duration-normal) var(--ease-spring)}md-filled-button:hover{filter:brightness(1.1);box-shadow:0 8px 25px var(--blue-glow);transform:scale(1.05)}md-outlined-button{--md-outlined-button-label-text-color: var(--blue-light);--md-outlined-button-outline-color: var(--border);--md-outlined-button-container-shape: var(--radius-md);--md-outlined-button-label-text-weight: 600}md-text-button{--md-text-button-label-text-color: var(--text-dim);--md-text-button-label-text-weight: 600}md-outlined-card{--md-outlined-card-container-color: var(--bg-card);--md-outlined-card-outline-color: var(--border-subtle);--md-outlined-card-container-shape: var(--radius-xl)}md-filled-text-field{--md-filled-text-field-container-color: rgba(255, 255, 255, .04);--md-filled-text-field-input-text-color: var(--text-main);--md-filled-text-field-active-indicator-color: var(--blue);--md-filled-text-field-focus-active-indicator-color: var(--blue);--md-filled-text-field-label-text-color: var(--text-dim);--md-filled-text-field-container-shape: var(--radius-md);width:100%;transition:all var(--duration-normal) var(--ease-spring)}md-filled-text-field:hover{transform:scale(1.01);filter:brightness(1.05)}[data-theme=light] md-filled-text-field{--md-filled-text-field-container-color: rgba(0, 0, 0, .03);--md-filled-text-field-input-text-color: var(--text-main);--md-filled-text-field-label-text-color: var(--text-dim)}md-filled-select{--md-filled-select-text-field-container-color: rgba(255, 255, 255, .04);--md-filled-select-text-field-input-text-color: var(--text-main);--md-filled-select-text-field-container-shape: var(--radius-md);width:100%}[data-theme=light] md-filled-select{--md-filled-select-text-field-container-color: rgba(0, 0, 0, .03)}md-list{--md-list-container-color: transparent}md-list-item{--md-list-item-label-text-color: var(--text-main)}md-divider{--md-divider-color: var(--border-subtle)}md-icon{font-family:Material Symbols Outlined!important;--md-icon-font: "Material Symbols Outlined" !important}md-icon-button{--md-icon-button-icon-font: "Material Symbols Outlined" !important}.online-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--blue-subtle);border:1px solid var(--border-subtle);padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:.9rem;color:var(--text-dim);transition:all var(--duration-normal) var(--ease-out)}.online-badge:hover{border-color:var(--border);background:#3b82f61a}[data-theme=light] .online-badge{background:#3b82f60f;border-color:var(--border-subtle)}.toast-container{position:fixed;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast-notification{background:var(--bg-elevated);color:var(--text-main);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--border);font-size:.9rem;font-weight:600;box-shadow:var(--shadow-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:slideUp .3s var(--ease-out) both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-dim{color:var(--text-dim)}.font-bold{font-weight:700}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}