:root{--color-primary:#3b82f6;--color-secondary:#6366f1;--color-indigo-transition:#6366f1;--color-accent-success:#059669;--color-neon-cyan:#00f0ff;--color-neon-purple:#a855f7;--color-neon-yellow:#facc15;--color-neon-green:#4ade80;--color-neon-indigo:#6366f1;--color-game-bg:#020617;--color-game-bg-surface:#050d1a;--color-game-bg-card:#0f172a;--color-game-text-primary:#f0f4ff;--color-game-text-secondary:#94a3b8cc;--color-game-border-default:#6366f133;--color-game-border-hover:#00f0ff80;--color-background-primary:#fff;--color-background-secondary:#f8fafc;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-on-primary:#fff;--color-border-primary:#e2e8f0;--color-border-hover:#cbd5e1;--color-interactive-light:#eff6ff;--shadow-color:221deg 39% 11%;--shadow-strength:1%;--gradient-brand:linear-gradient(135deg,var(--color-primary),var(--color-secondary));--gradient-action:linear-gradient(135deg,var(--color-primary),#4338ca);--gradient-highlight:linear-gradient(135deg,var(--color-primary),#10b981);--gradient-neon:linear-gradient(90deg,var(--color-neon-cyan),var(--color-neon-purple),var(--color-neon-yellow));--color-feedback-correct-bg:#ecfdf5;--color-feedback-correct-border:#34d399;--color-feedback-correct-text:#065f46;--color-feedback-incorrect-bg:#fef2f2;--color-feedback-incorrect-border:#f87171;--color-feedback-incorrect-text:#991b1b;--color-warning-bg:#fffbeb;--color-warning-text:#92400e;--color-warning-border:#fcd34d;--color-warning-icon:#d97706;--color-overlay-bg:#0f112a99;--backdrop-blur:blur(8px);--color-card-bg:#fff;--color-card-border:#e2e8f0;--shadow-card:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-card-hover:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--color-top3-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--color-top3-border:#2563eb33}.dark{--color-primary:#3b82f6;--color-secondary:#6366f1;--color-accent-success:#34d399;--color-background-primary:#020617;--color-background-secondary:#0f172a;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-border-primary:#1e293b;--color-border-hover:#334155;--color-interactive-light:#3b82f626;--color-feedback-correct-bg:#064e3b66;--color-feedback-correct-border:#059669;--color-feedback-correct-text:#d1fae5;--color-feedback-incorrect-bg:#7f1d1d66;--color-feedback-incorrect-border:#b91c1c;--color-feedback-incorrect-text:#fecaca;--color-warning-bg:#451a0366;--color-warning-text:#fde68a;--color-warning-border:#b45309;--color-overlay-bg:#020617d9;--color-card-bg:#1e293b;--color-card-border:#334155;--shadow-card:0 4px 6px -1px #0000004d;--shadow-card-hover:0 10px 15px -3px #00000080;--color-top3-bg:linear-gradient(135deg,#6366f126,#3b82f60d);--color-top3-border:#6366f166}body{background-color:var(--color-background-secondary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s,border-color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}*{box-sizing:border-box}.glass-panel{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--color-border-primary);background:#fffc}.dark .glass-panel{border:1px solid var(--color-border-primary);background:#0f172ab3}
@keyframes Navbar-module__cRh5nW__navScanline{0%{transform:translate(-100%)}to{transform:translate(calc(100vw + 120px))}}@keyframes Navbar-module__cRh5nW__logoPulse{0%,to{filter:drop-shadow(0 0 6px #00f0ff66)drop-shadow(0 0 12px #ec489933)}50%{filter:drop-shadow(0 0 14px #00f0ffbf)drop-shadow(0 0 20px #ec489966)}}@keyframes Navbar-module__cRh5nW__glowPulse{0%,to{box-shadow:0 0 8px #00f0ff4d,inset 0 0 8px #00f0ff0d}50%{box-shadow:0 0 20px #00f0ff99,inset 0 0 12px #00f0ff1a}}@keyframes Navbar-module__cRh5nW__slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.Navbar-module__cRh5nW__navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#020617d1;border-bottom:1px solid #00f0ff26;transition:background-color .4s;position:sticky;top:0}.Navbar-module__cRh5nW__navbar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#6366f199 25%,#00f0ffe6 50%,#6366f199 75%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.Navbar-module__cRh5nW__navbar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00f0ff0a,#0000);width:120px;animation:6s linear infinite Navbar-module__cRh5nW__navScanline;position:absolute;top:0;bottom:0}.light .Navbar-module__cRh5nW__navbar{background:#020617eb}.Navbar-module__cRh5nW__container{z-index:1;justify-content:space-between;align-items:center;max-width:1400px;height:68px;margin:0 auto;padding:0 2rem;display:flex;position:relative}.Navbar-module__cRh5nW__logoWrapper{align-items:center;text-decoration:none;transition:transform .2s;display:flex}.Navbar-module__cRh5nW__logoWrapper:hover{transform:scale(1.06)}.Navbar-module__cRh5nW__logoCat{object-fit:contain;mix-blend-mode:screen;border-radius:0;width:52px;height:52px;animation:3s ease-in-out infinite Navbar-module__cRh5nW__logoPulse}.Navbar-module__cRh5nW__logoWrapper:hover .Navbar-module__cRh5nW__logoCat{animation-duration:1.2s}.Navbar-module__cRh5nW__menu{align-items:center;gap:.5rem;display:flex}.Navbar-module__cRh5nW__navLink{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8cc;cursor:pointer;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);background:0 0;border:none;border-radius:3px;padding:.45rem .85rem;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .25s,background .25s;position:relative}.Navbar-module__cRh5nW__navLink:before{content:"";clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);opacity:0;background:#00f0ff0f;transition:opacity .25s;position:absolute;inset:0}.Navbar-module__cRh5nW__navLink:hover{color:#00f0ff}.Navbar-module__cRh5nW__navLink:hover:before{opacity:1}.Navbar-module__cRh5nW__loginButton{text-transform:uppercase;letter-spacing:.1em;color:#020617;cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);white-space:nowrap;background:linear-gradient(135deg,#00f0ff,#6366f1);border:none;padding:.5rem 1.2rem;font-family:Courier New,monospace;font-size:.82rem;font-weight:900;transition:filter .25s,transform .2s;animation:3s ease-in-out infinite Navbar-module__cRh5nW__glowPulse;position:relative}.Navbar-module__cRh5nW__loginButton:before{content:"";clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);pointer-events:none;background:linear-gradient(#ffffff40,#0000);position:absolute;inset:0}.Navbar-module__cRh5nW__loginButton:hover{filter:brightness(1.15);transform:translateY(-1px)}.Navbar-module__cRh5nW__loginButton:active{filter:brightness(.95);transform:translateY(1px)}.Navbar-module__cRh5nW__dropdownMenu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050d1af2;border:1px solid #00f0ff33;border-radius:4px;width:220px;animation:.25s Navbar-module__cRh5nW__slideDown;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 30px #00f0ff14}@media (max-width:768px){.Navbar-module__cRh5nW__container{height:60px;padding:0 1rem}.Navbar-module__cRh5nW__menu{gap:.3rem}.Navbar-module__cRh5nW__logoCat{width:44px;height:44px}.Navbar-module__cRh5nW__navLink{padding:.4rem .6rem;font-size:.78rem}.Navbar-module__cRh5nW__loginButton{padding:.45rem .9rem;font-size:.75rem}}@media (max-width:480px){.Navbar-module__cRh5nW__navLink[href=\/about]{display:none}}
@keyframes UserMenu-module__ckcmyG__slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes UserMenu-module__ckcmyG__arrowSpin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.UserMenu-module__ckcmyG__userActionsContainer{align-items:center;gap:.4rem;display:flex}.UserMenu-module__ckcmyG__menuWrapper{position:relative}.UserMenu-module__ckcmyG__menuButton{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;color:#e0e7ffe6;letter-spacing:.05em;white-space:nowrap;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:#0f172ab3;border:1px solid #6366f159;align-items:center;gap:.6rem;padding:.42rem .85rem .42rem .5rem;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;transition:all .25s;display:flex}.UserMenu-module__ckcmyG__menuButton:hover{color:#00f0ff;background:#00f0ff0f;border-color:#00f0ff99;box-shadow:0 0 16px #00f0ff1f}.UserMenu-module__ckcmyG__avatar{color:#020617;clip-path:polygon(3px 0%,100% 0%,calc(100% - 3px) 100%,0% 100%);background:linear-gradient(135deg,#6366f1,#00f0ff);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Arial Black,sans-serif;font-size:.72rem;font-weight:900;display:flex}.UserMenu-module__ckcmyG__arrow{color:#6366f1b3;font-size:.6rem;line-height:1;transition:transform .25s,color .25s;display:inline-block}.UserMenu-module__ckcmyG__arrowUp{color:#00f0ff;transform:rotate(180deg)}.UserMenu-module__ckcmyG__dropdownMenu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background:#050d1af7;border:1px solid #00f0ff33;border-radius:4px;width:220px;animation:.25s cubic-bezier(.16,1,.3,1) UserMenu-module__ckcmyG__slideDown;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 30px #00f0ff0f}.UserMenu-module__ckcmyG__dropdownMenu:before{content:"";background:linear-gradient(90deg,#0000,#00f0ffb3,#0000);height:1px;display:block}.UserMenu-module__ckcmyG__dropdownItem{text-align:left;color:#94a3b8d9;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;width:100%;padding:.85rem 1.25rem;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:block;position:relative}.UserMenu-module__ckcmyG__dropdownItem:before{content:">";color:#00f0ff;opacity:0;font-size:.72rem;transition:opacity .2s;position:absolute;left:.6rem}.UserMenu-module__ckcmyG__dropdownItem:hover{color:#00f0ff;background:#00f0ff0d;padding-left:1.8rem}.UserMenu-module__ckcmyG__dropdownItem:hover:before{opacity:1}.UserMenu-module__ckcmyG__logoutButton{color:#f43f5ebf;border-top:1px solid #f43f5e1f}.UserMenu-module__ckcmyG__logoutButton:before{content:">";color:#f43f5e}.UserMenu-module__ckcmyG__logoutButton:hover{color:#f43f5e;background:#f43f5e14}
.NotificationBell-module__xoe8jq__container{align-items:center;display:flex;position:relative}.NotificationBell-module__xoe8jq__bellButton{width:48px;height:48px;color:var(--color-text-secondary);cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.NotificationBell-module__xoe8jq__bellButton:hover{background-color:var(--color-interactive-light);color:var(--color-primary)}.NotificationBell-module__xoe8jq__badge{background:var(--color-secondary);color:#fff;border:2px solid var(--color-background-primary);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:700;animation:.3s ease-out NotificationBell-module__xoe8jq__popIn;display:flex;position:absolute;top:8px;right:8px}@keyframes NotificationBell-module__xoe8jq__popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.NotificationBell-module__xoe8jq__dropdown{background:rgba(var(--rgb-background-primary),.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-primary);z-index:100;border-radius:20px;flex-direction:column;width:min(380px,90vw);max-height:400px;animation:.3s NotificationBell-module__xoe8jq__slideDown;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 20px 50px #00000026}@keyframes NotificationBell-module__xoe8jq__slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.NotificationBell-module__xoe8jq__header{border-bottom:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.NotificationBell-module__xoe8jq__header h3{color:var(--color-text-primary);margin:0;font-size:1.1rem}.NotificationBell-module__xoe8jq__markAllButton{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;transition:color .2s;display:flex}.NotificationBell-module__xoe8jq__markAllButton:hover{color:var(--color-primary)}.NotificationBell-module__xoe8jq__list{padding:.5rem;overflow-y:auto}.NotificationBell-module__xoe8jq__item{border-radius:12px;gap:1rem;padding:1rem;transition:background-color .2s;display:flex}.NotificationBell-module__xoe8jq__item:hover{background-color:rgba(var(--rgb-primary,59,130,246),.1)}.NotificationBell-module__xoe8jq__itemIcon{background-color:var(--color-interactive-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.NotificationBell-module__xoe8jq__icon{color:var(--color-primary)}.NotificationBell-module__xoe8jq__itemContent{flex-grow:1}.NotificationBell-module__xoe8jq__itemContent h4{color:var(--color-text-primary);margin:0 0 .25rem;font-size:.95rem;font-weight:600}.NotificationBell-module__xoe8jq__itemContent p{color:var(--color-text-secondary);margin:0;font-size:.85rem;line-height:1.5}.NotificationBell-module__xoe8jq__link{color:var(--color-primary);margin-top:.5rem;font-size:.85rem;font-weight:600;display:inline-block}.NotificationBell-module__xoe8jq__readButton{color:var(--color-text-secondary);opacity:.5;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:center;transition:all .2s}.NotificationBell-module__xoe8jq__item:hover .NotificationBell-module__xoe8jq__readButton{opacity:1}.NotificationBell-module__xoe8jq__readButton:hover{color:var(--color-accent-success)}.NotificationBell-module__xoe8jq__emptyState{text-align:center;color:var(--color-text-secondary);padding:2rem;font-size:.9rem}@media (max-width:640px){.NotificationBell-module__xoe8jq__dropdown{width:94vw;max-height:75vh;animation:.3s NotificationBell-module__xoe8jq__slideDownMobile;position:fixed;top:75px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 0 0 100vh #0006}@keyframes NotificationBell-module__xoe8jq__slideDownMobile{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.NotificationBell-module__xoe8jq__item{gap:.75rem;padding:.75rem}.NotificationBell-module__xoe8jq__itemIcon{width:32px;height:32px}.NotificationBell-module__xoe8jq__itemIcon svg{width:16px;height:16px}}