@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap";
@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--primary-color:#1a1a2e;--primary-color-dark:#0f0f1b;--secondary-color:#e94560;--secondary-hover:#ff5270;--bg-color:#161625;--alternate-bg-color:#1a1a2e;--card-bg-color:#1a1a2e;--card-border:#e945604d;--header-bg-color:#1a1a2ef2;--text-color:#fff;--text-color-light:#ffffffb3;--border-color:#e94560;--sidebar-bg:#1a1a2e;--success-color:#0f8;--warning-color:#ffb703;--danger-color:#ff4f4f;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--body-font:"Poppins", sans-serif;--rpg-font:"MedievalSharp", cursive;--music-font:"Orbitron", sans-serif;--retro-font:"Press Start 2P", monospace;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--normal-font-size:1rem}html[data-theme=light]{--bg-color:#f0f2f5;--alternate-bg-color:#e2e8f0;--card-bg-color:#fff;--header-bg-color:#ffffffeb;--primary-color:#1e293b;--primary-color-dark:#0f172a;--secondary-color:#e11d48;--secondary-hover:#f43f5e;--text-color:#1e293b;--text-color-light:#475569;--border-color:#cbd5e1}html[data-theme=light] body{background-color:var(--bg-color);color:var(--text-color)}html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3,html[data-theme=light] h4,html[data-theme=light] h5,html[data-theme=light] h6,html[data-theme=light] label,html[data-theme=light] strong,html[data-theme=light] p,html[data-theme=light] span{color:var(--text-color)}html[data-theme=light] .card:not(.dark-overlay-card) h1,html[data-theme=light] .card:not(.dark-overlay-card) h2,html[data-theme=light] .card:not(.dark-overlay-card) h3,html[data-theme=light] .card:not(.dark-overlay-card) h4,html[data-theme=light] .card:not(.dark-overlay-card) h5,html[data-theme=light] .card:not(.dark-overlay-card) h6,html[data-theme=light] .card:not(.dark-overlay-card) p,html[data-theme=light] .card:not(.dark-overlay-card) strong{color:var(--text-color)!important}html[data-theme=light] .dark-overlay-card,html[data-theme=light] .dark-overlay-card *,html[data-theme=light] .hero-banner,html[data-theme=light] .hero-banner *{color:#fff!important}html[data-theme=light] .card:not(.dark-overlay-card){box-shadow:0 4px 12px #0000000d;background-color:#fff!important;border:1px solid #e2e8f0!important}html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{color:var(--text-color)!important;background-color:#fff!important;border-color:#cbd5e1!important}html[data-theme=light] .btn-outline{color:var(--text-color)!important;border-color:#94a3b8!important}html[data-theme=light] .btn-outline:hover{background-color:#f1f5f9!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body-font);background-color:var(--bg-color);color:var(--text-color);flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}main{margin-top:var(--space-8);padding:var(--space-4) var(--space-2);flex:1}main.no-margin{margin-top:0;padding:0}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.85}ul{list-style:none}img,video{max-width:100%;height:auto}.container{max-width:1200px;padding:0 var(--space-2);margin:0 auto}.page-title{font-size:var(--h1-font-size);color:var(--secondary-color);text-align:center;margin-bottom:var(--space-2);font-weight:700}.page-subtitle{text-align:center;max-width:600px;margin:0 auto var(--space-5) auto;opacity:.8;line-height:1.6}.error-message{color:var(--danger-color);border:1px solid var(--danger-color);border-radius:var(--space-1);padding:var(--space-2);margin-bottom:var(--space-2);text-align:center;background-color:#ff4f4f26}.success-message{color:var(--success-color);border:1px solid var(--success-color);border-radius:var(--space-1);padding:var(--space-2);margin-bottom:var(--space-2);text-align:center;background-color:#00ff8826}.btn-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-group-tight{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--space-1);font-family:var(--body-font);cursor:pointer;border:2px solid #0000;min-height:40px;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{background-color:var(--secondary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-hover);transform:translateY(-2px);box-shadow:0 4px 16px #e9456066}.btn-secondary{background-color:var(--primary-color-dark);color:#fff;border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--alternate-bg-color)}.btn-outline{color:var(--secondary-color);border-color:var(--secondary-color);background-color:#0000}.btn-outline:hover{background-color:var(--secondary-color);color:#fff}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{opacity:.9}.card{background-color:var(--card-bg-color);border:1px solid var(--card-border);border-radius:var(--space-2);padding:var(--space-3);transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0006}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;width:100vw;height:100vh;padding:var(--space-2);background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--primary-color);border:1px solid var(--secondary-color);border-radius:var(--space-2);padding:var(--space-4);width:100%;max-width:600px;max-height:90vh;position:relative;overflow-y:auto}.form-group{margin-bottom:var(--space-2);gap:var(--space-1);flex-direction:column;display:flex}.form-label{color:var(--text-color);font-size:.9rem;font-weight:500}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-1) var(--space-2);background-color:var(--primary-color-dark);border-radius:var(--space-1);color:#fff;font-family:var(--body-font);border:1px solid #fff3;font-size:.95rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--secondary-color);outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #00ff88b3}70%{box-shadow:0 0 0 10px #0f80}to{box-shadow:0 0 #0f80}}.hide-mobile{display:flex!important}.show-mobile{display:none!important}.flex-wrap-mobile{flex-wrap:wrap!important}@media (max-width:768px){:root{--h1-font-size:1.75rem;--h2-font-size:1.25rem;--space-8:48px}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.flex-col-mobile{flex-direction:column!important;align-items:stretch!important}.flex-col-mobile>*{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}main{padding:var(--space-2) var(--space-1);margin-top:60px}.responsive-grid{grid-template-columns:1fr!important}.responsive-grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}.container{padding:0 var(--space-1)}.mobile-sidebar{z-index:1000;width:280px;height:100vh;transition:left .3s;position:fixed;top:0;left:-100%;box-shadow:4px 0 24px #00000080}.mobile-sidebar.open{left:0}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0009;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.mobile-sidebar-overlay.open{display:block}}@media (max-width:480px){:root{--h1-font-size:1.5rem}.btn{justify-content:center;width:100%}.btn-group{flex-direction:column;align-items:stretch}.card{padding:var(--space-2)}}.home-nav-bar{width:calc(100% + 32px);margin:-32px -16px 0}@media (max-width:768px){.home-nav-bar{width:calc(100% + 16px);margin:-16px -8px 0}}