@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/fonts/inter-700.woff2) format('woff2')}
:root{--bg:#070b18;--s:#0f1730;--s2:#162042;--line:#24305a;--t:#eaf0ff;--m:#8d9bc4;--r:#ff3b5c;--b:#3d8bff;--g:linear-gradient(135deg,#ff3b5c,#3d8bff)}
*{box-sizing:border-box}
body{margin:0;color:var(--t);font:16px/1.65 Inter,system-ui,sans-serif;background:radial-gradient(900px 500px at 0 -10%,#3d8bff22,transparent),radial-gradient(800px 500px at 100% 0,#ff3b5c1f,transparent),var(--bg);min-height:100vh}
header{display:flex;gap:22px;align-items:center;padding:16px 28px;background:#0a1124cc;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
header a{color:var(--m);text-decoration:none;font-weight:600;transition:.2s}header a:hover{color:var(--t)}
.logo{font-weight:700;font-size:20px;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.warn{margin:0;padding:10px 28px;background:linear-gradient(90deg,#ff3b5c26,#3d8bff1a);border-bottom:1px solid var(--line);color:#ffd3dc;font-size:14px}
main{max-width:1040px;margin:0 auto;padding:28px 20px 60px}
h2{font-size:28px;margin:10px 0 18px;letter-spacing:-.4px}h3{margin:0 0 6px;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.card{background:linear-gradient(160deg,var(--s2),var(--s));border:1px solid var(--line);border-radius:16px;padding:16px;margin:0 0 14px;box-shadow:0 8px 24px #0006;transition:.22s}
.link{display:block;color:var(--t);text-decoration:none;font-weight:600}
.link:hover{transform:translateY(-4px);border-color:var(--b);box-shadow:0 12px 30px #3d8bff33}
.tag{display:inline-block;background:var(--g);color:#fff;border-radius:99px;padding:2px 12px;font-size:13px;font-weight:600}
.price{color:var(--r);font-size:18px}.muted{color:var(--m)}
input,select,textarea{width:100%;padding:11px 13px;margin:6px 0;background:#080e22;color:var(--t);border:1px solid var(--line);border-radius:10px;font:inherit;transition:.2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--b);box-shadow:0 0 0 3px #3d8bff33}
textarea{min-height:90px}
.btn{background:linear-gradient(135deg,#2f6fe0,var(--b));color:#fff;border:0;border-radius:10px;padding:10px 18px;cursor:pointer;margin:6px 6px 6px 0;font:600 15px Inter,sans-serif;transition:.2s}
.btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn.red{background:linear-gradient(135deg,#d92a4a,var(--r))}.btn.sm{padding:4px 12px;font-size:13px}
.qr{max-width:180px;width:100%;background:#fff;padding:6px;border-radius:12px}
