:root{--bg:#0b0d14;--panel:#141826;--line:#252b40;--txt:#e6e9f5;--mut:#8b93b0;--acc:#39ff88;--acc2:#a855f7;--S:#ff4d6d;--A:#ffb020;--B:#3fa9ff;--C:#8b93b0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif;background-image:radial-gradient(circle at 20% 0,#1d1440 0,transparent 40%),radial-gradient(circle at 90% 10%,#0f3a2a 0,transparent 35%)}
a{color:var(--acc)}.wrap{max-width:1100px;margin:auto;padding:0 18px}
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#0b0d14ee;backdrop-filter:blur(6px);z-index:5}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px}
.logo{font-family:ui-monospace,Consolas,monospace;font-weight:800;color:var(--txt);text-decoration:none;font-size:1.15rem}.logo span{color:var(--acc)}
nav a{color:var(--mut);text-decoration:none;margin-left:14px;font-size:.9rem}nav a:hover{color:var(--acc)}
.hero{padding:70px 0 40px;text-align:center}.hero h1{font-size:clamp(2rem,6vw,3.6rem);margin:.2em 0;line-height:1.1}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;color:transparent}
.tag{display:inline-block;font:12px ui-monospace,monospace;color:var(--acc);border:1px solid var(--acc);padding:3px 10px;border-radius:4px;letter-spacing:.1em}
.hero p{color:var(--mut);max-width:620px;margin:auto}
.btn{display:inline-block;background:var(--acc);color:#05110a;font-weight:700;padding:11px 20px;border-radius:6px;text-decoration:none;border:0;cursor:pointer;margin-top:20px}
h2{font-family:ui-monospace,monospace;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin:46px 0 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;text-decoration:none;color:var(--txt);transition:.15s}
.card:hover{border-color:var(--acc);transform:translateY(-2px);box-shadow:0 0 20px #39ff8822}
.card .ic{font-size:1.8rem}.card h3{margin:6px 0 4px}.card small{color:var(--mut)}
.feed{border-left:2px solid var(--acc2);padding-left:18px}
.note{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:12px}
.note .v{font:12px ui-monospace,monospace;color:var(--acc2)}.note h4{margin:4px 0}.note p{margin:4px 0;color:var(--mut);font-size:.93rem}
.note .src{font-size:.8rem}
.signup{background:linear-gradient(135deg,#1a1336,#0f2a20);border:1px solid var(--line);border-radius:12px;padding:28px;text-align:center;margin:50px 0}
.signup input{padding:11px;border-radius:6px;border:1px solid var(--line);background:#0b0d14;color:var(--txt);width:min(320px,100%)}
.signup .msg{color:var(--acc);min-height:1.4em;margin-top:8px}
table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font:12px ui-monospace,monospace;color:var(--mut);text-transform:uppercase}
.rank{font:700 1.1rem ui-monospace,monospace;color:var(--mut)}
.tier{display:inline-block;width:34px;height:34px;line-height:34px;text-align:center;border-radius:6px;font-weight:900;color:#000}
.tS{background:var(--S)}.tA{background:var(--A)}.tB{background:var(--B)}.tC{background:var(--C)}
.price{color:var(--mut);font-size:.88rem}
footer{border-top:1px solid var(--line);color:var(--mut);font-size:.85rem;padding:24px 0;margin-top:50px}
@media(max-width:700px){nav{display:none}thead{display:none}tr{display:grid;grid-template-columns:44px 1fr 40px;gap:4px 10px;padding:12px 0;border-bottom:1px solid var(--line)}td{border:0;padding:0}td.bf,td.pr{grid-column:2/4}}