:root{--bg:#0A0F1F;--surface:#0f1729;--surface2:#151f38;--border:#1f2b47;--border2:#2b3b60;--text:#dbe2ee;--muted:#a3afc4;--accent:#39FF88;--accent2:#5ee7ff;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--s12:96px;--r:12px;--r2:16px;--glow:0 0 24px rgba(57,255,136,.25)}[hidden]{display:none!important}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 600px at 50% -200px,rgba(57,255,136,.1),transparent 70%),radial-gradient(800px 400px at 90% 10%,rgba(94,231,255,.06),transparent 70%)}.wrap{max-width:1120px;margin:0 auto;padding:0 var(--s3)}main{max-width:1120px;margin:0 auto;padding:var(--s4) var(--s3) 0}h1,h2,h3{color:#f4f7fb;line-height:1.15;letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(32px,4.5vw,48px);letter-spacing:-.035em;margin:0 0 var(--s2)}h2{font-size:clamp(22px,2.4vw,28px);margin:var(--s6) 0 var(--s2)}h3{font-size:17px}p{color:var(--text)}a{color:var(--accent);text-decoration-color:#39ff8859;text-underline-offset:3px}a:hover{text-decoration-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;z-index:100;background:var(--accent);color:#04120a;padding:8px 12px}.site-header{position:sticky;top:0;z-index:50;background:#0a0f1fb8;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(43,59,96,.6)}.site-header .wrap{display:flex;align-items:center;gap:var(--s3);height:64px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;color:#fff;text-decoration:none;font-weight:700;font-size:16px;letter-spacing:-.01em}.brand img{display:block;width:32px;height:32px;border-radius:8px}.nav{display:flex;gap:var(--s3);align-items:center}.nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500}.nav a:hover{color:#fff}.nav .btn{padding:8px 14px;font-size:14px}.menu{display:none}@media(max-width:860px){.nav{display:none}.menu{display:block}.menu summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid var(--border2);border-radius:10px;color:#fff;font-size:14px}.menu summary::-webkit-details-marker{display:none}.menu[open] .mnav{display:flex}.mnav{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;background:#0a0f1ff7;border-bottom:1px solid var(--border);padding:var(--s2) var(--s3)}.mnav a{color:var(--text);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--border)}}.btn,form button,.buy{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--accent);color:#04120a!important;font-weight:600;border:0;border-radius:10px;text-decoration:none;cursor:pointer;font-size:15px;box-shadow:0 0 0 1px #39ff8880,0 8px 24px -8px #39ff888c;transition:transform .15s,box-shadow .15s}.btn:hover,.buy:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--accent),0 10px 30px -6px #39ff88b3}.btn-ghost{background:#ffffff0a;color:#fff!important;box-shadow:inset 0 0 0 1px var(--border2)}.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s2)}.card{position:relative;display:flex;flex-direction:column;gap:var(--s1);background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--border);border-radius:var(--r);padding:var(--s3) var(--s3) var(--s2);transition:border-color .2s,box-shadow .2s,transform .2s}.card:hover{border-color:#39ff8873;box-shadow:0 0 0 1px #39ff8826,0 12px 40px -12px #39ff8840;transform:translateY(-2px)}.card h3{margin:0;display:flex;align-items:center;gap:12px}.card h3 a{color:#fff;text-decoration:none}.card h3 a:after{content:"";position:absolute;inset:0;border-radius:inherit}.card p{margin:0;color:var(--muted);font-size:14px;flex:1}.av{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;font-weight:700;font-size:15px;color:#04120a;background:linear-gradient(135deg,var(--accent),var(--accent2))}.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s1)}.tag{font-size:12px;font-weight:500;background:#39ff8814;color:#b9ffd6;border:1px solid rgba(57,255,136,.22);border-radius:999px;padding:2px 10px}.tag.alt{background:#ffffff0a;color:var(--muted);border-color:var(--border2)}.featured,.gborder{position:relative;border-radius:var(--r2);padding:var(--s3);margin:var(--s3) 0;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#39ff88b3,#5ee7ff59,#2b3b6099) border-box;border:1px solid transparent}table{border-collapse:separate;border-spacing:0;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;font-size:15px}td,th{border-bottom:1px solid var(--border);padding:12px 16px;text-align:left;vertical-align:top}tr:last-child td{border-bottom:0}th{background:var(--surface2);color:#fff;font-weight:600}.table-wrap{overflow-x:auto}code,pre{background:var(--surface2);border-radius:6px;padding:1px 6px;font-size:.92em}form input,form textarea,form select{padding:10px 12px;width:280px;max-width:100%;background:var(--surface2);color:var(--text);border:1px solid var(--border2);border-radius:10px;font:inherit}#newsletter{max-width:1120px;margin:var(--s8) auto 0;padding:0 var(--s3)}#newsletter .box{border-radius:var(--r2);padding:var(--s4);background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#39ff8899,#2b3b6099) border-box;border:1px solid transparent}#newsletter h2{margin-top:0}#newsletter iframe,.bh-embed iframe{max-width:100%;border-radius:10px}.site-footer{margin-top:var(--s8);border-top:1px solid var(--border)}.site-footer .wrap{display:flex;gap:var(--s2) var(--s3);align-items:center;flex-wrap:wrap;padding:var(--s4) var(--s3);font-size:14px;color:var(--muted)}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:#fff}.site-footer span{margin-right:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.card:hover,.btn:hover{transform:none}}
