.card::before,.top-bubble::before{content:"";position:absolute;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);pointer-events:none}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#070707;--card:rgba(18, 18, 18, 0.9);--text:#f5f1e8;--muted:#b6aa8d;--gold:#d4af37;--gold-light:#ffe8a3}body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text);font-family:Inter,sans-serif;background:repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 1px,transparent 1px,transparent 12px),radial-gradient(circle at 20% 20%,rgba(212,175,55,.08),transparent 40%),radial-gradient(circle at 80% 40%,rgba(255,232,163,.05),transparent 50%),linear-gradient(135deg,#050505,#0b0b0b 50%,#060606)}.top-bubble,h2{text-align:center;font-family:'Playfair Display',serif}.top-bubble-wrap{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(92%,860px);z-index:20;display:flex;justify-content:center;pointer-events:none}.card,.top-bubble{position:relative;backdrop-filter:blur(14px)}.btn,.card,.card img,.container{width:100%}.top-bubble{padding:18px 28px;border-radius:999px;font-size:clamp(1rem, 1.35vw, 1.35rem);letter-spacing:.02em;color:#fff8e7;background:linear-gradient(135deg,rgba(255,244,204,.18),rgba(212,175,55,.28)),rgba(10,10,10,.88);border:1px solid rgba(255,232,163,.55);box-shadow:0 12px 35px rgba(0,0,0,.45),0 0 28px rgba(212,175,55,.18),inset 0 1px 0 rgba(255,255,255,.12)}.top-bubble::before{inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,243,196,.95),rgba(212,175,55,.9),rgba(255,232,163,.95));-webkit-mask-composite:xor;mask-composite:exclude}.container{max-width:1200px;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;justify-items:center}.card{max-width:320px;padding:28px 22px;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:var(--card);border:1px solid rgba(212,175,55,.35);box-shadow:0 0 25px rgba(212,175,55,.08),0 20px 70px rgba(0,0,0,.7);transition:.3s}.card::before{inset:0;border-radius:inherit;background:linear-gradient(135deg,#fff3c4,var(--gold),#ffe8a3,var(--gold));-webkit-mask-composite:xor;mask-composite:exclude}.card:hover{transform:translateY(-8px);box-shadow:0 0 35px rgba(212,175,55,.15),0 25px 80px rgba(0,0,0,.85)}h2{font-weight:600;font-size:clamp(1.4rem, 2vw, 1.9rem);letter-spacing:.04em;margin-bottom:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--gold);border:1px solid rgba(212,175,55,.5);background:0 0;transition:.25s}.btn:hover{color:#000;background:linear-gradient(135deg,var(--gold),var(--gold-light));box-shadow:0 0 18px rgba(212,175,55,.5)}.card img{aspect-ratio:3/4;object-fit:cover;border-radius:14px;margin-bottom:22px;box-shadow:0 10px 30px rgba(0,0,0,.6);border:1px solid rgba(212,175,55,.25)}@media (max-width:950px){.card{max-width:220px;padding:20px 16px}.card img{margin-bottom:16px}h2{margin-bottom:18px;font-size:1.2rem}.btn{padding:10px 16px;font-size:.75rem}}@media (max-width:700px){.top-bubble{padding:14px 18px;border-radius:26px;line-height:1.35}body{padding-top:130px}.cards{grid-template-columns:1fr;gap:16px}}