/* ─────────────────────────────────────────────────────────
   ebrahimlovesinsiya.com — shared design system
   ───────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Great+Vibes&family=Dancing+Script:wght@400;500;600;700&family=Caveat:wght@400;500;600;700&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{background:#070918;font-family:'Playfair Display',serif;color:#fdf6ec;user-select:none;-webkit-user-select:none}
button,a{font-family:inherit}
img{user-select:none;-webkit-user-drag:none}

/* shared scene background */
.scene{position:relative;width:100%;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse 100% 80% at 50% 30%,#1e2a55 0%,#142347 35%,#0e1635 70%,#070b22 100%);color:#fdf6ec}

/* corner glows */
.glow{position:absolute;width:480px;height:480px;border-radius:50%;pointer-events:none;mix-blend-mode:screen;animation:flicker 6s ease-in-out infinite;z-index:1}
.glow.tl{top:-180px;left:-180px;background:radial-gradient(circle,rgba(212,165,116,.2),rgba(212,165,116,.03) 45%,transparent 70%)}
.glow.tr{top:-180px;right:-180px;background:radial-gradient(circle,rgba(168,197,232,.16),rgba(168,197,232,.03) 45%,transparent 70%);animation-delay:2s}
.glow.bl{bottom:-180px;left:-180px;background:radial-gradient(circle,rgba(168,197,232,.14),rgba(168,197,232,.03) 45%,transparent 70%);animation-delay:3s}
.glow.br{bottom:-180px;right:-180px;background:radial-gradient(circle,rgba(212,165,116,.18),rgba(212,165,116,.03) 45%,transparent 70%);animation-delay:1s}
@keyframes flicker{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}

/* canvas for stars */
.stars-canvas{position:fixed;inset:0;pointer-events:none;z-index:1}

/* shared button */
.btn{position:relative;display:inline-block;background:linear-gradient(90deg,rgba(212,165,116,.2),rgba(240,217,181,.3),rgba(212,165,116,.2));border:1px solid rgba(212,165,116,.6);color:#fffaf2;font-family:'Playfair Display',serif;font-style:italic;letter-spacing:.24em;font-size:13px;padding:15px 40px;border-radius:999px;cursor:pointer;backdrop-filter:blur(10px);transition:all .5s ease;overflow:visible;text-decoration:none;-webkit-tap-highlight-color:transparent}
.btn:hover{border-color:#f0d9b5;box-shadow:0 0 60px rgba(212,165,116,.55);transform:translateY(-2px)}
.btn .arr{display:inline-block;margin-left:10px;color:#f0d9b5;font-style:normal;transition:transform .5s ease}
.btn:hover .arr{transform:translateX(6px)}
.btn-ring{position:absolute;inset:-3px;border-radius:999px;border:1px solid rgba(212,165,116,.35);animation:ring-pulse 3.5s ease-in-out infinite;pointer-events:none}
@keyframes ring-pulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}

/* shared section heading */
.eyebrow{font-family:'Playfair Display',serif;font-style:italic;font-size:11px;letter-spacing:.5em;text-transform:uppercase;color:rgba(168,197,232,.65);margin-bottom:18px}
.section-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(34px,5.5vw,56px);line-height:1.15;text-shadow:0 0 30px rgba(212,165,116,.2)}
.section-title em{font-family:'Great Vibes',cursive;font-style:normal;color:#a8c5e8;font-size:1.05em}
.section-sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(14px,1.8vw,17px);color:rgba(253,246,236,.7);margin-top:18px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.6}

@keyframes fade-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* shared petals */
.petals{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
.petal{position:absolute;width:8px;height:10px;border-radius:50% 0 50% 50%;opacity:0;animation:fall linear infinite}
@keyframes fall{0%{transform:translateY(-30px) translateX(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.4}100%{transform:translateY(110vh) translateX(var(--drift,0)) rotate(540deg);opacity:0}}