/* RSVP.codes tanitim sayfasi (0.12.0) — synthwave vitrin. Yerel fontlar, dis kaynak yok.
   Kaynak tasarim: tasarim/landing. Telefon onizlemesi ture gore kendi temasina gecer. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cormorant-garamond-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cormorant-garamond-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Nunito";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/nunito-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/nunito-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
	--gece:#07031a;
	--gece-2:#0e0730;
	--mor:#2a0f55;
	--pembe:#ff2e97;
	--pembe-acik:#ffb3dc;
	--mavi:#00e5ff;
	--mavi-koyu:#3b6fd8;
	--turuncu:#ff8a3d;
	--sari:#ffd23f;
	--metin:#ece8ff;
	--metin-soluk:#a9a1d6;
	--cam:rgba(255,255,255,.06);
	--cam-kenar:rgba(255,255,255,.14);
	--krom:linear-gradient(180deg,#fff 0%,#c9ecff 24%,#5d8fe6 47%,#170c3a 50%,#3d1154 53%,#ff5fb2 72%,#ffd6ee 90%,#fff 100%);
	--genislik:1180px;
	--yan:clamp(16px,4vw,40px);
	color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--gece);color:var(--metin);font:400 17px/1.6 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,video,svg,canvas{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;line-height:1.1;letter-spacing:-.02em}
p{margin:0}
.atla{position:absolute;inset-inline-start:8px;top:8px;z-index:100;background:#fff;color:#000;padding:8px 14px;border-radius:8px;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.atla:focus{clip-path:none;width:auto;height:auto}
:focus-visible{outline:2px solid var(--mavi);outline-offset:3px}

/* ---------- Dugmeler ---------- */
.btn{--y:52px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--y);padding:0 26px;border-radius:14px;border:0;font:600 16px/1 "Inter",sans-serif;text-decoration:none;cursor:pointer;color:#fff;transition:transform .2s,box-shadow .2s,background .2s;-webkit-tap-highlight-color:transparent}
.btn:active{transform:translateY(1px) scale(.99)}
.btn--kucuk{--y:40px;padding:0 16px;font-size:14px;border-radius:11px}
.btn--buyuk{--y:62px;padding:0 38px;font-size:18px}
.btn--neon{background:linear-gradient(135deg,#ff2e97,#b82cff 55%,#3b6fd8);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 10px 30px -8px rgba(255,46,151,.7),0 0 40px -10px rgba(0,229,255,.6)}
.btn--neon:hover{box-shadow:0 0 0 1px rgba(255,255,255,.3) inset,0 14px 40px -8px rgba(255,46,151,.9),0 0 60px -6px rgba(0,229,255,.7);transform:translateY(-1px)}
.btn--cam{background:var(--cam);border:1px solid var(--cam-kenar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.btn--cam:hover{background:rgba(255,255,255,.12)}

.btn--sunum{position:relative;background:rgba(10,6,34,.55);border:1px solid rgba(0,229,255,.45);box-shadow:0 0 24px -6px rgba(0,229,255,.55),inset 0 0 18px -8px rgba(0,229,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 18px 0 8px}
.btn--sunum:hover{border-color:var(--mavi);box-shadow:0 0 34px -4px rgba(0,229,255,.7),inset 0 0 22px -8px rgba(0,229,255,.9)}
.btn--sunum__ikon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--mavi),#7a5cff);color:#07031a}
.btn--sunum__ikon svg{width:20px;height:20px}
.btn--sunum .ikon-dur,.btn--sunum[aria-pressed="true"] .ikon-oynat{display:none}
.btn--sunum[aria-pressed="true"] .ikon-dur{display:block}
.dalga{width:60px;height:24px;opacity:.9}

/* ---------- Ust cubuk ---------- */
.ust{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:20px;padding:14px var(--yan);transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent}
.ust.is-kaydi{background:rgba(7,3,26,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom-color:rgba(255,255,255,.08)}
.ust__logo img{width:clamp(150px,20vw,208px);height:auto}
.ust__menu{display:flex;gap:26px;margin-inline:auto}
.ust__menu a{font-size:15px;font-weight:600;color:var(--metin-soluk);text-decoration:none;letter-spacing:.01em;transition:color .2s,text-shadow .2s}
.ust__menu a:hover{color:#fff;text-shadow:0 0 12px rgba(0,229,255,.8)}
.ust__eylem{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.ust__menu+.ust__eylem{margin-inline-start:0}
.muzik{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:11px;border:1px solid var(--cam-kenar);background:var(--cam);color:var(--metin);font:600 14px/1 "Inter",sans-serif;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.muzik__cubuk{display:flex;align-items:flex-end;gap:2px;height:14px}
.muzik__cubuk i{width:3px;height:4px;border-radius:1px;background:var(--metin-soluk);transition:background .2s}
.muzik[aria-pressed="true"]{border-color:rgba(255,46,151,.6);box-shadow:0 0 18px -6px var(--pembe)}
.muzik[aria-pressed="true"] .muzik__cubuk i{background:var(--pembe);animation:esitle .9s ease-in-out infinite}
.muzik[aria-pressed="true"] .muzik__cubuk i:nth-child(2){animation-delay:-.3s}
.muzik[aria-pressed="true"] .muzik__cubuk i:nth-child(3){animation-delay:-.6s}
.muzik[aria-pressed="true"] .muzik__cubuk i:nth-child(4){animation-delay:-.15s}
@keyframes esitle{0%,100%{height:4px}50%{height:14px}}

/* Dil menusu */
.dil{position:relative}
.dil summary{list-style:none;display:grid;place-items:center;min-width:44px;height:40px;padding:0 12px;border-radius:11px;border:1px solid var(--cam-kenar);background:var(--cam);font:700 13px/1 "Inter",sans-serif;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dil summary::-webkit-details-marker{display:none}
.dil[open] summary{border-color:rgba(0,229,255,.6);box-shadow:0 0 16px -6px var(--mavi)}
.dil ul{position:absolute;inset-inline-end:0;top:calc(100% + 8px);margin:0;padding:6px;list-style:none;min-width:160px;border-radius:14px;background:rgba(12,6,38,.94);border:1px solid var(--cam-kenar);box-shadow:0 20px 40px -12px rgba(0,0,0,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.dil a{display:block;padding:10px 12px;border-radius:9px;text-decoration:none;font-size:15px;font-weight:600;color:var(--metin-soluk)}
.dil a:hover,.dil a[aria-current]{color:#fff;background:rgba(255,255,255,.07)}
.dil a[aria-current]::after{content:" ✦";color:var(--pembe)}
.kahraman__not{padding:10px 16px;border-radius:12px;background:rgba(255,210,63,.12);border:1px solid rgba(255,210,63,.4);color:#ffe9a6;font-size:15px}

/* ---------- Kahraman ---------- */
.kahraman{position:relative;min-height:100svh;display:grid;place-items:center;padding:120px var(--yan) 140px;overflow:hidden;isolation:isolate}
.gokyuzu{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#05021a 0%,#12063a 38%,#3a0d5c 56%,#7a1a6e 62%,#07031a 62.2%)}
.yildizlar{position:absolute;inset:0 0 40%;background-image:radial-gradient(1px 1px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 28% 42%,#cfe,transparent),radial-gradient(1.5px 1.5px at 46% 12%,#fff,transparent),radial-gradient(1px 1px at 63% 30%,#fdf,transparent),radial-gradient(1px 1px at 78% 16%,#fff,transparent),radial-gradient(1.5px 1.5px at 88% 44%,#cff,transparent),radial-gradient(1px 1px at 8% 52%,#fff,transparent),radial-gradient(1px 1px at 36% 24%,#fff,transparent),radial-gradient(1px 1px at 55% 50%,#ffd,transparent),radial-gradient(1px 1px at 94% 8%,#fff,transparent),radial-gradient(1px 1px at 70% 58%,#fff,transparent),radial-gradient(1px 1px at 20% 6%,#fff,transparent);animation:parilda 6s ease-in-out infinite alternate}
@keyframes parilda{from{opacity:.55}to{opacity:1}}
.gunes{position:absolute;left:50%;top:62%;width:min(62vmin,560px);aspect-ratio:1;transform:translate(-50%,-78%);border-radius:50%;background:linear-gradient(180deg,#ffe36e 0%,#ffb03a 28%,#ff5f7a 55%,#ff2e97 72%,#b01aff 100%);box-shadow:0 0 80px 10px rgba(255,46,151,.45),0 0 200px 40px rgba(255,138,61,.25);
	-webkit-mask:linear-gradient(180deg,#000 48%,transparent 48% 51%,#000 51% 58%,transparent 58% 61.5%,#000 61.5% 67%,transparent 67% 71%,#000 71% 75.5%,transparent 75.5% 80.5%,#000 80.5% 84%,transparent 84% 90%,#000 90%);
	mask:linear-gradient(180deg,#000 48%,transparent 48% 51%,#000 51% 58%,transparent 58% 61.5%,#000 61.5% 67%,transparent 67% 71%,#000 71% 75.5%,transparent 75.5% 80.5%,#000 80.5% 84%,transparent 84% 90%,#000 90%)}
.daglar{position:absolute;left:0;right:0;top:calc(62% - 90px);height:92px;background:linear-gradient(180deg,#1a0838,#07031a);clip-path:polygon(0 100%,0 62%,7% 40%,14% 58%,22% 22%,30% 54%,37% 38%,44% 70%,50% 100%,56% 70%,63% 34%,70% 56%,78% 18%,86% 52%,93% 36%,100% 60%,100% 100%);opacity:.95}
.daglar::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,229,255,.35),transparent 30%);clip-path:inherit}
.ufuk{position:absolute;left:0;right:0;top:62%;bottom:0;background:linear-gradient(180deg,#1a0638,#07031a 70%);perspective:360px;perspective-origin:50% 0;overflow:hidden;border-top:2px solid rgba(255,46,151,.9);box-shadow:0 -6px 30px rgba(255,46,151,.6)}
/* 0.13.1: izgara donusumle kayar (bestecide calisir, iOS'ta kesilmez); bir karelik (64 px) kayma dikissiz tekrar eder. */
.izgara{position:absolute;left:-50%;right:-50%;top:-64px;height:150%;transform-origin:50% 64px;transform:rotateX(76deg);background-image:linear-gradient(rgba(255,46,151,.85) 2px,transparent 2px),linear-gradient(90deg,rgba(0,229,255,.7) 2px,transparent 2px);background-size:64px 64px;will-change:transform;backface-visibility:hidden;animation:ak 1.6s linear infinite;-webkit-mask:linear-gradient(180deg,transparent,#000 14%,#000);mask:linear-gradient(180deg,transparent,#000 14%,#000)}
@keyframes ak{from{transform:rotateX(76deg) translate3d(0,0,0)}to{transform:rotateX(76deg) translate3d(0,64px,0)}}
.ufuk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,3,26,.1),rgba(7,3,26,.85) 90%);pointer-events:none}

.kahraman__ic{position:relative;max-width:980px;text-align:center;display:grid;justify-items:center;gap:26px;transform:translateY(-6vh)}
.etiket{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid rgba(0,229,255,.4);background:rgba(7,3,26,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#bff7ff}
.etiket__nokta{width:8px;height:8px;border-radius:50%;background:var(--mavi);box-shadow:0 0 10px var(--mavi);animation:nabiz 1.8s ease-in-out infinite}
@keyframes nabiz{50%{opacity:.35}}

.krom-baslik{display:grid;gap:.04em;font-weight:700;font-size:clamp(46px,9.4vw,124px);line-height:.98;letter-spacing:-.035em;font-style:italic}
.krom-baslik__satir{display:block;background:var(--krom);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);filter:drop-shadow(0 2px 0 #1a0b3d) drop-shadow(0 0 24px rgba(0,229,255,.35));padding:0 .08em}
.krom-baslik__satir--neon{background:none;color:#ffe3f3;-webkit-text-stroke:0;text-shadow:0 0 6px #ff7cc4,0 0 18px var(--pembe),0 0 42px var(--pembe),0 0 80px rgba(255,46,151,.6);filter:none;font-size:.78em;animation:titre 7s infinite}
@keyframes titre{0%,19%,21%,62%,64%,100%{opacity:1}20%,63%{opacity:.55}}
.krom-baslik--orta{font-size:clamp(38px,7vw,88px)}
.kahraman__alt{max-width:680px;padding:14px 22px;border-radius:18px;background:rgba(7,3,26,.5);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:clamp(16px,2vw,19px);color:#e4defe}
.kahraman__eylem{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.altyazi{min-height:2.8em;max-width:720px;font-size:clamp(17px,2.2vw,22px);font-weight:600;color:#fff;text-shadow:0 0 18px rgba(0,229,255,.7),0 2px 10px #000;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.altyazi.is-gorunur{opacity:1;transform:none}
.kaydir{position:absolute;bottom:26px;left:50%;translate:-50% 0;width:26px;height:42px;border:2px solid rgba(255,255,255,.35);border-radius:14px}
.kaydir span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--mavi);box-shadow:0 0 8px var(--mavi);animation:kay 1.8s ease-in-out infinite}
@keyframes kay{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

/* ---------- Bant ---------- */
.bant{position:relative;overflow:hidden;border-block:1px solid rgba(255,46,151,.35);background:linear-gradient(90deg,#150838,#2a0f55,#150838);padding:16px 0;transform:skewY(-1.2deg);margin-top:-30px;z-index:2}
.bant__ic{display:flex;gap:28px;width:max-content;animation:bant 38s linear infinite;font-weight:700;font-style:italic;font-size:clamp(18px,2.4vw,26px);text-transform:uppercase;letter-spacing:.06em}
.bant__ic span{background:var(--krom);-webkit-background-clip:text;background-clip:text;color:transparent}
.bant__ic b{color:var(--pembe);text-shadow:0 0 10px var(--pembe)}
@keyframes bant{to{transform:translateX(-50%)}}

/* ---------- Bolum iskeleti ---------- */
.bolum{position:relative;max-width:var(--genislik);margin:0 auto;padding:clamp(80px,12vw,140px) var(--yan) 0}
.bolum__bas{max-width:720px;display:grid;gap:16px;margin-bottom:clamp(36px,6vw,60px)}
.bolum__bas h2{font-size:clamp(32px,5vw,56px);font-weight:700}
.bolum__bas h2 em{font-style:italic;padding-inline-end:.08em;background:linear-gradient(90deg,var(--pembe),#b82cff,var(--mavi));-webkit-background-clip:text;background-clip:text;color:transparent}
.bolum__bas p:not(.ust-yazi){color:var(--metin-soluk);font-size:18px}
.ust-yazi{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mavi);text-shadow:0 0 12px rgba(0,229,255,.6)}

/* ---------- Motor ---------- */
.motor__izgara{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.turler{display:grid;gap:10px}
.turler button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 20px;border-radius:14px;border:1px solid var(--cam-kenar);background:var(--cam);color:var(--metin-soluk);font:600 17px/1 "Inter",sans-serif;cursor:pointer;text-align:start;transition:all .25s}
.turler button::after{content:"→";opacity:0;transform:translateX(-6px);transition:all .25s}
.turler button:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.turler button[aria-selected="true"]{color:#fff;background:linear-gradient(135deg,rgba(255,46,151,.25),rgba(59,111,216,.2));border-color:rgba(255,46,151,.7);box-shadow:0 0 30px -10px var(--pembe),inset 0 0 20px -10px var(--pembe)}
.turler button[aria-selected="true"]::after{opacity:1;transform:none;color:var(--pembe)}
.telefon{width:min(300px,78vw);justify-self:center}
.telefon__cerceve{padding:12px;border-radius:44px;background:linear-gradient(145deg,#3a3560,#0d0a24 40%,#2a2550);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 30px 80px -20px var(--t-isik,rgba(255,46,151,.5)),0 0 60px -20px rgba(0,229,255,.6);transition:box-shadow .6s}
/* Telefon temasi: degiskenler ture gore degisir (tema-party varsayilan). */
.telefon__ekran{--t-zemin:radial-gradient(120% 60% at 50% 0%,#3b1a6e,#0c0626 60%);--t-metin:#fff;--t-soluk:#a9a1d6;--t-vurgu:#ffb3dc;--t-saat:#00e5ff;--t-kart:rgba(255,255,255,.07);--t-kart-kenar:rgba(255,255,255,.12);--t-secim:rgba(255,46,151,.25);--t-secim-kenar:#ff2e97;--t-cta:linear-gradient(135deg,#ff2e97,#b82cff 60%,#3b6fd8);--t-cta-metin:#fff;--t-cta-golge:0 8px 24px -8px #ff2e97;--t-baslik:var(--krom);--t-baslik-font:"Inter",sans-serif;--t-baslik-stil:italic;--t-baslik-boy:28px;--t-govde-font:"Inter",sans-serif;--t-yuvarlak:18px;--t-bulanik:8px;
	position:relative;display:grid;gap:10px;padding:34px 16px 18px;border-radius:34px;min-height:560px;background:var(--t-zemin);color:var(--t-metin);font-family:var(--t-govde-font);overflow:hidden;align-content:start;transition:color .5s}
.telefon__ekran::before{content:"";position:absolute;top:10px;left:50%;width:84px;height:22px;margin-left:-42px;border-radius:12px;background:#000;z-index:2}
.telefon__ekran::after{content:"";position:absolute;inset:0;background:var(--t-desen,none);pointer-events:none;opacity:.9}
.telefon__ekran>*{position:relative;z-index:1}
.telefon__ust{margin-top:8px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--t-vurgu)}
.telefon__baslik{text-align:center;font-family:var(--t-baslik-font);font-size:var(--t-baslik-boy);font-weight:700;font-style:var(--t-baslik-stil);line-height:1.1;background:var(--t-baslik);-webkit-background-clip:text;background-clip:text;color:transparent}
.telefon__tarih{text-align:center;font-size:13px;color:var(--t-soluk);margin-bottom:6px}
.telefon__kart{padding:14px;border-radius:var(--t-yuvarlak);background:var(--t-kart);border:1px solid var(--t-kart-kenar);backdrop-filter:blur(var(--t-bulanik));-webkit-backdrop-filter:blur(var(--t-bulanik));transition:background .5s,border-color .5s,border-radius .5s}
.telefon__kucuk{font-family:var(--t-baslik-font);font-size:15px;font-weight:700;margin-bottom:8px}
.telefon__akis{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px;color:var(--t-metin);opacity:.88}
.telefon__akis b{display:inline-block;min-width:46px;color:var(--t-saat)}
.telefon__kart--soru p{font-size:14px;font-weight:600;margin-bottom:10px}
.telefon__secim{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.telefon__secim span{padding:9px;border-radius:calc(var(--t-yuvarlak) - 8px);text-align:center;font-size:13px;font-weight:600;background:var(--t-kart);border:1px solid var(--t-kart-kenar)}
.telefon__secim span:first-child{background:var(--t-secim);border-color:var(--t-secim-kenar)}
.telefon__cta{margin-top:auto;display:block;padding:14px;border-radius:calc(var(--t-yuvarlak) - 4px);text-align:center;font-weight:700;background:var(--t-cta);color:var(--t-cta-metin);box-shadow:var(--t-cta-golge)}
/* Dugun: fildisi ve pudra, klasik serif, altin ayrinti */
.telefon__ekran.tema-wedding{--t-zemin:linear-gradient(180deg,#fffaf6,#fbe9ea 60%,#f6dfe0);--t-metin:#4a3336;--t-soluk:#9a7d80;--t-vurgu:#b8876b;--t-saat:#b8876b;--t-kart:rgba(255,255,255,.75);--t-kart-kenar:rgba(184,135,107,.28);--t-secim:rgba(214,160,160,.25);--t-secim-kenar:#d6a0a0;--t-cta:linear-gradient(135deg,#c89a7c,#e4b9a7);--t-cta-metin:#fff;--t-cta-golge:0 8px 22px -10px rgba(184,135,107,.8);--t-baslik:linear-gradient(180deg,#6b474b,#6b474b);--t-baslik-font:"Cormorant Garamond",Georgia,serif;--t-baslik-stil:normal;--t-baslik-boy:36px;--t-yuvarlak:16px;--t-bulanik:0px;--t-desen:radial-gradient(60% 30% at 50% 0%,rgba(255,255,255,.9),transparent)}
/* Kurumsal: buzlu cam, keskin hat (Kristal Safak) */
.telefon__ekran.tema-community{--t-zemin:linear-gradient(160deg,#eef3ff,#d9e3ff 45%,#f3e9ff);--t-metin:#1b2140;--t-soluk:#5d6690;--t-vurgu:#4a5bd8;--t-saat:#4a5bd8;--t-kart:rgba(255,255,255,.45);--t-kart-kenar:rgba(255,255,255,.85);--t-secim:rgba(74,91,216,.14);--t-secim-kenar:#4a5bd8;--t-cta:linear-gradient(135deg,#1b2140,#3a46a8);--t-cta-metin:#fff;--t-cta-golge:0 10px 24px -12px rgba(27,33,64,.8);--t-baslik:linear-gradient(180deg,#1b2140,#3a46a8);--t-baslik-stil:normal;--t-baslik-boy:27px;--t-yuvarlak:10px;--t-bulanik:14px;--t-desen:radial-gradient(40% 25% at 85% 12%,rgba(255,255,255,.9),transparent),radial-gradient(50% 30% at 10% 70%,rgba(176,196,255,.55),transparent)}
/* Parti: neon synthwave (varsayilan) */
.telefon__ekran.tema-party{--t-desen:linear-gradient(transparent 70%,rgba(255,46,151,.12))}
/* Tematik: Gatsby — siyah, altin, art deco */
.telefon__ekran.tema-themed{--t-zemin:linear-gradient(180deg,#0b0b0b,#15120a);--t-metin:#f3e6c4;--t-soluk:#a8966a;--t-vurgu:#d8b46a;--t-saat:#d8b46a;--t-kart:rgba(216,180,106,.07);--t-kart-kenar:rgba(216,180,106,.45);--t-secim:rgba(216,180,106,.2);--t-secim-kenar:#d8b46a;--t-cta:linear-gradient(135deg,#b8913f,#f1d58c 50%,#b8913f);--t-cta-metin:#15120a;--t-cta-golge:0 8px 22px -10px rgba(216,180,106,.8);--t-baslik:linear-gradient(180deg,#fbe7b0,#b8913f);--t-baslik-font:"Cormorant Garamond",Georgia,serif;--t-baslik-stil:normal;--t-baslik-boy:34px;--t-yuvarlak:4px;--t-bulanik:0px;--t-desen:repeating-linear-gradient(90deg,transparent 0 22px,rgba(216,180,106,.06) 22px 23px)}
/* Ozel gun: seftali ve mercan, yuvarlak ve nese */
.telefon__ekran.tema-family{--t-zemin:linear-gradient(180deg,#fff4ea,#ffe1d2 70%);--t-metin:#4b2e2a;--t-soluk:#9a6f64;--t-vurgu:#e0735a;--t-saat:#e0735a;--t-kart:rgba(255,255,255,.7);--t-kart-kenar:rgba(224,115,90,.22);--t-secim:rgba(224,115,90,.18);--t-secim-kenar:#e0735a;--t-cta:linear-gradient(135deg,#e0735a,#f2a65a);--t-cta-metin:#fff;--t-cta-golge:0 8px 22px -10px rgba(224,115,90,.8);--t-baslik:linear-gradient(180deg,#b04f3a,#e0735a);--t-baslik-font:"Nunito","Inter",sans-serif;--t-govde-font:"Nunito","Inter",sans-serif;--t-baslik-stil:normal;--t-baslik-boy:30px;--t-yuvarlak:22px;--t-bulanik:0px;--t-desen:radial-gradient(30% 18% at 85% 8%,rgba(242,166,90,.35),transparent)}
/* Yemek: toprak tonlari, keten ve zeytin (Toprak Sicakligi) */
.telefon__ekran.tema-dining{--t-zemin:linear-gradient(180deg,#f4ebdd,#e8d8c0 70%,#dcc6a6);--t-metin:#3d2a1c;--t-soluk:#86705a;--t-vurgu:#a33822;--t-saat:#6e7a3a;--t-kart:rgba(255,250,242,.72);--t-kart-kenar:rgba(110,122,58,.3);--t-secim:rgba(163,56,34,.14);--t-secim-kenar:#a33822;--t-cta:linear-gradient(135deg,#a33822,#c4602f);--t-cta-metin:#fff8ef;--t-cta-golge:0 8px 22px -10px rgba(163,56,34,.8);--t-baslik:linear-gradient(180deg,#5a3a22,#a33822);--t-baslik-font:"Cormorant Garamond",Georgia,serif;--t-govde-font:"Nunito","Inter",sans-serif;--t-baslik-stil:normal;--t-baslik-boy:34px;--t-yuvarlak:14px;--t-bulanik:0px;--t-desen:repeating-linear-gradient(0deg,rgba(61,42,28,.035) 0 1px,transparent 1px 3px)}
[data-t],.telefon__baslik,.telefon__tarih,.telefon__akis{transition:opacity .25s,filter .25s}
.is-degisiyor [data-t],.is-degisiyor .telefon__baslik,.is-degisiyor .telefon__tarih,.is-degisiyor .telefon__akis{opacity:0;filter:blur(4px)}
.motor__bilgi{margin:0;display:grid;gap:12px}
.motor__bilgi div{padding:16px 18px;border-radius:14px;background:var(--cam);border:1px solid var(--cam-kenar)}
.motor__bilgi dt{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--metin-soluk);margin-bottom:4px}
.motor__bilgi dd{margin:0;font-size:17px;font-weight:600;color:#fff}

/* ---------- Vitrin ---------- */
.temalar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tema{position:relative;border-radius:22px;overflow:hidden;background:#100828;border:1px solid rgba(255,255,255,.1);transition:transform .35s,box-shadow .35s,border-color .35s;cursor:pointer}
.tema:hover,.tema:focus-within,.tema.is-oynuyor{transform:translateY(-4px);border-color:var(--vurgu);box-shadow:0 20px 50px -18px var(--vurgu),0 0 0 1px var(--vurgu)}
.tema__medya{position:relative;aspect-ratio:9/13;overflow:hidden;background:#000}
.tema__medya video,.tema__medya img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.tema:hover .tema__medya video{transform:scale(1.03)}
.tema__medya::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,3,26,.92));pointer-events:none}
.tema--bahar .tema__muhur{position:absolute;left:50%;top:44%;width:36%;height:auto;translate:-50% -50%;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}
.tema__metin{position:absolute;left:0;right:0;bottom:0;padding:20px}
.tema__metin h3{font-size:24px;font-style:italic;margin-bottom:4px;color:#fff;text-shadow:0 0 18px var(--vurgu)}
.tema__metin p{font-size:14px;color:#d7d0ff}
.atolye{margin-top:clamp(60px,9vw,100px);padding:clamp(24px,4vw,44px);border-radius:28px;background:radial-gradient(90% 120% at 50% 0%,rgba(59,111,216,.22),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--cam-kenar);position:relative;overflow:hidden}
.atolye::before{content:"";position:absolute;left:-10%;right:-10%;bottom:-40%;height:70%;background-image:linear-gradient(rgba(255,46,151,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.3) 1px,transparent 1px);background-size:40px 40px;transform:perspective(300px) rotateX(70deg);transform-origin:50% 0;-webkit-mask:linear-gradient(180deg,#000,transparent 80%);mask:linear-gradient(180deg,#000,transparent 80%);pointer-events:none}
.atolye__bas{position:relative;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px;margin-bottom:24px}
.atolye__bas h3{font-size:clamp(26px,3.4vw,36px);font-style:italic}
.atolye__bas p{max-width:520px;color:var(--metin-soluk)}
.atolye__izgara{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nesne{margin:0;display:grid;gap:10px;justify-items:center;padding:14px 10px 16px;border-radius:20px;background:rgba(7,3,26,.35);border:1px solid rgba(255,255,255,.08)}
.nesne__yuva{width:100%;aspect-ratio:1;max-width:240px;background:radial-gradient(closest-side,rgba(255,46,151,.18),transparent 70%)}
.nesne figcaption{font-weight:700;font-size:17px;display:grid;justify-items:center;gap:2px}
.nesne small{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mavi)}
.dekor3d-kap{position:absolute;inset:0;overflow:hidden;z-index:15;pointer-events:none}.dekor3d-tuval{position:absolute;top:0;left:0;will-change:transform}

/* ---------- Ozellikler ---------- */
.kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kart{position:relative;padding:28px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--cam-kenar);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transition:transform .3s,border-color .3s}
.kart::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--pembe),transparent 40%,transparent 60%,var(--mavi));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}
.kart:hover{transform:translateY(-3px)}
.kart:hover::before{opacity:1}
.kart__ikon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin-bottom:18px;background:linear-gradient(135deg,rgba(255,46,151,.3),rgba(0,229,255,.2));border:1px solid rgba(255,255,255,.18)}
.kart__ikon svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kart h3{font-size:21px;margin-bottom:8px}
.kart p{color:var(--metin-soluk);font-size:15.5px}

/* ---------- Nasil ---------- */
.adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:a}
.adimlar li{position:relative;padding:26px 22px;border-radius:20px;border:1px solid var(--cam-kenar);background:var(--cam)}
.adimlar li:not(:last-child)::after{content:"";position:absolute;top:44px;right:-18px;width:18px;height:2px;background:linear-gradient(90deg,var(--pembe),var(--mavi))}
.adimlar span{display:block;font-size:44px;font-weight:700;font-style:italic;line-height:1;margin-bottom:14px;background:var(--krom);-webkit-background-clip:text;background-clip:text;color:transparent}
.adimlar h3{font-size:19px;margin-bottom:6px}
.adimlar p{font-size:15px;color:var(--metin-soluk)}

/* ---------- Son cagri ---------- */
.son{position:relative;margin-top:clamp(90px,13vw,160px);padding:clamp(80px,12vw,140px) var(--yan);display:grid;justify-items:center;gap:22px;text-align:center;overflow:hidden;background:linear-gradient(180deg,transparent,#1a0840 60%,#2a0b4d)}
.son__gunes{position:absolute;left:50%;bottom:-45%;width:min(90vw,900px);aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(255,46,151,.55),rgba(184,44,255,.2) 55%,transparent 72%);pointer-events:none}
.son>*:not(.son__gunes){position:relative}
.son p{max-width:520px;color:#d7d0ff}

/* ---------- Alt ---------- */
.alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:28px var(--yan) calc(28px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);background:#05021a;font-size:14px;color:var(--metin-soluk)}
.alt nav{display:flex;gap:18px}
.alt a{text-decoration:none}
.alt a:hover{color:#fff}

/* ---------- Sagdan sola ---------- */
[dir="rtl"] .turler button::after{content:"←"}
[dir="rtl"] .adimlar li:not(:last-child)::after{right:auto;left:-18px}
[dir="rtl"] .bant__ic{animation-direction:reverse}
[dir="rtl"] .krom-baslik,[dir="rtl"] .tema__metin h3,[dir="rtl"] .telefon__baslik,[dir="rtl"] .adimlar span,[dir="rtl"] .atolye__bas h3{font-style:normal}
.ust__logo,.alt__logo{direction:ltr}

/* ---------- Gorunme animasyonu ---------- */
.js .gorun{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .gorun.is-gorundu{opacity:1;transform:none}

/* ---------- Duyarli ---------- */
@media (max-width:1000px){
	.ust__menu{display:none}
	.motor__izgara{grid-template-columns:1fr}
	.turler{grid-template-columns:repeat(3,minmax(0,1fr))}
	.turler button{justify-content:center;min-height:48px;padding:0 10px;font-size:15px}
	.turler button::after{display:none}
	.motor__bilgi{grid-template-columns:repeat(2,minmax(0,1fr))}
	.temalar,.kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}
	.adimlar{grid-template-columns:repeat(2,minmax(0,1fr))}
	.adimlar li::after{display:none}
}
@media (max-width:620px){
	body{font-size:16px}
	.ust{gap:8px;padding-block:10px}
	.ust__eylem{gap:6px;flex:none}
	.ust__logo{min-width:0;flex:1 1 auto}
	.ust__logo img{width:clamp(96px,30vw,150px)}
	.ust__giris{padding:0 12px;font-size:13px}
	.dil summary{min-width:40px;padding:0 10px}
	.kahraman__ic{transform:none;padding-top:28px}
	.muzik__yazi{display:none}
	.muzik{padding:0 12px}
	.kahraman{padding-top:100px}
	.kahraman__eylem{flex-direction:column;align-items:stretch;width:100%;max-width:340px}
	.temalar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.tema{border-radius:16px}
	.tema__metin{padding:12px}
	.tema__metin h3{font-size:17px}
	.tema__metin p{display:none}
	.kartlar,.adimlar,.motor__bilgi{grid-template-columns:1fr}
	.atolye__izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.nesne figcaption{font-size:15px}
	.alt{flex-direction:column;text-align:center}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
	.js .gorun{opacity:1;transform:none}
}

/* ---------- Canli demolar (0.14.0) ---------- */
.demolar__izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.demo{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border-radius:20px;text-decoration:none;color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}
.demo::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%);background-size:260% 100%;background-position:120% 0;transition:background-position .9s ease;pointer-events:none}
.demo:hover,.demo:focus-visible{transform:translateY(-3px);border-color:rgba(255,46,151,.6);box-shadow:0 18px 44px -18px rgba(255,46,151,.6),0 0 0 1px rgba(255,46,151,.3)}
.demo:hover::after,.demo:focus-visible::after{background-position:-40% 0}
.demo__resim{width:96px;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#12082f}
.demo__resim img{width:100%;height:100%;object-fit:cover}
.demo--retro .demo__resim{background:linear-gradient(180deg,#12063a 0%,#3a0d5c 55%,#ff2e97 56%,#ffb03a 62%,#12063a 62.5%);position:relative}
.demo--retro .demo__resim::after{content:"";position:absolute;left:-20%;right:-20%;bottom:0;height:40%;background-image:linear-gradient(rgba(255,46,151,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.7) 1px,transparent 1px);background-size:12px 12px;transform:perspective(60px) rotateX(55deg);transform-origin:50% 100%}
.demo--baharfisiltisi .demo__resim{background:#f6ece4;display:grid;place-items:center}
.demo--baharfisiltisi .demo__resim img{width:70%;height:auto;object-fit:contain}
.demo__metin{display:grid;gap:8px;min-width:0}
.demo__metin strong{font-size:20px;font-style:italic}
.demo__rozetler{display:flex;flex-wrap:wrap;gap:6px}
.demo__rozetler span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid rgba(0,229,255,.45);color:#9EF4FF;box-shadow:0 0 12px -4px rgba(0,229,255,.8)}
.demo__git{font-size:14px;font-weight:600;color:#ffb3dc}
@media (max-width:1000px){.demolar__izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.demolar__izgara{grid-template-columns:1fr}}

/* Story Mode vitrini (0.17.0): canli demolarin ustunde tek genis bant. */
.demo-hikaye{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 18px;padding:18px 22px;border-radius:22px;
  text-decoration:none;color:#fff;overflow:hidden;isolation:isolate;
  background:radial-gradient(520px 160px at 12% 0,rgba(255,215,120,.22),transparent 70%),linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,.03));
  border:1px solid rgba(255,233,168,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .3s,box-shadow .3s}
.demo-hikaye::before{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,transparent,#E7B84B,#ff2e97,transparent);opacity:.8}
.demo-hikaye:hover,.demo-hikaye:focus-visible{transform:translateY(-3px);box-shadow:0 20px 48px -20px rgba(231,184,75,.55)}
.demo-hikaye:focus-visible{outline:2px solid #FFE9A8;outline-offset:3px}
.demo-hikaye__rozet{padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#2A1B00;
  background:linear-gradient(135deg,#FFE9A8,#E7B84B 55%,#C8912A)}
.demo-hikaye__metin{display:grid;gap:4px;min-width:0}
.demo-hikaye__metin strong{font-size:22px;font-style:italic;letter-spacing:-.01em}
.demo-hikaye__metin span{color:rgba(255,255,255,.78);font-size:15px;line-height:1.45}
.demo-hikaye__git{font-size:14px;font-weight:700;color:#FFE9A8;white-space:nowrap}
@media (max-width:720px){.demo-hikaye{grid-template-columns:1fr;gap:10px;justify-items:start}}
@media (prefers-reduced-motion:reduce){.demo-hikaye{transition:none}}