:root{--bg:#18101F;--card:#302039;--purple:#762A86;--coral:#FF4D87;--gold:#FBBF60;--teal:#22C9BC;--text:#fff;--text2:#E5C7D8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}h1,h2{font-family:Playfair Display,serif}a,button{font:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.wrap{max-width:1100px;margin:0 auto;padding:16px 20px 96px}.hero{padding:48px 0 24px}.hero h1{font-size:clamp(2.4rem,7vw,4.2rem);margin:0}.hero p{color:var(--text2);max-width:46ch}.btn{display:inline-block;background:linear-gradient(135deg,var(--coral),var(--purple));color:#fff;border:0;border-radius:12px;padding:12px 20px;text-decoration:none;cursor:pointer;min-height:44px}.btn.alt{background:transparent;border:1px solid var(--gold);color:var(--gold)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:var(--card);border-radius:16px;padding:20px;border:1px solid #ffffff14}.card h3{margin:0 0 6px}.card p{color:var(--text2);margin:0 0 12px}.tag{font-size:.8rem;color:var(--gold)}.bar{height:8px;background:#ffffff1f;border-radius:9px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--teal)}nav.top{display:flex;gap:18px;padding:16px 0;flex-wrap:wrap}nav a{color:var(--text2);text-decoration:none}nav.bottom{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--card);justify-content:space-around;padding:10px}@media (max-width:700px){nav.top{display:none}nav.bottom{display:flex}}