:root{--p:#6c5cff;--c:#00e0ff;--bg:#07070f;--t:#eef;--m:#9aa3b8}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 20% 10%,#1a1450,var(--bg) 60%);color:var(--t);font:16px/1.6 system-ui,Segoe UI,Roboto,sans-serif;min-height:100vh}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1}
nav{position:sticky;top:0;display:flex;gap:22px;align-items:center;padding:14px 5vw;backdrop-filter:blur(12px);background:#07070fcc;z-index:9}
nav b{font-size:24px;letter-spacing:2px;margin-right:auto;background:linear-gradient(90deg,var(--p),var(--c));-webkit-background-clip:text;color:transparent}
nav a{color:var(--t);text-decoration:none;opacity:.8}nav a:hover{opacity:1}
main{max-width:1150px;margin:auto;padding:50px 5vw}
h1{font-size:clamp(36px,6vw,70px);line-height:1.05}h2{font-size:clamp(26px,4vw,40px);margin:70px 0 24px}
.g{background:linear-gradient(90deg,var(--p),var(--c));-webkit-background-clip:text;color:transparent}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:26px;backdrop-filter:blur(8px);transition:transform .15s ease-out,border-color .3s;will-change:transform}
.card:hover{border-color:var(--c)}.card ul{margin:14px 0 18px 18px;color:var(--m)}
.btn{display:inline-block;padding:12px 26px;border-radius:50px;background:linear-gradient(90deg,var(--p),var(--c));color:#fff;border:0;font:700 15px inherit;cursor:pointer;text-decoration:none}
.old{text-decoration:line-through;color:var(--m);font-size:20px}.price{font-size:40px;font-weight:800}.price small{font-size:15px;color:var(--m);font-weight:400}
.tag{color:#ff6b88;font-weight:700;font-size:14px}
.rv{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}.rv.on{opacity:1;transform:none}
input,select,textarea{width:100%;padding:12px;margin:6px 0 12px;border-radius:12px;border:1px solid #ffffff2a;background:#ffffff10;color:#fff;font:inherit}option{color:#000}
.wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:800px}td,th{padding:10px;border-bottom:1px solid #ffffff1a;text-align:left;font-size:14px;vertical-align:top}
.err{color:#ff6b88;margin-bottom:10px}
@media(max-width:700px){nav{gap:12px;font-size:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.rv{opacity:1;transform:none}}
.wa{position:fixed;right:18px;bottom:18px;z-index:9;background:#25d366;color:#fff;padding:12px 20px;border-radius:50px;font-weight:700;text-decoration:none;box-shadow:0 6px 20px #0006}
.card img{display:block}