:root{--brand:#0f172a;--accent:#14b8a6;--soft:#f8fafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(20,184,166,.14),transparent 32%),radial-gradient(circle at top right,rgba(124,58,237,.10),transparent 30%),#f8fafc;color:#111827}.glass{background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.65);box-shadow:0 20px 70px rgba(15,23,42,.12);backdrop-filter:blur(18px)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(1.15) contrast(1.08)}.gradient-text{background:linear-gradient(90deg,#0f172a,#0f766e,#6d28d9);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-card{transition:.25s ease;cursor:pointer}.premium-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(15,23,42,.16)}.product-img{transition:transform .35s ease}.premium-card:hover .product-img{transform:scale(1.06)}.chip.active{background:#0f172a;color:#fff}.hero-slide{min-width:100%;height:100%;object-fit:cover}.hide-scroll::-webkit-scrollbar{display:none}.audio-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.72);border-radius:999px;padding:.45rem .75rem;font-size:.8rem}.bars{display:inline-flex;gap:2px;height:14px;align-items:end}.bars span{display:block;width:3px;border-radius:99px;background:#14b8a6;animation:bars 1s infinite ease-in-out}.bars span:nth-child(2){height:12px;animation-delay:.14s}.bars span:nth-child(3){height:8px;animation-delay:.28s}@keyframes bars{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1.25)}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .65s ease both}.drawer{transition:transform .25s ease}.drawer.closed{transform:translateX(110%)}
.promo-card{position:relative;overflow:hidden;min-height:230px;background:linear-gradient(135deg,#0f172a,#0f766e 52%,#7c2d12);color:white}.promo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .35s ease}.promo-card:hover img{transform:scale(1.05)}.promo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.78),rgba(15,23,42,.22),rgba(15,23,42,.72))}.promo-content{position:relative;z-index:2}.media-frame{aspect-ratio:16/9;width:100%;border:0;border-radius:1.5rem;background:#0f172a}.sound-hint{box-shadow:0 12px 35px rgba(20,184,166,.25)}
.floating-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.85rem 1rem;font-weight:900;box-shadow:0 18px 45px rgba(15,23,42,.22);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(14px);transition:.2s ease}.floating-action:hover{transform:translateY(-3px) scale(1.03)}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.82);padding:.75rem 1rem;font-weight:900;color:#0f172a;box-shadow:0 10px 28px rgba(15,23,42,.08)}.page-btn:hover,.page-btn.active{background:#0f172a;color:#fff}