*{box-sizing:border-box}
html,body{margin:0;background:#08000c;color:#fff;font-family:"DM Sans",Arial,sans-serif}
body{min-height:100vh;background:
radial-gradient(circle at 18% 8%,rgba(255,47,159,.18),transparent 28%),
radial-gradient(circle at 86% 16%,rgba(133,43,255,.18),transparent 26%),#08000c}
.donut-top{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem clamp(.85rem,3vw,2rem);background:rgba(8,0,12,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,151,208,.35)}
.donut-brand{font-family:"Sacramento",cursive;font-size:2rem;color:#ff78bd;text-decoration:none}
.donut-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.donut-actions a{padding:.62rem .82rem;border:1px solid rgba(255,151,208,.42);border-radius:999px;color:#fff;text-decoration:none;font-size:.79rem;font-weight:800}
.donut-actions .real{background:linear-gradient(135deg,#ff2f9f,#8d26ff)}
.donut-main{max-width:1180px;margin:auto;padding:clamp(1rem,4vw,3rem)}
.donut-hero,.donut-feature{overflow:hidden;border:1px solid rgba(255,145,205,.4);border-radius:28px;background:#110013;box-shadow:0 28px 80px rgba(0,0,0,.42)}
.donut-hero{position:relative}
.donut-hero img,.donut-feature img{display:block;width:100%;height:auto;object-fit:contain}
.donut-overlay{position:absolute;inset:auto 0 0;padding:clamp(1rem,4vw,3rem);background:linear-gradient(transparent,rgba(7,0,10,.96))}
.donut-overlay small,.donut-copy small,.donut-panel small{color:#ffafd4;font-weight:800;letter-spacing:.13em}
.donut-overlay h1{margin:.25rem 0;font-family:"Playfair Display",serif;font-size:clamp(3rem,8vw,7rem);line-height:.92}
.donut-overlay em{font-family:"Sacramento",cursive;color:#ff78bd;font-weight:400}
.donut-overlay p{max-width:760px;color:#efdae6;font-size:1.08rem;line-height:1.65}
.donut-panel{margin-top:1rem;padding:clamp(1.2rem,4vw,2.3rem);border:1px solid rgba(255,145,205,.34);border-radius:24px;background:linear-gradient(145deg,#251027,#100012)}
.donut-panel h2,.donut-copy h2{margin:.25rem 0;font-family:"Playfair Display",serif;font-size:clamp(2rem,5vw,4rem)}
.donut-panel p,.donut-copy p{color:#dcc3d2;line-height:1.7}
.donut-feature{margin-top:1rem}
.donut-copy{padding:clamp(1rem,3vw,2rem)}
.donut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}
.donut-card{padding:1.15rem;border:1px solid rgba(255,145,205,.34);border-radius:21px;background:#120014}
.donut-card span{font-size:2rem}.donut-card h3{margin:.45rem 0}.donut-card p{margin:0;color:#d7bdcc;line-height:1.6}
.donut-nav{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}
.donut-nav a{padding:.76rem .93rem;border:1px solid rgba(255,151,208,.42);border-radius:999px;color:#fff;text-decoration:none;font-weight:800}
.donut-nav .map{background:linear-gradient(135deg,#ff2f9f,#8d26ff)}
@media(max-width:820px){
  .donut-grid{grid-template-columns:1fr}
  .donut-overlay{position:relative;background:linear-gradient(145deg,#1c071e,#0e0010)}
}