:root{--bg:#05070c;--card:#0b111d;--line:#18253d;--blue:#2563eb;--blue2:#60a5fa;--txt:#eef2f9;--mut:#8a97b0 }*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:linear-gradient(#05070cbf,#05070cbf),url(/background.jpg) center/cover fixed var(--bg);color:var(--txt);font-family:Plus Jakarta Sans,Arial,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,.brand,.stat strong{font-family:Sora,Arial,sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--blue);color:#fff}.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:30;transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--blue2));box-shadow:0 0 12px var(--blue)}.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;transition:.3s}.nav.small{padding:12px 5vw;background:#05070ccc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.08em;display:flex;align-items:center;gap:10px}.brand span{color:var(--blue2);font-weight:600}.shield{width:22px;height:26px;background:linear-gradient(160deg,var(--blue2),var(--blue));clip-path:polygon(50% 0,100% 15%,100% 60%,50% 100%,0 60%,0 15%);animation:glow 2.5s ease-in-out infinite}.nav nav{display:flex;gap:28px;font-size:.9rem;color:var(--mut)}.nav nav a{position:relative;padding:4px 0;transition:color .2s}.nav nav a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--blue2);transform:scaleX(0);transform-origin:left;transition:.3s}.nav nav a:hover{color:var(--txt)}.nav nav a:hover:after{transform:scaleX(1)}.nav nav{align-items:center}.login{background:#5865f2;color:#fff!important;padding:7px 16px!important;border-radius:999px;font-weight:700}.login:after{display:none}button.login{border:0;font:inherit;font-weight:700;cursor:pointer;background:var(--blue);padding:7px 16px!important}.user{display:flex;align-items:center;gap:8px;color:var(--txt)}.user img{width:28px;height:28px;border-radius:50%}.user a{color:var(--blue2);font-size:.8rem}.user b{display:block;line-height:1.2}.roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.roles i{font-style:normal;font-size:.65rem;padding:1px 8px;border-radius:999px;color:var(--c);border:1px solid var(--c);background:color-mix(in srgb,var(--c) 15%,transparent)}.hero{position:relative;min-height:100vh;padding:120px 5vw 90px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:clip}.hero>*{position:relative;z-index:2}.grid{position:absolute!important;inset:0;z-index:0!important;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);animation:pan 8s linear infinite;opacity:.35}.blob{position:absolute!important;border-radius:50%;filter:blur(90px);z-index:0!important}.b1{width:520px;height:520px;background:var(--blue);opacity:.18;top:-120px;left:-100px;animation:float 12s ease-in-out infinite}.b2{width:420px;height:420px;background:#1d4ed8;opacity:.15;bottom:-120px;right:-80px;animation:float 14s ease-in-out infinite reverse}.lights{position:absolute!important;top:0;left:0;right:0;height:8px;display:flex;gap:4px;z-index:3!important}.lights i{position:relative;flex:1;border-radius:0 0 4px 4px;opacity:.15;animation:flash 1.6s linear infinite;background:repeating-linear-gradient(90deg,transparent 0 44px,rgba(0,0,0,.55) 44px 48px),linear-gradient(180deg,#d6e6ff,#3b82f6 45%,#0b3a9e);box-shadow:0 0 22px 6px #3b82f6,0 0 110px 30px #3b82f6d9}.lights i:nth-child(2){animation-delay:.8s;background:repeating-linear-gradient(90deg,transparent 0 44px,rgba(0,0,0,.55) 44px 48px),linear-gradient(180deg,#ffd6d9,#ef1c2c 45%,#8a0710);box-shadow:0 0 22px 6px #ef1c2c,0 0 110px 30px #ef1c2cd9}.lights i:after{content:"";position:absolute;top:0;left:0;width:85vw;height:100vh;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 70% 80% at 30% 0,rgba(59,130,246,.85),transparent 75%)}.lights i:nth-child(2):after{left:auto;right:0;background:radial-gradient(ellipse 70% 80% at 70% 0,rgba(239,28,44,.8),transparent 75%)}.eyebrow{color:var(--blue2);letter-spacing:.3em;text-transform:uppercase;font-size:.8rem;font-weight:700;animation:up .8s both}h1{position:relative;font-size:clamp(4.5rem,16vw,10rem);font-weight:800;line-height:1;margin:14px 0;letter-spacing:.04em;animation:up .8s .15s both;background:linear-gradient(110deg,#fff 30%,var(--blue2) 45%,#fff 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:up .8s .15s both,shine 4s 1s linear infinite;filter:drop-shadow(0 0 30px rgba(37,99,235,.55))}.sub{max-width:560px;color:var(--mut);margin-bottom:30px;animation:up .8s .3s both}.cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;animation:up .8s .45s both}.btn{position:relative;overflow:hidden;background:var(--blue);padding:13px 30px;border-radius:999px;font-weight:700;transition:.25s;box-shadow:0 0 #2563eb00}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35),transparent 70%);transform:translate(-120%);transition:.6s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #2563eb8c}.btn:hover:before{transform:translate(120%)}.btn.ghost{background:transparent;border:1px solid var(--blue2);color:var(--blue2)}.btn.ghost:hover{background:#60a5fa1f}.scrollhint{position:absolute!important;bottom:28px;width:22px;height:36px;border:2px solid var(--mut);border-radius:12px}.scrollhint:after{content:"";position:absolute;left:50%;top:6px;width:4px;height:7px;margin-left:-2px;background:var(--blue2);border-radius:2px;animation:wheel 1.6s infinite}.ticker{overflow:hidden;white-space:nowrap;background:var(--blue);transform:skewY(-1.2deg);margin:30px 0;border-block:1px solid var(--blue2)}.ticker div{display:inline-block;padding:10px 0;font-family:Sora;font-weight:800;letter-spacing:.2em;font-size:.85rem;animation:marquee 28s linear infinite}.ticker span{padding-right:2rem}.sec{max-width:1100px;margin:0 auto;padding:90px 5vw}h2{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;display:inline-block;position:relative}h2:after{content:"";display:block;width:60px;height:4px;margin-top:6px;background:linear-gradient(90deg,var(--blue),var(--blue2));border-radius:2px;transition:width .6s .3s}.in h2:after,h2.in:after{width:120px}.lead{color:var(--mut);margin:10px 0 32px}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(96,165,250,.22),transparent 70%)}.card:hover{transform:translateY(-6px);border-color:var(--blue);box-shadow:0 14px 40px #2563eb40}.card:hover:before{opacity:1}.stats{width:min(1000px,100%);margin-bottom:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{padding:22px 12px;text-align:center}.stat strong{display:block;font-size:2.4rem;line-height:1.1;background:linear-gradient(180deg,#fff,var(--blue2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{color:var(--mut);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}details{margin-bottom:12px;padding:18px 22px}details:hover{transform:translate(6px)}summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;position:relative;z-index:1}summary:after{content:"+";color:var(--blue2);font-size:1.4rem;line-height:1;transition:transform .3s}details[open]{border-color:var(--blue)}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--mut);margin-top:12px;position:relative;animation:up .4s both}.reg{max-height:420px;overflow-y:auto;padding:28px 32px;white-space:pre-line;color:var(--mut);line-height:1.8;scrollbar-color:var(--blue) var(--card)}.reg:hover{transform:none}.reg:focus-visible{outline:2px solid var(--blue2)}.rank{margin-bottom:34px}h3{display:flex;align-items:center;gap:12px;font-size:1.1rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}h3 b{color:transparent;-webkit-text-stroke:1px var(--blue2);font-size:1.8rem}h3 small{background:var(--blue);border-radius:999px;padding:1px 11px;font-size:.75rem}.scroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:.3s}.rank:hover .scroll{border-color:var(--blue);box-shadow:0 10px 36px #2563eb2e}table{width:100%;border-collapse:collapse;font-size:.9rem;white-space:nowrap}th{text-align:left;background:#0a1630;color:var(--blue2);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}th,td{padding:13px 18px}tr+tr td{border-top:1px solid var(--line)}tbody tr{transition:.2s;box-shadow:inset 0 0 0 var(--blue2)}tbody tr:hover{background:#2563eb1f;box-shadow:inset 3px 0 0 var(--blue2)}.badge{display:inline-flex;align-items:center;gap:6px;background:#2563eb33;color:var(--blue2);border-radius:999px;padding:2px 12px;font-size:.75rem;font-weight:700}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue2);animation:pulse 1.6s infinite}footer{text-align:center;padding:36px;color:var(--mut);border-top:1px solid var(--line);font-size:.85rem}@keyframes up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes shine{to{background-position:-250% 0}}@keyframes float{50%{transform:translate(60px,40px) scale(1.15)}}@keyframes pan{to{background-position:56px 56px}}@keyframes flash{0%,6%{opacity:1}7%,12%{opacity:.15}13%,19%{opacity:1}20%,to{opacity:.15}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes wheel{to{transform:translateY(14px);opacity:0}}@keyframes pulse{50%{opacity:.3;transform:scale(1.6)}}@keyframes glow{50%{filter:drop-shadow(0 0 8px var(--blue2))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:600px){.nav nav{gap:14px}.brand span{display:none}}.modal{position:fixed;inset:0;z-index:100;background:#000000b3;display:grid;place-items:center;padding:16px}.box{width:min(900px,100%);max-height:92vh;display:flex;flex-direction:column;background:#0a0f1a;border:1px solid var(--blue);border-radius:16px;box-shadow:0 20px 80px #2563eb59}.box>header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}.box h2{font-size:1.2rem}.box h2:after{display:none}.x{background:none;border:0;color:var(--mut);font-size:1.1rem;cursor:pointer}.x:hover{color:var(--txt)}.box .body{overflow-y:auto;padding:8px 22px 22px;scrollbar-color:var(--blue) transparent}.box h4{margin:22px 0 10px;color:var(--blue2);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.box input,.box textarea{width:100%;background:var(--card);border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:8px 10px;font:inherit;font-size:.85rem}.box input:focus,.box textarea:focus{outline:2px solid var(--blue);border-color:transparent}.box textarea{resize:vertical;line-height:1.6}.f-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.f-stats label{font-size:.75rem;color:var(--mut);display:grid;gap:4px}.f-rank{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:8px}.f-rank summary{font-weight:700;cursor:pointer}.f-rank small{color:var(--blue2);margin-left:6px}.f-row{display:grid;grid-template-columns:.8fr .9fr 1.6fr 1fr 1fr auto;gap:6px;margin-top:8px}.f-row button{background:none;border:0;cursor:pointer}.add{margin-top:10px;background:none;border:1px dashed var(--blue);color:var(--blue2);border-radius:8px;padding:6px 12px;cursor:pointer}.add:hover{background:#2563eb26}.box>footer{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--line)}.box .btn{border:0;font:inherit;font-weight:700;cursor:pointer;padding:9px 24px;color:#fff}.box .btn.ghost{border:1px solid var(--blue2);color:var(--blue2)}.box .btn:disabled{opacity:.5;cursor:wait}.err{margin-right:auto;color:#ff6b78;font-size:.85rem}@media(max-width:700px){.f-stats,.f-row{grid-template-columns:1fr 1fr}}.del{background:none;border:0;cursor:pointer;color:#ef4444;display:grid;place-items:center;padding:6px;border-radius:8px}.del:hover{background:#ef44442e;color:#ff6b78}.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.gitem img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.gitem>div{padding:16px 18px}.gitem h3{margin:0 0 6px;font-size:1rem}.gitem p{color:var(--mut);font-size:.9rem;white-space:pre-line}.f-item{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px}.f-img{display:grid;gap:6px}.f-img img,.f-img .ph{width:100%;height:94px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.f-img .ph{display:grid;place-items:center;color:var(--mut);font-size:.75rem;border-style:dashed}.f-img input{font-size:.65rem;padding:4px}.f-txt{display:grid;gap:6px}.add:disabled{opacity:.4;cursor:not-allowed}@media(max-width:700px){.f-item{grid-template-columns:1fr}}.gitem{cursor:zoom-in}.gitem:focus-visible{outline:2px solid var(--blue2);outline-offset:3px}.lightbox{border:0;padding:0;background:transparent;color:var(--txt);max-width:96vw;max-height:96vh;margin:auto;overflow:visible}.lightbox::backdrop{background:#000000e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox figure{position:relative;margin:0;line-height:0;border:1px solid var(--blue);border-radius:16px;overflow:hidden;background:#000;box-shadow:0 20px 80px #2563eb59}.lightbox img{display:block;max-width:96vw;max-height:92vh;width:auto;height:auto;object-fit:contain}.lightbox figcaption{position:absolute;inset:auto 0 0;max-height:45%;overflow-y:auto;line-height:1.5;padding:56px 24px 20px;background:linear-gradient(transparent,#000000d9 55%)}.lightbox h3{margin:0 0 4px;font-size:1.3rem;text-shadow:0 2px 8px #000}.lightbox p{color:#dbe4f3;white-space:pre-line;line-height:1.6;text-shadow:0 1px 6px #000}.lightbox .x{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:#000000a6;color:#fff;z-index:1;line-height:1}.lightbox .x:hover{background:var(--blue)}body:has(dialog[open]){overflow:hidden}