:root{--bg:#070d1b;--panel:#0e172b;--panel2:#121e36;--line:#243251;--text:#f4f7ff;--muted:#9eabc5;--accent:#65c7ff;--accent2:#7d72ff;--green:#54df9a;--shadow:0 20px 55px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,#1d2860 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(7,13,27,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.navwrap{min-height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:850;color:#fff;text-decoration:none;letter-spacing:-.5px}.brand span{font-size:25px}.nav{display:flex;gap:24px}.nav a{color:#aeb9d2;text-decoration:none;font-weight:650}.nav a:hover{color:#fff}
.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding-top:40px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:850;color:var(--accent)}h1{font-size:clamp(52px,8vw,88px);line-height:.98;letter-spacing:-4px;margin:16px 0 22px;max-width:760px}h1 span{background:linear-gradient(90deg,var(--accent),#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:20px;color:#b2bdd4;max-width:640px}.searchbox{margin-top:30px;display:flex;align-items:center;background:#101a31;border:1px solid #2a3b60;border-radius:18px;padding:0 15px;height:62px;box-shadow:var(--shadow)}.searchbox span{font-size:27px;color:#7f8eaa}.searchbox input{flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:17px;padding:0 12px}.searchbox input::placeholder{color:#77849d}.searchbox button{border:0;background:transparent;color:#7f8eaa;font-size:28px;cursor:pointer}.quick-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.chip{border:1px solid #2a3a5a;background:#0d1629;color:#aebbd3;border-radius:999px;padding:8px 14px;cursor:pointer}.chip.active,.chip:hover{background:#18294a;color:#fff;border-color:#4d78ae}.hero-art{min-height:390px;position:relative;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#5268ff55,transparent 68%);filter:blur(10px)}.hero-panel{width:280px;height:185px;border:1px solid #3a4c79;border-radius:28px;background:linear-gradient(145deg,#18274a,#0b1325);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-5deg);position:relative}.hero-panel b{font-size:29px;letter-spacing:3px}.hero-panel small{color:#8f9fbd;margin-top:8px}.orb{position:absolute;width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:#172542;border:1px solid #39517d;font-size:34px;box-shadow:var(--shadow)}.orb1{top:35px;right:8%}.orb2{bottom:45px;left:6%;font-size:28px}.orb3{top:24%;left:0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:-10px}.stats div{padding:20px;border:1px solid var(--line);background:rgba(14,23,43,.8);border-radius:18px}.stats strong{display:block;font-size:28px}.stats span{color:var(--muted);font-size:14px}.section{padding-top:75px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-head h2,.about h2{font-size:38px;line-height:1.05;letter-spacing:-1.5px;margin:6px 0 0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,#111c34,#0b1325);box-shadow:0 12px 30px rgba(0,0,0,.16);transition:.2s}.card:hover{transform:translateY(-4px);border-color:#40577f}.cover{height:165px;display:grid;place-items:center;font-size:62px;position:relative;background:linear-gradient(135deg,var(--c1),var(--c2))}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.25))}.cover .icon{position:relative;z-index:1;filter:drop-shadow(0 10px 12px rgba(0,0,0,.25))}.cardbody{padding:18px}.badges{display:flex;gap:7px;flex-wrap:wrap}.badge{font-size:11px;padding:5px 8px;border-radius:8px;background:#1a2b4b;color:#b9d9ff}.badge.green{color:#83e8b5;background:#143628}.card h3{font-size:22px;margin:12px 0 5px}.card p{margin:0;color:#93a2bd;min-height:48px}.meta{display:flex;justify-content:space-between;color:#7888a4;font-size:12px;margin-top:13px}.actions{display:flex;gap:9px;margin-top:15px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:12px;text-decoration:none;font-weight:800;border:1px solid #31456c;cursor:pointer}.btn.primary{background:linear-gradient(90deg,#4d8cff,#6e62ff);border:0;color:#fff;flex:1}.btn.ghost{background:#0d172a;color:#c3cde0}.empty{padding:35px;border:1px dashed #334666;border-radius:18px;text-align:center;color:var(--muted)}.about{margin-top:90px;margin-bottom:80px;display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:start}.about p{color:#9eabc5}.notice{border:1px solid #315174;background:#0c1c2e;padding:22px;border-radius:20px}.notice b{color:var(--accent)}.footer{border-top:1px solid var(--line);padding:30px 0 50px;color:#7787a3}.small{font-size:20px;color:#dfe7f8}.footer p{font-size:13px}.dialog{width:min(680px,calc(100% - 24px));border:1px solid #3a4d73;border-radius:24px;background:#0b1426;color:#fff;padding:0;box-shadow:0 30px 100px #000b}.dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:#1a2944;color:#fff;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer}.dialog-inner{padding:30px}.dialog-inner h2{font-size:34px;margin:10px 0}.dialog-inner p{color:#a5b2ca}.source{margin-top:22px;padding:15px;border-radius:14px;background:#101e35;border:1px solid #263b60}.source b{display:block;margin-bottom:5px}.source a{color:var(--accent);word-break:break-all}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0 50px}.hero-art{min-height:300px}.grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.nav{gap:12px}.nav a:nth-child(4){display:none}}@media(max-width:560px){.wrap{width:min(100% - 22px,1120px)}.nav{gap:11px;font-size:13px}.brand{font-size:21px}.hero{padding-top:48px}.hero-art{display:none}h1{font-size:54px;letter-spacing:-3px}.hero p{font-size:17px}.stats{grid-template-columns:1fr 1fr}.stats div:last-child{grid-column:1/-1}.grid{grid-template-columns:1fr}.section-head h2,.about h2{font-size:31px}.cover{height:150px}}