*{box-sizing:border-box}
html,body{margin:0;background:#0d000f;color:#fff;font-family:"DM Sans",Arial,sans-serif}
body{min-height:100vh;background:
  radial-gradient(circle at 12% 10%,rgba(255,61,165,.2),transparent 25%),
  radial-gradient(circle at 88% 16%,rgba(123,79,255,.18),transparent 24%),
  #0d000f}
.studio-topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem clamp(.8rem,3vw,2rem);background:rgba(13,0,15,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,143,204,.32)}
.studio-brand{font-family:"Sacramento",cursive;font-size:2rem;color:#ff78bd;text-decoration:none}
.studio-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}
.studio-actions a{padding:.6rem .78rem;border:1px solid rgba(255,151,207,.38);border-radius:999px;color:white;text-decoration:none;font-weight:800;font-size:.78rem}
.studio-actions .real{background:linear-gradient(135deg,#ff2f9f,#8d26ff)}
.studio-main{max-width:1200px;margin:auto;padding:clamp(1rem,4vw,3rem)}
.studio-hero{padding:clamp(2rem,6vw,5rem);border:1px solid rgba(255,139,202,.42);border-radius:30px;background:linear-gradient(145deg,#260020,#100012);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.studio-hero small{color:#ffafd4;font-weight:800;letter-spacing:.14em}.studio-hero h1{margin:.3rem 0;font-family:"Playfair Display",serif;font-size:clamp(3rem,8vw,7rem);line-height:.95}.studio-hero em{font-family:"Sacramento",cursive;color:#ff78bd;font-weight:400}.studio-hero p{max-width:780px;color:#e0c6d6;line-height:1.7;font-size:1.08rem}
.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}
.studio-card{display:flex;flex-direction:column;min-height:280px;padding:1.2rem;border:1px solid rgba(255,139,201,.35);border-radius:22px;background:rgba(255,255,255,.05);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.studio-card span{font-size:2.4rem}.studio-card h2{margin:.45rem 0;font-size:1.5rem}.studio-card p{color:#d8bdce;line-height:1.6}.studio-card a{margin-top:auto;align-self:flex-start;padding:.75rem .95rem;border-radius:999px;background:linear-gradient(135deg,#ff2f9f,#8d26ff);color:#fff;text-decoration:none;font-weight:800}
.studio-note{margin-top:1rem;padding:1.1rem;border:1px solid rgba(255,151,208,.36);border-radius:20px;background:#120013}.studio-note strong{display:block;font-size:1.15rem}.studio-note p{margin:.35rem 0;color:#d7bdcc}
@media(max-width:900px){.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.studio-grid{grid-template-columns:1fr}.studio-topbar{align-items:flex-start}}