:root{--navy:#1e1240;--vio:#7c3aed;--pink:#ec4899;--teal:#14b8a6;--mut:#5b5677;--bg:#f8f6fd}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--navy);background:var(--bg);line-height:1.6;overflow-x:clip}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}header{position:sticky;top:0;z-index:50;background:rgba(30,18,64,.9);backdrop-filter:blur(14px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-weight:800;font-size:21px}.brand img{width:34px}
.links a{color:#ddd6fe;text-decoration:none;font-weight:600;font-size:14.5px;padding:8px 10px}.btn{display:inline-block;border:0;cursor:pointer;font:inherit;font-weight:700;padding:12px 20px;border-radius:14px;text-decoration:none;background:linear-gradient(135deg,var(--vio),var(--pink));color:#fff}
.btn.g{background:#fff;color:var(--vio);border:1px solid #ddd6fe}.hero{background:radial-gradient(circle at 20% 20%,#7c3aed55,transparent 50%),radial-gradient(circle at 80% 60%,#ec489955,transparent 50%),var(--navy);color:#fff;padding:70px 0}
h1{font-size:clamp(34px,6vw,58px);line-height:1.05;margin:.2em 0}.grad{background:linear-gradient(90deg,#c4b5fd,#f9a8d4);-webkit-background-clip:text;color:transparent}.lead{color:#e9e5ff;font-size:18px;max-width:620px}
.demo{background:#fef3c7;color:#78350f;border:1px solid #fcd34d;border-radius:12px;padding:10px 14px;font-size:14px;margin:16px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{background:#fff;border:1px solid #ece8fb;border-radius:18px;padding:20px;box-shadow:0 8px 30px #1e124012}
.item{display:flex;gap:14px;align-items:center}.thumb{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:30px;background:#f3f0ff;flex:none}
.price{font-weight:800;font-size:20px}.was{text-decoration:line-through;color:var(--mut);font-size:14px;margin-left:6px}.drop{color:#059669;font-weight:700;font-size:13px}
.tag{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;background:#ede9fe;color:var(--vio);margin-right:4px}
input,select{font:inherit;padding:10px 12px;border:1px solid #ddd6fe;border-radius:10px;width:100%;margin:6px 0}section{padding:44px 0}
.alert{border-left:4px solid var(--pink);padding:10px 14px;background:#fff;border-radius:10px;margin:8px 0}.hide{display:none}footer{padding:30px 0;color:var(--mut);font-size:14px;text-align:center}
.bar{height:8px;background:#ede9fe;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--vio),var(--pink))}
@media(max-width:640px){.links a:not(.btn){display:none}}