/* HediyeBox 2026 redesign — visual only */
:root{
  --ink:#0d0204; --ink-soft:#14040a; --panel:rgba(255,255,255,.055); --panel-line:rgba(255,255,255,.12);
  --gold:#FFC857; --coral:#FF4D6D; --text:#FFF6F2; --text-dim:#f3c9cf; --text-faint:#c99aa2;
  --flag-red:#7A0000; --grad:linear-gradient(135deg,#FF4D6D 0%,#C1121F 45%,#7A0000 100%);
  --grad-gold:linear-gradient(135deg,#FFE29A,#FFC857 40%,#FF8A3D);
}
html,body{background:#0d0204 !important;}
body{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif !important;color:var(--text);
  background:
   radial-gradient(1200px 700px at 85% -10%,rgba(255,77,109,.28),transparent 60%),
   radial-gradient(900px 600px at -10% 20%,rgba(122,0,0,.55),transparent 60%),
   radial-gradient(800px 600px at 50% 110%,rgba(255,200,87,.10),transparent 60%),
   #0d0204 !important;background-attachment:fixed !important;}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
h1,h2,h3,.brand{font-family:'Sora','Space Grotesk',sans-serif !important;letter-spacing:-.02em;}
section{position:relative;}
section[style*="ink-soft"]{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,77,109,.04)) !important;}
header{background:rgba(13,2,4,.55) !important;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
  border-bottom:1px solid rgba(255,255,255,.08) !important;box-shadow:0 10px 40px -20px rgba(0,0,0,.8);}
.brand-mark{background:var(--grad) !important;border-radius:12px !important;box-shadow:0 6px 24px -6px rgba(255,77,109,.7);}
header nav a{transition:color .25s;} header nav a:hover{color:var(--gold) !important;}
.nav-cta,.btn-primary,.btn-download{background:var(--grad) !important;color:#fff !important;border:none !important;border-radius:999px !important;
  box-shadow:0 12px 32px -10px rgba(255,77,109,.75),inset 0 1px 0 rgba(255,255,255,.35) !important;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s !important;position:relative;overflow:hidden;}
.nav-cta:hover,.btn-primary:hover,.btn-download:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.1);
  box-shadow:0 18px 44px -10px rgba(255,77,109,.9),inset 0 1px 0 rgba(255,255,255,.4) !important;}
.btn-primary::after,.btn-download::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);
  transform:translateX(-120%);animation:hbShine 3.5s ease-in-out infinite;pointer-events:none;}
@keyframes hbShine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.btn-ghost{border:1px solid rgba(255,255,255,.2) !important;background:rgba(255,255,255,.05) !important;backdrop-filter:blur(10px);border-radius:999px !important;transition:all .25s !important;}
.btn-ghost:hover{background:rgba(255,255,255,.12) !important;border-color:var(--gold) !important;}
.btn-danger{border-radius:14px !important;}
.hero h1{font-size:clamp(2.3rem,6vw,4.6rem) !important;line-height:1.02 !important;font-weight:800 !important;}
.hero h1 .accent{background:var(--grad-gold) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;
  -webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 30px rgba(255,200,87,.35));}
.eyebrow{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.14) !important;backdrop-filter:blur(10px);border-radius:999px !important;}
.eyebrow-dot{background:var(--coral) !important;box-shadow:0 0 0 0 rgba(255,77,109,.7);animation:hbPulse 2s infinite;}
@keyframes hbPulse{0%{box-shadow:0 0 0 0 rgba(255,77,109,.7)}70%{box-shadow:0 0 0 10px rgba(255,77,109,0)}100%{box-shadow:0 0 0 0 rgba(255,77,109,0)}}
.feature-card,.auth-card,.download-card,.setup-panel,.legal-card,.paddle-paket-card,.odeme-yontemi-card,.shopier-odeme-card,.cp-modal,.step-media,.cihaz-item,.ayarlar-section,.profil-menu-dropdown{
  background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.12) !important;border-radius:24px !important;
  backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);
  box-shadow:0 24px 60px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08) !important;}
.cp-modal{background:linear-gradient(160deg,rgba(40,6,12,.96),rgba(20,3,7,.96)) !important;}
.profil-menu-dropdown{background:rgba(25,4,9,.95) !important;border-radius:18px !important;}
.feature-card,.paddle-paket-card,.download-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s !important;}
.feature-card:hover,.paddle-paket-card:hover,.download-card:hover{transform:translateY(-6px);border-color:rgba(255,200,87,.45) !important;
  box-shadow:0 30px 70px -30px rgba(255,77,109,.55),inset 0 1px 0 rgba(255,255,255,.12) !important;}
.feature-icon,.step-index{background:var(--grad) !important;color:#fff !important;border-radius:16px !important;box-shadow:0 10px 26px -10px rgba(255,77,109,.8);}
.auth-input,input[type=text],input[type=email],input[type=password]{background:rgba(0,0,0,.35) !important;border:1px solid rgba(255,255,255,.14) !important;
  border-radius:14px !important;color:var(--text) !important;transition:border-color .2s,box-shadow .2s !important;}
.auth-input:focus,input:focus{outline:none !important;border-color:var(--coral) !important;box-shadow:0 0 0 4px rgba(255,77,109,.2) !important;}
.auth-label{color:var(--text-dim) !important;font-weight:600;}
.step-phone{border-radius:34px !important;box-shadow:0 30px 80px -30px rgba(255,77,109,.6) !important;}
.section-head h2,section h2{background:linear-gradient(180deg,#fff,#f3c9cf);-webkit-background-clip:text;background-clip:text;color:transparent;}
footer{background:rgba(0,0,0,.35) !important;border-top:1px solid rgba(255,255,255,.08) !important;}
.reveal{transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1) !important;}
::selection{background:#FF4D6D;color:#fff;}
::-webkit-scrollbar{width:10px} ::-webkit-scrollbar-thumb{background:linear-gradient(#FF4D6D,#7A0000);border-radius:10px} ::-webkit-scrollbar-track{background:#0d0204}
@media (max-width:760px){
  .hero{padding-top:28px !important;}
  .hero h1{font-size:clamp(2.1rem,10vw,2.8rem) !important;}
  .hero-actions{flex-direction:column;align-items:stretch !important;}
  .hero-actions a{justify-content:center;text-align:center;}
  .feature-card,.auth-card,.download-card{border-radius:20px !important;}
  .btn-primary,.btn-download{min-height:52px;}
  body{background-attachment:scroll !important;}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;}}
main,.hero,.section-pad,.download-section,.legal-section,header+main>section{background-color:transparent !important;}
.hero{background:radial-gradient(700px 420px at 75% 30%,rgba(255,77,109,.25),transparent 70%) !important;}
.grain-bg{background:
   radial-gradient(1100px 650px at 85% -10%,rgba(255,77,109,.32),transparent 60%),
   radial-gradient(900px 650px at -10% 25%,rgba(160,10,20,.55),transparent 60%),
   radial-gradient(900px 600px at 50% 115%,rgba(255,200,87,.12),transparent 60%),
   linear-gradient(180deg,#1a0307,#0d0204) !important;}
.grain-bg::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;top:-120px;right:-120px;
  background:radial-gradient(circle,rgba(255,77,109,.35),transparent 65%);filter:blur(30px);animation:hbFloat 14s ease-in-out infinite alternate;}
@keyframes hbFloat{to{transform:translate(-180px,260px) scale(1.2)}}
.flag-mark{opacity:.035 !important;}
header{background:rgba(13,2,4,.6) !important;}
.step-index{display:inline-block !important;width:auto !important;padding:6px 14px !important;border-radius:999px !important;}