:root{
  --berry:#28182E;
  --ink:#241527;
  --aqua:#72DFE1;
  --aqua-soft:#B7F2EF;
  --lilac:#AD8BFF;
  --lilac-soft:#D4C5FF;
  --pink:#FF68B7;
  --pink-soft:#FFB8DD;
  --cream:#FFF7FC;
  --yellow:#FFE177;
  --white:#FFFFFF;
}
*{box-sizing:border-box}
:root{color-scheme: light;}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font-family:"Nunito",Arial,sans-serif;overflow-x:hidden}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
  background:
    radial-gradient(circle at 10% 8%,rgba(255,104,183,.25),transparent 28%),
    radial-gradient(circle at 92% 18%,rgba(114,223,225,.28),transparent 25%),
    radial-gradient(circle at 50% 78%,rgba(173,139,255,.24),transparent 30%),
    var(--cream)
}
.sparkles{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden;opacity:.23}
.sparkles span{position:absolute;font-size:22px;animation:float 8s ease-in-out infinite}
.sparkles span:nth-child(1){left:5%;top:15%}
.sparkles span:nth-child(2){right:8%;top:28%;animation-delay:-2s}
.sparkles span:nth-child(3){left:12%;top:72%;animation-delay:-4s}
.sparkles span:nth-child(4){right:12%;top:66%;animation-delay:-1s}
.sparkles span:nth-child(5){left:48%;top:42%;animation-delay:-5s}
.sparkles span:nth-child(6){right:37%;top:88%;animation-delay:-3s}
@keyframes float{50%{transform:translateY(-14px) rotate(8deg)}}
.topbar{
  position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:15px;
  padding:14px clamp(16px,5vw,52px);background:rgba(255,247,252,.86);backdrop-filter:blur(14px);
  border-bottom:2px solid rgba(40,24,46,.12)
}
.logo{text-decoration:none;color:var(--berry);font-family:"Fredoka",sans-serif;font-weight:700;letter-spacing:.03em;font-size:clamp(1rem,2.4vw,1.3rem)}
.header-tags{display:flex;gap:8px}
.header-tags span{background:var(--berry);color:white;font-size:.72rem;font-weight:900;border-radius:999px;padding:7px 10px;letter-spacing:.08em}
.hero{
  min-height:calc(100vh - 62px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,560px);
  align-items:center;gap:clamp(28px,5vw,72px);max-width:1250px;margin:0 auto;
  padding:clamp(38px,7vw,86px) clamp(18px,5vw,60px) clamp(46px,7vw,90px)
}
.kicker{
  display:inline-block;padding:8px 14px;background:var(--yellow);border:2px solid var(--berry);
  box-shadow:4px 4px 0 var(--berry);border-radius:999px;font-size:.78rem;font-weight:900;
  letter-spacing:.07em;transform:rotate(-2deg);margin-bottom:24px
}
.hero h1{
  margin:0;font-family:"Fredoka",sans-serif;font-size:clamp(3.2rem,7.3vw,7rem);line-height:.83;
  letter-spacing:-.055em;font-weight:700;text-transform:uppercase;text-shadow:3px 3px 0 rgba(255,255,255,.55)
}
.hero h1 span{
  background:linear-gradient(90deg,var(--pink),#F592C8,var(--lilac),var(--aqua));
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 var(--berry))
}
.intro{max-width:660px;margin:26px 0;font-size:clamp(1.04rem,2.2vw,1.34rem);line-height:1.5;font-weight:800}
.mini-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.mini-tags span{
  padding:9px 12px;border-radius:10px;border:2px solid var(--berry);background:white;
  box-shadow:3px 3px 0 var(--berry);font-size:.8rem;font-weight:900
}
.scroll-pill{
  display:inline-block;text-decoration:none;background:var(--berry);color:white;border-radius:16px;padding:17px 22px;
  font-weight:900;letter-spacing:.04em;box-shadow:7px 7px 0 var(--pink);transition:.15s ease
}
.scroll-pill:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--pink)}
.photo-wrap{
  position:relative;justify-self:center;width:min(100%,500px);padding:10px;border-radius:34px;
  background:linear-gradient(135deg,var(--pink),var(--lilac),var(--aqua),var(--yellow));
  box-shadow:14px 16px 0 rgba(40,24,46,.16);transform:rotate(1deg)
}
.photo-wrap::after{content:"";position:absolute;inset:10px;border:3px solid rgba(255,255,255,.7);border-radius:26px;pointer-events:none}
.photo-wrap img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:center top;border-radius:26px}
.photo-sticker{
  position:absolute;z-index:3;background:white;border:2px solid var(--berry);border-radius:12px;padding:8px 11px;
  font-family:"Fredoka",sans-serif;font-weight:700;box-shadow:4px 4px 0 var(--berry)
}
.top-left{top:-12px;left:-14px;transform:rotate(-7deg)}
.bottom-right{right:-13px;bottom:12px;transform:rotate(6deg)}
.links{
  padding:clamp(60px,9vw,105px) clamp(18px,5vw,60px);
  background:linear-gradient(rgba(114,223,225,.92),rgba(114,223,225,.92)),
  repeating-linear-gradient(45deg,transparent,transparent 22px,rgba(255,255,255,.28) 22px,rgba(255,255,255,.28) 44px);
  border-top:4px solid var(--berry);border-bottom:4px solid var(--berry)
}
.section-heading{max-width:760px;margin:0 auto 42px;text-align:center}
.tiny{display:inline-block;background:var(--pink);border:2px solid var(--berry);border-radius:999px;padding:7px 12px;font-size:.75rem;font-weight:900;letter-spacing:.09em;margin-bottom:14px}
.section-heading h2{margin:0;font-family:"Fredoka",sans-serif;font-size:clamp(3rem,7vw,6rem);line-height:.86;letter-spacing:-.05em;text-transform:uppercase}
.section-heading h2 span{color:var(--pink);text-shadow:2px 2px 0 var(--berry),-1px -1px 0 var(--berry)}
.section-heading p{font-weight:900;font-size:1rem;margin:18px 0 0}
.cards{width:min(820px,100%);margin:0 auto;display:grid;gap:18px}
.link-card{
  display:grid;grid-template-columns:58px 1fr 44px;align-items:center;gap:14px;padding:19px 21px;
  text-decoration:none;color:var(--berry);border:3px solid var(--berry);border-radius:22px;
  box-shadow:8px 8px 0 var(--berry);transition:transform .15s ease,box-shadow .15s ease
}
.link-card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--berry)}
.link-card.inperson{background:var(--pink-soft)}
.link-card.onlyfans{background:var(--lilac-soft)}
.link-card.telegram{background:#D7FBF9}
.icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:white;border:2px solid var(--berry);font-size:1.65rem}
.icon img{display:block;width:36px;height:36px;object-fit:contain}
.onlyfans-icon{background:#f4fcff}
.telegram-icon{background:#f2fbff}
.realbabes-icon{background:#ffffff}

.label{font-family:"Fredoka",sans-serif;font-size:clamp(1.35rem,3vw,2rem);font-weight:700;letter-spacing:.01em}
.desc{font-size:.9rem;font-weight:900;opacity:.8;margin-top:2px}
.arrow{justify-self:end;font-size:1.65rem;font-weight:900}
.tease{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;
  padding:clamp(60px,9vw,100px) clamp(20px,6vw,70px);
  background:linear-gradient(135deg,var(--lilac-soft),#FFD1EA 48%,#BAF1EE);text-align:center
}
.tease h2{margin:5px 0 0;font-family:"Fredoka",sans-serif;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.9;letter-spacing:-.04em}
.tease h2 span{color:var(--pink);text-shadow:2px 2px 0 var(--berry)}
.tease-small{font-weight:900;letter-spacing:.12em;font-size:.78rem}
.bubble{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:white;border:3px solid var(--berry);box-shadow:6px 6px 0 var(--berry);font-size:2rem}
footer{background:var(--berry);color:white;text-align:center;padding:34px 20px 38px}
.footer-logo{font-family:"Fredoka",sans-serif;font-size:1.35rem;font-weight:700}
.footer-copy{margin-top:8px;font-size:.75rem;font-weight:900;letter-spacing:.12em;opacity:.78}
@media(max-width:800px){
  .topbar{padding:12px 15px}
  .hero{min-height:auto;grid-template-columns:1fr;padding-top:42px}
  .hero-copy{text-align:center}
  .intro{margin-left:auto;margin-right:auto}
  .mini-tags{justify-content:center}
  .photo-wrap{width:min(92%,430px);margin-top:8px}
  .tease{grid-template-columns:1fr}
  .bubble{display:none}
}
@media(max-width:520px){
  .hero h1{font-size:clamp(3rem,16vw,4.7rem)}
  .section-heading h2{font-size:clamp(2.7rem,15vw,4.6rem)}
  .link-card{grid-template-columns:48px 1fr 30px;padding:16px 14px;gap:10px;box-shadow:6px 6px 0 var(--berry)}
  .icon{width:44px;height:44px;border-radius:13px;font-size:1.35rem}
  .icon img{width:30px;height:30px}
  .desc{font-size:.78rem}
  .header-tags span:last-child{display:none}
}