/* TeslaBahis Partner - site stilleri ONEMLI: Bloklar sayfadaki SIRAYLA duruyor. Ayni seye iki blok karar veriyorsa SONRAKI blok kazanir. Bir bolumu degistirmek isterseniz, o bolumun asagidaki listede EN SON gecen blogundan baslayin. Kullanilmayan kurallar temizlendi (2026-10, v70). Blok numaralari orijinal sayfadaki sirayi gosterir. ICINDEKILER BLOK 01 GENEL TEMEL STILLER - renkler, ust menu, formlar ve tum bolumlerin ilk stilleri BLOK 03 PROGRAM SEKMELERI - Partner Programi / Uye Ortakligi secimi BLOK 04 KOMISYON (GUC SENDE) - kart hareketleri BLOK 06 NASIL CALISIR - adimlar BLOK 07 KOMISYON (GUC SENDE) - aciklama paneli gecisi BLOK 08 BASVURU FORMU BLOK 12 KAYAN BANT - ana stil BLOK 13 KAYAN BANT - aralik ayarlari BLOK 14 KAYAN BANT - tipografi BLOK 15 UYE ORTAKLIGI - Nasil Katilirim? BLOK 16 UYE ORTAKLIGI - Canli Destek Bildirimi ve Nasil Katilirim duzeltmeleri BLOK 17 UYE ORTAKLIGI - Kampanya Sartlari ve Sik Sorulan Sorular BLOK 18 ORTAK TASARIM DILI - bolum etiketleri (P / 01 gibi), izgara, bolum basliklari BLOK 19 GIRIS (KAPAK) - temel BLOK 20 GIRIS (KAPAK) - onayli kapak BLOK 21 GIRIS (KAPAK) - baslik boyutlari BLOK 22 NASIL CALISIR - bes adim duzeni BLOK 23 NASIL CALISIR - kart gorselleri BLOK 24 RENK VE BOSLUK AYARLARI - basvuru, panel, nasil calisir, kapanis BLOK 25 ORTAK ARKA PLAN - bolum zeminleri BLOK 26 NASIL CALISIR - cevrilen kartlar BLOK 27 KOMISYON (GUC SENDE) - eski kart ayarlari BLOK 28 KOMISYON (GUC SENDE) - eski kart ayarlari BLOK 29 KOMISYON (GUC SENDE) - eski kart ayarlari BLOK 30 KOMISYON (GUC SENDE) - GUNCEL DORTLU KART DUZENI BLOK 31 KAPANIS - Devami Birlikte / muhur BLOK 32 UYE ORTAKLIGI - BetBuddy afisi BLOK 33 UYE ORTAKLIGI - BetBuddy kazanc hesaplayici BLOK 34 UYE ORTAKLIGI - BetBuddy son duzenlemeler BLOK 35 UYE ORTAKLIGI - BetBuddy kagit efekti BLOK 36 ELEKTRIK DOKULU ARKA PLAN (TeslaBahis sitesindekiyle ayni) BLOK 37 NASIL CALISIR - basliklar kartin on yuzunde, aciklama arka yuzde (v71) BLOK 38 DUZELTMELER v72 - onay kutusu, Partner Ol linki, CHOOSE YOUR SIDE etiketi, akicilik BLOK 39 AKICILIK v73 - bant ekran disinda ve "hareketi azalt" modunda durur BLOK 40 AKICILIK v73 - BetBuddy kaydirici seridi BLOK 41 KAYAN BANT - yalnizca Uye Ortakligi sekmesinde gizli (v75) BLOK 42 UYE ORTAKLIGI AKICILIK (v77) - buyuk panel golgeleri ve suzulme animasyonu kapali (Yazi tipleri icindekiler listesinin hemen altinda, YAZI TIPLERI basliginda) */ /* ===== YAZI TIPLERI (kendi sunucumuzdan; Google Fonts yerine) ===== */ @font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 100%;src:url(../fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 100%;src:url(../fonts/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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-display:swap;font-weight:100 900;src:url(../fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,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-display:swap;font-weight:100 900;src:url(../fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/barlow-condensed-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+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/barlow-condensed-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:800;src:url(../fonts/barlow-condensed-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:800;src:url(../fonts/barlow-condensed-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:900;src:url(../fonts/barlow-condensed-900-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:900;src:url(../fonts/barlow-condensed-900-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} /* ===== BLOK 01 : GENEL TEMEL STILLER - renkler, ust menu, formlar ve tum bolumlerin ilk stilleri ===== */ :root{ --ground:#101012; --ground-2:#15151a; --line:#2e2e38; --paper:#efe9de; --ink:#0c0c0e; --red:#ec3c42; --bordo:#800005; --text:#ffffff; --muted:#a9a9b3; --silver-1:#f6f6f8; --silver-2:#babcc5; --font:"Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif; color-scheme:dark; box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); } @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --ground:#101012; --text:#ffffff; } } :root[data-theme="dark"]{ --ground:#101012; --text:#ffffff; } html{ background-color:var(--ground); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E"); scroll-behavior:smooth; scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px); } *,*::before,*::after{ box-sizing:inherit; } body{ margin:0; color:var(--text); font-family:var(--font); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; } img,svg{ max-width:100%; } a{ color:inherit; } .wrap{ width:100%; max-width:1180px; margin:0 auto; padding:0 20px; } .sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } :focus-visible{ outline:3px solid var(--paper); outline-offset:3px; } /* ---------- Başlıklar ---------- */ .display{ font-stretch:68%; font-weight:850; text-transform:uppercase; line-height:.95; letter-spacing:-.005em; margin:0; } h2.display{ font-size:clamp(1.75rem, 6.6vw, 3.8rem); overflow-wrap:break-word; hyphens:auto; -webkit-hyphens:auto; } /* Gümüş başlık: her satıra ayrı yansıma düşer */ .silver{ color:#d7d8de; background-image:linear-gradient(180deg,#ffffff 0%,#e9eaee 30%,#a9abb5 52%,#c9cbd3 70%,#f3f3f6 100%); background-size:100% var(--lh,1.05em); background-repeat:repeat-y; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; } .lead{ color:var(--muted); max-width:60ch; font-size:1.06rem; margin:16px 0 0; } /* ---------- Anlatım kutusu (çizgi roman) ---------- */ .caption{ display:inline-block; background:var(--paper); color:var(--ink); border:3px solid var(--ink); box-shadow:6px 6px 0 #000; padding:12px 18px; font-stretch:85%; font-weight:750; text-transform:uppercase; font-size:.86rem; line-height:1.45; letter-spacing:.01em; max-width:46ch; } /* ---------- Gümüş efektli butonlar ---------- */ .btn{ position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 24px; border:3px solid var(--ink); text-decoration:none; cursor:pointer; font:inherit; font-stretch:80%; font-weight:850; font-size:1.05rem; text-transform:uppercase; letter-spacing:.02em; box-shadow:4px 4px 0 #000; transition:transform .18s ease, box-shadow .18s ease; } .btn::after{ content:""; position:absolute; top:0; bottom:0; left:-60%; width:45%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent); transform:skewX(-18deg); transition:left .6s ease; pointer-events:none; } .btn:hover{ transform:translate(-1px,-1px) scale(1.03); box-shadow:6px 6px 0 #000; } .btn:hover::after{ left:120%; } .btn:active{ transform:translate(2px,2px); box-shadow:2px 2px 0 #000; } .btn-red{ background:var(--red); color:var(--ink); } .btn-silver{ background:linear-gradient(180deg,var(--silver-1),var(--silver-2)); color:var(--ink); } /* ---------- Üst şerit ---------- */ .top{ position:sticky; top:env(safe-area-inset-top,0px); z-index:50; background:rgba(16,16,18,.94); border-bottom:1px solid var(--line); } .top .wrap{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:70px; } .brand{ display:flex; align-items:center; gap:10px; text-decoration:none; } .brand{ flex-direction:column; align-items:stretch; gap:5px; } .brand .logo{ height:28px; width:auto; display:block; } .partner-tag{ display:flex; align-items:center; gap:8px; font-weight:700; font-stretch:90%; font-size:.62rem; letter-spacing:.42em; text-transform:uppercase; line-height:1; color:#c9cbd3; background:linear-gradient(90deg,#8e909a,#f6f6f8 45%,#b9bbc4 70%,#8e909a); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; } .partner-tag::before,.partner-tag::after{ content:""; height:1px; flex:1; background:linear-gradient(90deg,transparent,#ec3c42); } .partner-tag::after{ background:linear-gradient(90deg,#ec3c42,transparent); } .nav{ display:flex; gap:26px; } .nav a{ text-decoration:none; color:var(--muted); font-weight:600; font-size:.95rem; padding:8px 0; } .nav a:hover{ color:var(--text); } .top-actions{ display:flex; gap:10px; align-items:center; } .top-actions .btn{ min-height:44px; font-size:.92rem; padding:0 16px; } .menu-btn{ display:none; background:none; border:2px solid var(--line); color:var(--text); width:44px; height:44px; cursor:pointer; } .menu-btn svg{ width:22px; height:22px; } .mobile-nav{ display:none; border-top:1px solid var(--line); padding:8px 20px 18px; } .mobile-nav a{ display:block; padding:12px 0; text-decoration:none; color:var(--text); font-weight:600; border-bottom:1px solid var(--line); } .mobile-nav.open{ display:block; } @media (max-width: 920px){ .nav{ display:none; } .menu-btn{ display:inline-flex; align-items:center; justify-content:center; } } @media (max-width: 560px){ .brand .logo{ height:22px; } .partner-tag{ font-size:.5rem; letter-spacing:.3em; gap:5px; } } @media (max-width: 420px){ .brand .logo{ height:19px; } .partner-tag{ font-size:.44rem; letter-spacing:.2em; } .top-actions .btn-red{ padding:0 12px; font-size:.85rem; } .top-actions .btn-red .long{ display:none; } } @media (min-width: 421px){ .top-actions .btn-red .short{ display:none; } } /* ---------- Çizgi roman karesi ---------- */ /* ---------- Giriş ---------- */ .hero{ padding:56px 0 80px; } .hero h1{ font-size:clamp(2.3rem, 10.5vw, 6.4rem); overflow-wrap:break-word; } /* Çizgi roman "aksiyon" zemini: bordo + merkezden yayılan ince çizgiler */ @media (max-width: 920px){ .hero{ padding:32px 0 56px; } } /* Şimşek çakması (hafif) */ /* ---------- Bölümler ---------- */ section.block{ padding:84px 0; } /* Ürünler */ /* Komisyon */ /* Nasıl çalışır */ /* Kontrol paneli */ /* Başvuru formu */ .form-panel{ border:3px solid var(--paper); background:var(--ground-2); padding:34px; box-shadow:10px 10px 0 #000; } .form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px 20px; } .field{ display:grid; gap:6px; } .field.full{ grid-column:1 / -1; } .field label{ font-weight:700; font-size:.94rem; } .field label i{ font-style:normal; color:var(--muted); font-weight:500; } .field input,.field select,.field textarea{ width:100%; min-height:48px; padding:10px 14px; font:inherit; font-size:1rem; color:var(--text); background:var(--ground); border:2px solid var(--line); border-radius:0; appearance:none; } .field select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23a9a9b3' stroke-width='2'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:40px; } .field textarea{ min-height:110px; resize:vertical; } .field input:focus,.field select:focus,.field textarea:focus{ border-color:var(--paper); outline:none; } .field .err{ color:#ff8a8e; font-size:.86rem; min-height:0; } .field.bad input,.field.bad select,.field.bad textarea{ border-color:var(--red); } .check{ display:flex; gap:12px; align-items:flex-start; font-size:.94rem; color:var(--muted); } .check input{ width:22px; height:22px; min-height:0; margin-top:2px; accent-color:var(--red); flex:none; } .hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; } .form-foot{ display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between; margin-top:24px; } .form-foot small{ color:var(--muted); } .success{ display:none; text-align:left; } .success.show{ display:block; } @media (max-width: 680px){ .form-grid{ grid-template-columns:1fr; } .form-panel{ padding:22px; box-shadow:6px 6px 0 #000; } } /* Son çağrı */ /* Son çağrı afişi */ footer{ border-top:1px solid var(--line); padding:34px 0 40px; color:var(--muted); font-size:.92rem; } footer .wrap{ display:flex; flex-wrap:wrap; gap:18px; align-items:center; justify-content:space-between; } footer nav{ display:flex; flex-wrap:wrap; gap:18px; } footer a{ text-decoration:none; } footer a:hover{ color:var(--text); } .age{ display:inline-grid; place-items:center; width:40px; height:40px; border:2px solid var(--muted); border-radius:50%; font-weight:800; font-size:.85rem; color:var(--text); margin-right:10px; vertical-align:middle; } /* ---------- Program sekmeleri ---------- */ .prog-tabs{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } .prog-tab{ text-align:left; cursor:pointer; font:inherit; color:var(--text); background:var(--ground-2); border:3px solid var(--line); padding:16px 18px; min-height:64px; transition:transform .18s ease, border-color .18s ease; } .prog-tab:hover{ border-color:var(--muted); } .prog-tab[aria-selected="true"]{ background:var(--red); border-color:var(--ink); color:var(--ink); box-shadow:5px 5px 0 #000; } @media (max-width: 520px){ .prog-tabs{ gap:10px; } .prog-tab{ padding:12px; } } [role="tabpanel"][hidden]{ display:none !important; } /* ---------- Uye Ortakligi ---------- */ .msg-preview{ white-space:pre-wrap; overflow-wrap:anywhere; background:var(--ground); border:2px dashed var(--line); padding:14px 16px; font-size:.95rem; color:var(--text); margin:6px 0 0; min-height:96px; font-family:inherit; } .btn-row{ display:flex; flex-wrap:wrap; gap:14px; margin-top:22px; } /* ---------- Yeni Tesla görselleri ---------- */ /* ---------- MARJİNAL SAYFA (body.marj) ---------- */ body.marj section.block{ overflow-x:clip; } body.marj .hero h1{ filter:drop-shadow(5px 5px 0 #800005); } body.marj .caption{ position:relative; border-radius:16px; transform:rotate(-2deg); } body.marj .caption::after{ content:""; position:absolute; left:30px; bottom:-12px; width:18px; height:18px; background:var(--paper); border-right:3px solid var(--ink); border-bottom:3px solid var(--ink); transform:rotate(45deg); } body.marj .form-panel{ box-shadow:12px 12px 0 #800005; } body.marj .prog-tab[aria-selected="true"]{ transform:rotate(-1deg); box-shadow:6px 6px 0 #000; } body.marj .hero{ overflow-x:clip; } /* Kaydırınca beliren kareler (hafif) */ .reveal{ opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease; } .reveal.in{ opacity:1; transform:none; } /* Bildirim */ .toast{ position:fixed; left:50%; bottom:calc(env(safe-area-inset-bottom,0px) + 22px); transform:translateX(-50%) translateY(20px); opacity:0; pointer-events:none; background:var(--paper); color:var(--ink); border:3px solid var(--ink); box-shadow:5px 5px 0 #000; padding:12px 18px; font-weight:700; transition:.25s; z-index:90; max-width:calc(100% - 32px); } .toast.show{ opacity:1; transform:translateX(-50%); } @media (prefers-reduced-motion: reduce){ *{ transition:none !important; animation:none !important; scroll-behavior:auto !important; } .reveal{ opacity:1; transform:none; } } /* --------------------------------------------------------------------- TESLA PARTNER — ONAYLANAN HERO / only first section (no other edits) --------------------------------------------------------------------- */ /* Tesla Partner — onaylı son grafik referansın HTML/CSS uygulaması. YALNIZCA HERO. */ .hero.hero-final{position:relative;padding:0;background:#0c0b0d;overflow:hidden;isolation:isolate;} .hero.hero-final:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;opacity:.28;background:repeating-linear-gradient(0deg,transparent 0 102px,#383338 103px,transparent 104px),radial-gradient(circle at 56% 23%,#5a101b5c,transparent 33%),linear-gradient(100deg,#141316,#09090c);} .hero.hero-final:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' seed='5'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 .24 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");} .hero-final .hero-final-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px;align-items:stretch;max-width:1440px;padding:0 34px;} .hero-final-content{min-width:0;position:relative;z-index:2;padding:46px 0 50px;} .hero-final-kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#f04450;font-size:11px;letter-spacing:.19em;font-weight:900;line-height:1.2;margin-bottom:42px;} .hero-red-tick{height:3px;width:42px;background:#ed3346;flex:none;} .hero-final-est{color:#a4a0a8;margin-left:auto;letter-spacing:.08em;font-size:9px;} .paint-paper{position:relative;isolation:isolate;display:inline-block;padding:.07em .18em .11em;} .paint-paper:before{content:"";position:absolute;inset:0;z-index:-1;background:#f0eee8;transform:rotate(-1deg);clip-path:polygon(0% 10%,4% 5%,9% 8%,14% 1%,25% 4%,32% 0%,42% 6%,55% 3%,66% 8%,78% 2%,86% 7%,97% 0%,100% 12%,98% 22%,100% 83%,95% 88%,100% 97%,85% 94%,70% 100%,57% 94%,43% 100%,29% 96%,15% 99%,3% 95%,1% 82%,3% 68%,0% 55%,2% 30%);box-shadow:0 1px 10px #fff2;} .hero-final-lead{max-width:59ch;color:#d5d0d2;font-size:clamp(14px,1.13vw,17px);line-height:1.65;margin:22px 0 23px;} .hero-final-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0 0 23px;} .hero-final-benefits li{min-width:0;display:flex;align-items:flex-start;gap:10px;padding:13px 12px;min-height:90px;border:1px solid #3b383d;border-radius:5px;background:linear-gradient(140deg,#151417ec,#08090aed);} .hero-final-benefits .benefit-mark{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:50%;background:#2a161b;color:#f03a4a;font-size:23px;font-weight:900;} .hero-final-benefits strong{display:block;font-size:clamp(12px,1.05vw,15px);line-height:1.32;color:#f7f3f2;letter-spacing:-.02em;font-weight:850;} .hero-final-benefits small{display:block;margin-top:5px;font-size:clamp(11px,.86vw,13px);line-height:1.48;color:#a5a0a5;} .hero-final-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;} .hero-final-button{display:flex;min-height:51px;align-items:center;justify-content:center;gap:18px;text-decoration:none;border-radius:5px;padding:11px 13px;font-size:clamp(12px,1.08vw,16px);font-weight:800;text-align:center;} .hero-final-button.red{background:#e6192b;color:white;border:1px solid #fa3b48;} .hero-final-button.outline{border:1px solid #bab5ba;color:white;background:#090909be;} .hero-final-button:hover{filter:brightness(1.15);} .hero-final-invite{display:flex;gap:14px;align-items:flex-start;color:white;font-size:15px;} .hero-friends{font-size:32px;line-height:1;color:#f23748;} .hero-final-invite strong{font-size:15px;font-weight:850;} .hero-final-invite p{font-size:13px;margin:3px 0 0;color:#b4b0b5;line-height:1.6;} .hero-final-invite a{color:#ddd9dd;text-decoration:underline;text-underline-offset:3px;} .hero-final-scene{min-width:0;position:relative;isolation:isolate;background:#111;overflow:hidden;min-height:745px;} .hero-final-scene-image{height:100%;width:100%;display:block;position:absolute;inset:0;object-fit:cover;object-position:center center;filter:contrast(1.05) brightness(.82);} .hero-final-scene:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0c0b0df0 0%,#0c0b0d18 18%,transparent 40%),linear-gradient(0deg,#070608ad,transparent 32%);} .hero-final-history{position:absolute;z-index:2;right:20px;bottom:20px;max-width:310px;background:#111115d9;padding:14px 17px;color:#dad6dc;font-size:12px;line-height:1.45;box-shadow:0 10px 35px #0008;} .hero-final-history .history-paper{font-size:14px;font-weight:900;color:#111;letter-spacing:.008em;padding:5px 10px;} .hero-final-history p{margin:11px 0 0;} @media(max-width:1100px){.hero-final .hero-final-grid{padding:0 22px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:8px;}.hero-final-kicker{margin-bottom:28px;}.hero-final-content{padding:34px 0 38px;}.hero-final-scene{min-height:690px;}} @media(max-width:770px){.hero-final .hero-final-grid{display:flex;flex-direction:column;padding:0 17px;gap:0;}.hero-final-content{padding:34px 0 28px;}.hero-final-est{display:none;}.hero-final-scene{min-height:550px;height:72vw;max-height:750px;}.hero-final-scene-image{object-position:50% 42%;}.hero-final-history{bottom:15px;right:12px;}.hero-final-lead{max-width:65ch;}} @media(max-width:480px){.hero-final-benefits{gap:7px;}.hero-final-benefits li{padding:10px 8px;gap:6px;}.hero-final-benefits .benefit-mark{width:24px;height:24px;font-size:17px;}.hero-final-benefits strong{font-size:11px;}.hero-final-benefits small{font-size:10px;}.hero-final-actions{gap:8px;}.hero-final-button{min-height:51px;font-size:11px;padding:8px 6px;}.hero-final-history{max-width:270px;font-size:11px;}.hero-final-scene{min-height:440px;}} /* 19.10 Hero locked: balanced typography, original empty-chair scene, HTML-responsive */ .hero.hero-final .hero-final-grid{max-width:1400px;grid-template-columns:minmax(0,1.035fr) minmax(0,.965fr);gap:16px;padding-left:clamp(16px,2.1vw,30px);padding-right:clamp(16px,2.1vw,30px)} .hero.hero-final .hero-final-content{padding-top:40px;padding-bottom:37px} .hero.hero-final .hero-final-kicker{margin-bottom:26px} .hero.hero-final .hero-final-lead{font-size:clamp(13px,1vw,15px);line-height:1.58;max-width:64ch;margin:15px 0 19px} .hero.hero-final .hero-final-benefits{gap:9px;margin-bottom:17px} .hero.hero-final .hero-final-benefits li{min-height:83px;padding:11px 10px} .hero.hero-final .hero-final-benefits strong{font-size:clamp(12px,.95vw,14px)} .hero.hero-final .hero-final-benefits small{font-size:clamp(10px,.81vw,12px)} .hero.hero-final .hero-final-actions{margin-bottom:18px} .hero.hero-final .hero-final-button{min-height:47px} .hero.hero-final .hero-final-scene{min-height:655px} .hero.hero-final .hero-final-scene-image{object-fit:cover;object-position:50% 48%;filter:contrast(1.045) brightness(.9)} @media (min-width:1400px){.hero.hero-final .hero-final-scene{min-height:710px}} @media (max-width:1100px){.hero.hero-final .hero-final-grid{grid-template-columns:minmax(0,1fr) minmax(0,.91fr);gap:8px}.hero.hero-final .hero-final-scene{min-height:640px}} @media (max-width:770px){.hero.hero-final .hero-final-grid{display:flex;flex-direction:column;padding:0 17px}.hero.hero-final .hero-final-content{padding:30px 0 24px}.hero.hero-final .hero-final-scene{min-height:490px;height:90vw;max-height:675px}.hero.hero-final .hero-final-scene-image{object-position:center 50%}} @media (max-width:480px){.hero.hero-final .hero-final-kicker{margin-bottom:22px}.hero.hero-final .hero-final-lead{font-size:13px;line-height:1.6}.hero.hero-final .hero-final-benefits strong{font-size:11px}.hero.hero-final .hero-final-benefits small{font-size:10px}.hero.hero-final .hero-final-button{font-size:11px}.hero.hero-final .hero-final-scene{min-height:415px}} /* 19.10 final hero polish — smaller slogan, approved chair scene, Tesla Partner stamp */ .hero.hero-final .hero-final-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;gap:18px!important;} .hero.hero-final .hero-final-lead{font-size:clamp(13px,.96vw,15px)!important;max-width:63ch!important;} .hero.hero-final .hero-final-scene{min-height:670px!important;} .hero.hero-final .hero-final-scene-image{object-position:center 50%!important;filter:contrast(1.03) brightness(.94)!important;} @media (max-width:1100px){ .hero.hero-final .hero-final-scene{min-height:625px!important;} } @media (max-width:770px){ .hero.hero-final .hero-final-content{padding:28px 0 22px!important;} .hero.hero-final .hero-final-scene{min-height:500px!important;height:92vw!important;max-height:690px!important;} } @media (max-width:480px){ .hero.hero-final .hero-final-grid{padding-left:14px!important;padding-right:14px!important;} .hero.hero-final .hero-final-scene{min-height:430px!important;} } /* 19.10 revision — center slogan, distressed Tesla Partner like More Bets */ .hero.hero-final .hero-final-content{display:flex;flex-direction:column;align-items:center;text-align:center;} .hero.hero-final .hero-final-kicker{width:100%;justify-content:center;position:relative;} .hero.hero-final .hero-final-est{position:absolute;right:0;top:0;margin-left:0;} .hero.hero-final .hero-final-lead{max-width:61ch!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important;} .hero.hero-final .hero-final-benefits{width:100%;max-width:690px;margin-left:auto;margin-right:auto;} .hero.hero-final .hero-final-actions{width:100%;max-width:690px;} .hero.hero-final .hero-final-invite{width:100%;max-width:690px;justify-content:center;text-align:left;} @media (max-width:770px){ .hero.hero-final .hero-final-content{text-align:center;} .hero.hero-final .hero-final-est{display:none;} .hero.hero-final .hero-final-benefits,.hero.hero-final .hero-final-actions,.hero.hero-final .hero-final-invite{max-width:100%;} } @media (max-width:480px){ .hero.hero-final .hero-final-kicker{justify-content:flex-start;text-align:left;} .hero.hero-final .hero-final-content{align-items:stretch;} .hero.hero-final .hero-final-lead{text-align:left!important;} .hero.hero-final .hero-final-invite{justify-content:flex-start;} } /* LOCKED HERO — exact user-provided visuals, not recreated typography */ .hero.hero-final .hero-final-content{display:flex;flex-direction:column;align-items:stretch;text-align:left;} .hero.hero-final .hero-final-kicker{justify-content:flex-start;width:100%;} .hero.hero-final .hero-final-est{position:static;margin-left:auto;} .hero.hero-final .hero-exact-title{display:block;width:100%;max-width:610px;line-height:0;margin:0 auto 17px;padding:0;text-align:center;} .hero.hero-final .hero-exact-title img{width:100%;height:auto;display:block;mix-blend-mode:screen;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 1.8%,#000 98.2%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 1.8%,#000 98.2%,transparent 100%);} .hero.hero-final .hero-final-lead{text-align:left!important;margin:10px 0 19px!important;max-width:63ch!important;} .hero.hero-final .hero-final-benefits,.hero.hero-final .hero-final-actions,.hero.hero-final .hero-final-invite{width:100%;max-width:none;} .hero.hero-final .hero-final-invite{justify-content:flex-start;text-align:left;} .hero.hero-final .hero-final-scene{isolation:isolate;} .hero.hero-final .hero-final-scene-image{z-index:0;} .hero.hero-final .hero-partner-art{position:absolute;z-index:2;left:3.5%;top:3.5%;width:44%;height:auto;display:block;mix-blend-mode:screen;opacity:.95;transform:rotate(-2deg);filter:contrast(1.11);pointer-events:none;mask-image:radial-gradient(ellipse 75% 80% at 47% 48%,#000 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 80% at 47% 48%,#000 55%,transparent 100%);} .hero.hero-final .hero-final-scene:before{z-index:1;} .hero.hero-final .hero-final-history{z-index:3;} @media(max-width:1100px){.hero.hero-final .hero-exact-title{max-width:560px}.hero.hero-final .hero-final-content{padding-top:33px}} @media(max-width:770px){.hero.hero-final .hero-exact-title{max-width:600px;margin-left:auto;margin-right:auto}.hero.hero-final .hero-final-lead{text-align:left!important}.hero.hero-final .hero-partner-art{width:36%;left:4%;top:3%}} @media(max-width:480px){.hero.hero-final .hero-exact-title{max-width:100%;margin-bottom:12px}.hero.hero-final .hero-partner-art{width:41%;left:3%;top:4%}} /* Finish: keep TESLA PARTNER print on the dark wall, away from the red T */ .hero.hero-final .hero-partner-art{left:1%!important;top:2%!important;width:37%!important;mix-blend-mode:normal!important;opacity:.96!important;transform:rotate(-2deg)!important;filter:contrast(1.08)!important;} @media(max-width:770px){.hero.hero-final .hero-partner-art{left:1%!important;top:2%!important;width:35%!important;}} /* İkinci bölüm — daha önce kilitlenen orijinal dört kartlı afiş; birinci bölüm değiştirilmedi. */ /* Tesla Partner — onaylanan içeriklerle yeni hareketli bant, yalnızca .mq-v2 */ /* Yeni kırmızı kayan bant: tek sıra, sıkı ritim ve gazete mürekkebi vurguları */ /* Kayan bant: yalnizca hiz ve bosluk duzeltmesi */ /* KILITLI BANT — kompakt slogan ritmi, Tesla Shop iki defa */ /* ========= BETBUDDY / ONAYLI EDITORIAL GIRIS - SADECE UYE SEKME ========= */ #p-uye .buddy-stage {position:relative; isolation:isolate; overflow:hidden; border:1px solid #555055; margin:12px auto 0; background:#0e0e10; color:#eee9e4; box-shadow:0 14px 65px #0005;} #p-uye .buddy-stage:before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,transparent 49.92%,#595258 50%,transparent 50.08%),repeating-linear-gradient(90deg,transparent 0 248px,#ffffff08 249px,#ffffff08 250px),radial-gradient(circle at 90% 24%,#d3283421,transparent 47%);z-index:-1} #p-uye .buddy-topline{text-align:center;font-size:.67rem;letter-spacing:.39em;color:#858186;font-weight:700;padding:19px 12px 0} #p-uye .buddy-grid{display:grid;grid-template-columns:1fr 1fr;min-height:390px} #p-uye .buddy-copy{padding:35px clamp(20px,4.1vw,74px) 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center} #p-uye .buddy-eyebrow{font-size:.77rem;letter-spacing:.20em;color:#f04458;font-weight:900;margin:0 0 22px} #p-uye .buddy-title{font-size:clamp(1.50rem,2.7vw,3rem);line-height:1.22;letter-spacing:-.035em;font-weight:900;margin:0 0 24px;color:#f8f5f0;max-width:650px;text-transform:none} #p-uye .buddy-title .buddy-line{display:block;margin:4px 0} #p-uye .buddy-strip{display:inline-block;clip-path:polygon(1% 5%,98% 1%,100% 12%,99% 92%,3% 99%,0 88%);padding:5px 13px 7px 12px;background:#f8f3ec;color:#161416;box-decoration-break:clone;-webkit-box-decoration-break:clone} #p-uye .buddy-strip.red{background:#ed3041;color:#fff} #p-uye .buddy-rule{width:66px;height:2px;background:#ed3041;margin:0 0 20px} #p-uye .buddy-description{font-size:clamp(.93rem,1.12vw,1.08rem);font-weight:400;line-height:1.6;max-width:550px;color:#cac6c5;margin:0 0 23px} #p-uye .buddy-action{font-size:.79rem;letter-spacing:.17em;font-weight:900;color:#f5f2ee;text-decoration:none;border-bottom:1px solid #ed3041;padding-bottom:7px;display:inline-flex;gap:16px;align-items:center} #p-uye .buddy-action span{color:#ed3041;font-size:1.5rem;line-height:1} #p-uye .buddy-action:hover{color:#ff6271} #p-uye .buddy-art{position:relative;min-height:375px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 32px 35px;background:linear-gradient(145deg,#180c0d,#161416 50%,#291217);overflow:hidden} #p-uye .buddy-art:before{content:"";position:absolute;inset:0;background-image:url("../img/betbuddy-doku.webp");background-size:cover;background-position:center;opacity:.18;filter:grayscale(.6);pointer-events:none} #p-uye .buddy-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07070799,transparent 31%);pointer-events:none} #p-uye .buddy-ticket-pair{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:650px;min-height:226px;filter:drop-shadow(8px 18px 12px #0008)} #p-uye .buddy-brand-ticket{flex:0 0 40%;min-width:0;transform:rotate(-7deg) translateX(11px);border:1px solid #817c79;background:#161618;color:white;padding:42px 12px;min-height:150px;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% 36%,96% 41%,96% 52%,100% 57%,100% 100%,0 100%);position:relative} #p-uye .buddy-brand-ticket:before{content:"";position:absolute;inset:6px;border:1px dashed #555155;pointer-events:none} #p-uye .buddy-brand-ticket b{font-weight:900;font-size:clamp(1.3rem,2.3vw,2.65rem);letter-spacing:-.045em;white-space:nowrap;position:relative} #p-uye .buddy-brand-ticket em{font-style:normal;color:#f03a4d} #p-uye .buddy-benefit-ticket{flex:0 0 57%;transform:rotate(3deg) translateX(-6px);min-height:180px;display:flex;background:#eee9e2;color:#141112;padding:20px 10px;align-items:center;justify-content:space-evenly;clip-path:polygon(0 0,100% 0,100% 38%,97% 43%,97% 55%,100% 61%,100% 100%,0 100%);position:relative} #p-uye .buddy-benefit-ticket:before{content:"";position:absolute;inset:7px;border:1px solid #cfc9c1;pointer-events:none} #p-uye .buddy-offer{text-align:center;position:relative;flex:1;min-width:0;padding:0 5px} #p-uye .buddy-offer+.buddy-offer{border-left:1px dashed #777} #p-uye .buddy-offer strong{display:block;color:#db263a;font-weight:950;font-size:clamp(1.65rem,3.2vw,3.45rem);letter-spacing:-.065em;line-height:1} #p-uye .buddy-offer span{display:block;font-weight:850;font-size:clamp(.55rem,.74vw,.84rem);line-height:1.45;text-transform:uppercase;margin-top:13px;letter-spacing:.02em} #p-uye .buddy-art-micro{position:relative;z-index:1;color:#aaa3a3;letter-spacing:.14em;font-size:.65rem;text-align:center;margin-top:12px;text-transform:uppercase} #p-uye .buddy-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #484045;background:#0d0d0f} #p-uye .buddy-step{display:grid;grid-template-columns:28px 33px 1fr;align-items:center;gap:12px;padding:18px clamp(10px,2.25vw,42px);min-width:0;position:relative} #p-uye .buddy-step+.buddy-step:before{position:absolute;content:"";width:1px;top:23px;bottom:23px;left:0;background:#4b4447} #p-uye .buddy-count{font-size:1.15rem;font-weight:900;color:#ed3041} #p-uye .buddy-step svg{width:28px;height:28px;stroke:#e9e5e1;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} #p-uye .buddy-step h3{margin:0 0 3px;color:#f7f5f3;font-size:.75rem;font-weight:900;letter-spacing:.09em} #p-uye .buddy-step p{margin:0;color:#aba6a7;font-size:.72rem;line-height:1.35} #p-uye .buddy-foot{height:5px;background:linear-gradient(90deg,#111 0%,#111 49.9%,#ed3041 50%,#ed3041 100%)} @media(max-width:920px){#p-uye .buddy-copy{padding:35px 25px}#p-uye .buddy-title{font-size:clamp(1.4rem,3.1vw,2.2rem)}#p-uye .buddy-step{grid-template-columns:22px 24px 1fr;gap:7px;padding:16px 12px}#p-uye .buddy-step svg{width:24px;height:24px}#p-uye .buddy-benefit-ticket{min-height:147px}} @media(max-width:700px){#p-uye .buddy-grid{grid-template-columns:1fr}#p-uye .buddy-copy{padding:28px 20px 23px}#p-uye .buddy-title{font-size:clamp(1.6rem,5.1vw,2.6rem)}#p-uye .buddy-art{min-height:255px;padding:10px 15px 24px}#p-uye .buddy-ticket-pair{min-height:200px}#p-uye .buddy-brand-ticket{min-height:130px}#p-uye .buddy-benefit-ticket{min-height:135px}#p-uye .buddy-offer strong{font-size:clamp(1.85rem,7vw,3rem)}#p-uye .buddy-offer span{font-size:.62rem}#p-uye .buddy-steps{grid-template-columns:1fr;gap:0}#p-uye .buddy-step{padding:15px 25px;grid-template-columns:31px 32px 1fr}#p-uye .buddy-step+.buddy-step:before{height:1px;width:auto;top:0;bottom:auto;left:22px;right:22px}#p-uye .buddy-step svg{width:28px;height:28px}#p-uye .buddy-foot{background:#ed3041}} /* Partner Programi: BetBuddy ile ayni tasarim ailesi, yalnizca bu bolum */ .tesla-second-approved{padding:18px 0 6px;background:#0b0b0d;} .tesla-second-approved .wrap{max-width:2048px;padding:0 10px;} .tesla-second-approved .approved-panel{margin:0;border:1px solid rgba(255,255,255,.07);background:#08080b;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.35);} .tesla-second-approved .approved-panel img{display:block;width:100%;height:auto;object-fit:contain;} @media(max-width:760px){.tesla-second-approved{padding:12px 0 0}.tesla-second-approved .wrap{padding:0 6px;}} /* v7 / typography calibration: protect the dots on Ü and align both newspaper strips. */ /* Active state: reserve substantial width for the four cards; detail panel stays secondary. */ @media(min-width:1181px){ #komisyon .gsk-stage.open{grid-template-columns:minmax(0,1fr) minmax(255px,.45fr);gap:15px} } /* ===== HER ŞEY TEK PANELDE / PARTNER DASHBOARD ===== */ /* ===== PANEL V14 / EXCLUSIVELY SCOPED TO #tesla-desk ===== */ #tesla-desk{padding:84px 0 86px;background:radial-gradient(ellipse at 86% 52%,rgba(236,60,66,.045),transparent 56%);} #tesla-desk .td-wrap{width:min(1260px,calc(100% - 46px));margin:auto;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.42fr);align-items:center;gap:clamp(32px,5vw,76px)} #tesla-desk .td-eyebrow{display:flex;gap:12px;align-items:center;color:#e5e0d8;letter-spacing:.16em;font-size:12px;font-weight:800;margin:0 0 25px;text-transform:uppercase} #tesla-desk .td-eyebrow:before{content:'';width:33px;height:3px;background:#ec3c42} #tesla-desk .td-kicker{font-size:15px;line-height:1.45;font-weight:700;color:#d4d0ce;margin:0 0 13px}#tesla-desk .td-kicker b{color:#ee5960} #tesla-desk .td-title{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 21px;line-height:1} #tesla-desk .td-title span{display:block;max-width:100%;font-size:clamp(39px,4vw,63px);font-weight:900;line-height:1.02;letter-spacing:-.035em;padding:9px 19px 12px 16px;white-space:nowrap} #tesla-desk .td-title .td-white{background:#eee9df;color:#141416;clip-path:polygon(1% 1%,100% 0,99% 97%,0 100%)} #tesla-desk .td-title .td-red{background:#e83d46;color:white;clip-path:polygon(1% 0,100% 2%,98% 100%,0 97%)} #tesla-desk .td-lead{font-size:16px;line-height:1.8;color:#b9b6b6;max-width:380px;margin:0 0 26px} #tesla-desk .td-features{display:grid;gap:0;max-width:390px;border-top:1px solid #38363a} #tesla-desk .td-feature{display:grid;grid-template-columns:26px 1fr 20px;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #38363a;font-size:13px;letter-spacing:.015em;color:#efece7;font-weight:750} #tesla-desk .td-feature em{font-style:normal;font-size:11px;color:#ea4851;font-weight:900} #tesla-desk .td-feature svg{height:15px;width:15px;color:#77747c} #tesla-desk .td-console{min-width:0;border:1px solid #3c3940;background:#131317;box-shadow:0 38px 80px rgba(0,0,0,.38);position:relative;overflow:hidden;} #tesla-desk .td-console:after{position:absolute;content:'';inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.035),transparent 24%);} #tesla-desk .td-top{background:#eee9df;color:#17171b;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 21px;border-bottom:1px solid #eee9df} #tesla-desk .td-brand{font-weight:900;letter-spacing:.06em;font-size:13px;white-space:nowrap} #tesla-desk .td-brand i{display:inline-block;width:9px;height:9px;background:#e83d46;transform:rotate(45deg);margin-right:9px} #tesla-desk .td-topright{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#555359} #tesla-desk .td-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e83d46;box-shadow:0 0 0 4px rgba(232,61,70,.13)} #tesla-desk .td-content{padding:22px;} #tesla-desk .td-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px} #tesla-desk .td-label{font-size:10px;font-weight:850;letter-spacing:.17em;text-transform:uppercase;color:#aaa6a9} #tesla-desk .td-demo{font-size:10px;letter-spacing:.02em;color:#b9b3b1;border:1px solid #48434a;padding:5px 8px} #tesla-desk .td-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px} #tesla-desk .td-stat{background:#1d1c21;border:1px solid #343137;padding:15px 14px;min-width:0;transition:border-color .28s,transform .28s} #tesla-desk .td-stat:hover{border-color:#9f4149;transform:translateY(-2px)} #tesla-desk .td-stat b{display:block;color:#eee8e0;font-size:clamp(19px,2.2vw,29px);font-weight:900;line-height:1.1;letter-spacing:-.04em;margin-top:7px;white-space:nowrap} #tesla-desk .td-stat small{font-size:10px;color:#aaa4a5;font-weight:700;letter-spacing:.055em;text-transform:uppercase} #tesla-desk .td-view{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px} #tesla-desk .td-graph{background:#19191e;border:1px solid #333039;padding:17px 14px 11px;min-width:0;} #tesla-desk .td-graphhead{display:flex;gap:5px;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap} #tesla-desk .td-modes{display:flex;gap:3px} #tesla-desk .td-mode{appearance:none;background:transparent;border:1px solid transparent;color:#aaa5aa;padding:5px 8px;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.02em} #tesla-desk .td-mode[aria-pressed="true"]{background:#ede8de;color:#17171b;border-color:#ede8de} #tesla-desk .td-svg{display:block;width:100%;height:185px;overflow:visible} #tesla-desk .td-area{fill:rgba(232,61,70,.07)} #tesla-desk .td-line{fill:none;stroke:#ef4852;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s} #tesla-desk .td-svg .td-secondary{fill:none;stroke:#d7d2c9;stroke-width:1.6;stroke-dasharray:5 6;opacity:.58} #tesla-desk .td-months{display:flex;justify-content:space-between;gap:8px;color:#78747e;font-size:9px;letter-spacing:.04em} #tesla-desk .td-side{background:#eee9df;color:#141416;padding:15px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:14px} #tesla-desk .td-side .td-label{color:#6e6767} #tesla-desk .td-side strong{font-size:32px;line-height:1;color:#131313;font-weight:900;letter-spacing:-.06em} #tesla-desk .td-side p{font-size:12px;line-height:1.6;color:#605a59;margin:3px 0 0} #tesla-desk .td-sidebar{height:4px;width:100%;background:#d5ccc0;overflow:hidden;margin-top:12px} #tesla-desk .td-sidebar span{display:block;width:72%;height:100%;background:#ed434d;transition:width .45s ease} #tesla-desk .td-side-footer{padding-top:13px;border-top:1px solid #c7beb3;color:#55504f;font-size:10px;letter-spacing:.05em;font-weight:800} #tesla-desk .td-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #363139;margin-top:13px;padding-top:13px;flex-wrap:wrap} #tesla-desk .td-chips{display:flex;gap:6px;flex-wrap:wrap} #tesla-desk .td-chip{border:1px solid #4a444b;padding:6px 9px;color:#bfb8bb;font-size:10px;letter-spacing:.04em;font-weight:750} #tesla-desk .td-bottom-note{font-size:10px;letter-spacing:.02em;color:#827b7f} @media (max-width:1100px){#tesla-desk .td-wrap{grid-template-columns:1fr;gap:30px}#tesla-desk .td-lead,#tesla-desk .td-features{max-width:720px}#tesla-desk .td-title span{font-size:clamp(42px,7vw,64px)}} @media (max-width:600px){#tesla-desk{padding:44px 0 50px}#tesla-desk .td-wrap{width:calc(100% - 28px)}#tesla-desk .td-content{padding:13px}#tesla-desk .td-title span{font-size:clamp(34px,9vw,51px)}#tesla-desk .td-stats{gap:5px}#tesla-desk .td-stat{padding:10px 8px}#tesla-desk .td-stat small{font-size:9px}#tesla-desk .td-stat b{font-size:20px}#tesla-desk .td-view{grid-template-columns:1fr}#tesla-desk .td-side{flex-direction:row;align-items:center}#tesla-desk .td-side-footer{display:none}#tesla-desk .td-top{padding:13px}#tesla-desk .td-topright{font-size:9px}#tesla-desk .td-label{font-size:9px}} @media(prefers-reduced-motion:reduce){#tesla-desk *{transition:none!important;animation:none!important}} /* Partner başvurusu / MASADA YERİN HAZIR — only #basvuru */ #basvuru.partner-apply{padding:84px 0 95px;background:radial-gradient(ellipse at 12% 17%,rgba(236,60,66,.08),transparent 32%),#101012;position:relative} #basvuru .partner-apply-wrap{max-width:1510px;display:grid;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);gap:clamp(32px,4.6vw,84px);align-items:start} #basvuru .partner-apply-intro{padding:16px 2px} #basvuru .apply-eyebrow{display:flex;gap:14px;align-items:center;font-size:13px;font-weight:900;letter-spacing:.18em;color:#f1ede9;margin-bottom:64px} #basvuru .apply-eyebrow i{height:4px;width:44px;background:#ed3947;display:block} #basvuru .apply-prelude{font-size:18px;font-weight:700;color:#e6e2df;line-height:1.4;margin:0 0 25px} #basvuru .apply-title{display:flex;align-items:flex-start;flex-direction:column;gap:9px;line-height:1;margin:0 0 32px;text-transform:uppercase} #basvuru .apply-paper,#basvuru .apply-redpaper{display:inline-block;max-width:100%;padding:14px 21px 18px;font-family:var(--font);font-size:clamp(43px,5.3vw,83px);font-stretch:condensed;font-weight:900;letter-spacing:-.056em;line-height:1.08;white-space:nowrap} #basvuru .apply-paper{background:#f0ece5;color:#0d0d0e;clip-path:polygon(1% 1%,99% 0,100% 98%,0 100%);transform:rotate(-1deg)} #basvuru .apply-redpaper{background:#ed3947;color:white;clip-path:polygon(0 0,100% 1%,99% 98%,1% 100%);transform:rotate(.4deg)} #basvuru .apply-desc{max-width:440px;font-size:18px;line-height:1.68;color:#bcb9bd;margin:0 0 28px} #basvuru .apply-rule{height:3px;width:80px;background:#ed3947;margin:31px 0} #basvuru .apply-side-note{display:flex;flex-direction:column;gap:12px;margin:0 0 60px;color:#9e9ba2;letter-spacing:.11em;font-size:11px;font-weight:800} #basvuru .apply-side-note span:first-child{color:#f1eeea} #basvuru .partner-apply-form{min-width:0;background:#19191c;border:1px solid #4d4549;box-shadow:0 22px 70px rgba(0,0,0,.3)} #basvuru .apply-form-head{display:flex;justify-content:space-between;gap:20px;padding:31px 34px 25px;background:#eeebe4;color:#111114;align-items:flex-start;border-bottom:4px solid #ed3947} #basvuru .apply-form-kicker{font-size:12px;letter-spacing:.19em;font-weight:900;margin:0 0 10px;color:#df3544} #basvuru .apply-form-head h3{font-size:clamp(28px,2.7vw,40px);font-weight:900;letter-spacing:-.045em;line-height:1.06;color:#111114;margin:0 0 10px} #basvuru .apply-form-head p:last-child{font-size:14px;color:#69636a;margin:0;line-height:1.5} #basvuru .apply-corner{font-size:35px;color:#ed3947;line-height:1} #basvuru .form-panel{border:0;background:#19191c;box-shadow:none;padding:30px 34px 32px} #basvuru .form-grid{gap:18px 16px} #basvuru .field label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#eae7e4;font-weight:800} #basvuru .field label i{font-size:11px;letter-spacing:0;text-transform:none;color:#a9a4aa} #basvuru .field input:not([type=checkbox]),#basvuru .field select,#basvuru .field textarea{min-height:48px;border:1px solid #4a454e;color:#efebea;background:#111114;padding:12px 13px;border-radius:0;transition:border-color .2s,box-shadow .2s} #basvuru .field input:not([type=checkbox]):focus,#basvuru .field select:focus,#basvuru .field textarea:focus{border-color:#ed3947;box-shadow:inset 0 -2px 0 #ed3947;outline:0} #basvuru .field textarea{min-height:75px} #basvuru .form-foot{padding-top:18px;margin-top:20px;border-top:1px solid #494349} #basvuru .form-foot small{max-width:265px;font-size:12px;line-height:1.55;color:#a9a6ac} #basvuru #gonderBtn{min-height:48px;padding:10px 27px;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;border-radius:0} #basvuru .check{font-size:13px;line-height:1.55;text-transform:none;letter-spacing:normal} #basvuru .apply-form-tail{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #3a363b;padding:12px 34px 16px;color:#77727a;font-size:10px;font-weight:800;letter-spacing:.1em} @media(max-width:1050px){#basvuru .partner-apply-wrap{grid-template-columns:1fr}#basvuru .apply-eyebrow{margin-bottom:30px}#basvuru .apply-side-note{margin-bottom:20px}#basvuru .partner-apply-intro{padding:0}} @media(max-width:620px){#basvuru.partner-apply{padding:45px 0 65px}#basvuru .apply-paper,#basvuru .apply-redpaper{font-size:clamp(33px,9.5vw,58px);padding:11px 14px 14px}#basvuru .apply-form-head{padding:24px 19px 22px}#basvuru .form-panel{padding:23px 19px}#basvuru .apply-form-tail{padding:12px 19px}#basvuru .form-foot{align-items:stretch}#basvuru #gonderBtn{width:100%}} @media(prefers-reduced-motion:reduce){#basvuru .field input:not([type=checkbox]),#basvuru .field select,#basvuru .field textarea{transition:none}} /* KİLİTLİ FİNAL: BU DAHA BAŞLANGIÇ. — yalnızca kapanış sahnesi */ .tp-signoff{padding:clamp(60px,8vw,110px) 20px clamp(70px,9vw,122px);background:#101012;position:relative;overflow:hidden;text-align:center;isolation:isolate} .tp-signoff::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.27;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:125px 125px;mask-image:radial-gradient(ellipse,black 0%,transparent 76%)} @media (max-width:640px){.tp-signoff{padding:68px 14px 80px}} /* v43 — Kapak fotoğrafı güncellemesi. Diğer onaylı bölümler değiştirilmedi. */ #giris .hero-final-scene{background:#290707;} #giris .hero-final-scene-image{object-fit:cover!important;object-position:66% 50%!important;filter:none!important;} @media(max-width:770px){#giris .hero-final-scene-image{object-position:69% 50%!important;}} /* ===== v21 SADECE ONAYLANAN HERO GORSELI VE PANEL BASLIK SIGDIRMA ===== */ /* Yeni sahnede bu iki mesaj zaten görselin içinde: önceki sahnenin dekoratif bindirmelerini göstermeyelim. */ #giris .hero-final-scene > .hero-partner-art, #giris .hero-final-scene > .hero-final-history {display:none!important;} /* Aynı orijinal HTML, font ailesi ve renkler korunur; yalnızca yazı sütuna sığar. */ #tesla-desk .td-title {width:100%;max-width:100%;min-width:0;} #tesla-desk .td-title span { box-sizing:border-box; max-width:100%; font-size:clamp(27px,2.7vw,43px); letter-spacing:-.045em; white-space:nowrap; } @media(max-width:680px){ #tesla-desk .td-title span {font-size:clamp(26px,7vw,40px);padding-left:13px;padding-right:15px;} } /* v50 hero adjustment: move left slogan block upward and restore more breathing room between text and photo */ .hero.hero-final .hero-final-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:34px!important;align-items:start!important;} .hero.hero-final .hero-final-content{padding-top:10px!important;padding-bottom:37px!important;transform:translateY(-26px)!important;} .hero.hero-final .hero-final-lead{margin-top:14px!important;} .hero.hero-final .hero-final-actions{margin-top:4px!important;} .hero.hero-final .hero-final-scene{min-height:670px!important;} @media (max-width:1100px){.hero.hero-final .hero-final-grid{gap:20px!important;} .hero.hero-final .hero-final-content{transform:translateY(-14px)!important;padding-top:8px!important;}} @media (max-width:770px){.hero.hero-final .hero-final-content{transform:none!important;padding-top:28px!important;} .hero.hero-final .hero-final-grid{gap:0!important;}} /* ===== BLOK 03 : PROGRAM SEKMELERI - Partner Programi / Uye Ortakligi secimi ===== */ /* === ONAYLI PROGRAM SEÇİMİ / TEK EDİTORYAL PANEL === */ #programlar{padding-top:24px;padding-bottom:26px} #programlar .prog-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;background:#121113;border:1px solid #514749;position:relative;overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.2)} #programlar .prog-tabs::before{content:"TESLA / CHOOSE YOUR SIDE";position:absolute;inset:0 0 auto 0;text-align:center;pointer-events:none;font-size:9px;letter-spacing:.36em;color:#777074;top:13px;z-index:2} #programlar .prog-tab{border:0;box-shadow:none;min-height:285px;padding:43px 20px 24px;background:transparent;color:#f5f0e9;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;isolation:isolate;transform:none;transition:background .24s ease,color .24s ease} #programlar .prog-tab+ .prog-tab{border-left:1px solid rgba(250,242,235,.28)} #programlar .prog-tab::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.26;background:repeating-linear-gradient(0deg, transparent 0 8px,rgba(255,255,255,.025) 9px 10px),linear-gradient(120deg,transparent 60%,rgba(234,55,70,.1))} #programlar .prog-tab::after{content:"";position:absolute;height:4px;width:0;bottom:0;left:50%;transform:translateX(-50%);background:#ed3746;transition:width .28s ease} #programlar .prog-tab:hover{background:#1f191b;color:#fff} #programlar .prog-tab[aria-selected="true"]{background:#241619;color:#f7f1e9;border-color:rgba(250,242,235,.28);box-shadow:none} #programlar .prog-tab[aria-selected="true"]::after{width:100%} #programlar .prog-eyebrow{font-size:10px;letter-spacing:.21em;font-weight:750;color:#e94a57;margin-bottom:22px;line-height:1.2} #programlar .prog-headline{min-height:80px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;align-content:center;font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-stretch:condensed;font-size:clamp(23px,2.65vw,40px);line-height:1.04;letter-spacing:.01em;text-transform:uppercase} #programlar .prog-paper{color:#161314;display:inline-block;padding:7px 10px 6px;background:#f0eae1;clip-path:polygon(1% 2%,97% 0,100% 15%,98% 45%,100% 90%,96% 100%,2% 97%,0 78%,2% 37%);transform:rotate(-1deg);box-shadow:0 1px 0 #bcb6b0} #programlar .prog-title-rest{color:#f6f0e7;display:inline-block} #programlar .prog-hairline{height:1px;width:52px;background:#e63d4c;margin:21px auto 16px;opacity:.86} #programlar .prog-slogan{color:#d8d1ce;display:block;font-size:clamp(13px,1.25vw,16px);font-weight:500;line-height:1.5;letter-spacing:0;max-width:330px;min-height:48px;text-transform:none} #programlar .prog-cta{font-size:10px;font-weight:800;letter-spacing:.17em;color:#f3ede6;margin-top:19px;display:block} #programlar .prog-cta span{color:#ef4351;font-size:16px;vertical-align:middle;margin-left:5px} #programlar .prog-tab:focus-visible{outline:2px solid #f5e9e5;outline-offset:-5px;z-index:3} @media(max-width:750px){#programlar .prog-tab{padding:44px 10px 22px;min-height:260px}#programlar .prog-headline{min-height:94px;flex-direction:column;gap:5px;font-size:clamp(21px,4vw,31px)}#programlar .prog-eyebrow{font-size:9px;margin-bottom:14px}#programlar .prog-slogan{font-size:13px;min-height:60px}#programlar .prog-paper{padding:5px 7px}} @media(max-width:390px){#programlar .prog-tab{padding-left:7px;padding-right:7px}#programlar .prog-headline{font-size:21px}#programlar .prog-cta{font-size:9px;letter-spacing:.05em}} /* === YALNIZCA BASLIK ARKA PLANLARI: DAHA NET KIRMIZI / BEYAZ === */ #programlar .prog-paper{ background:#fff9ef; color:#141113; filter:drop-shadow(0 2px 0 rgba(255,255,255,.23)); clip-path:polygon(0% 7%,96% 0%,100% 12%,98% 44%,100% 88%,95% 100%,3% 95%,0% 79%,2% 40%); } #programlar .prog-title-rest{ background:#ef263b; color:#fffaf5; padding:7px 10px 6px; clip-path:polygon(2% 0%,99% 5%,97% 31%,100% 76%,97% 98%,2% 100%,0% 81%,2% 37%); transform:rotate(.6deg); text-shadow:0 1px 0 rgba(30,0,0,.17); } @media(max-width:750px){ #programlar .prog-title-rest{padding:5px 7px 5px} } /* ===== BLOK 04 : KOMISYON (GUC SENDE) - kart hareketleri ===== */ /* GÜÇ SENDE: isolated responsive interactive section, from approved Tesla Partner art */ #gsk-heading{margin:0!important} #komisyon.gsk-section{display:block!important;position:relative!important;overflow:hidden;background:#0d0c0e!important;color:#ede9e2!important;padding:clamp(22px,3.5vw,56px) clamp(10px,2vw,32px)!important;font-family:Inter,Arial,sans-serif!important;min-height:0!important} #komisyon.gsk-section *{box-sizing:border-box} #komisyon .gsk-shell{position:relative;margin:auto;width:min(1490px,100%);border:1px solid #343036;background:radial-gradient(ellipse at 5% 36%,#1a171a,#101012 60%,#0d0d0f);padding:clamp(22px,3vw,48px);isolation:isolate} #komisyon .gsk-shell:after{content:'';position:absolute;inset:8px;border:1px solid #28252a;z-index:-1;pointer-events:none} #komisyon .gsk-stage{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;transition:grid-template-columns .48s cubic-bezier(.2,.7,.2,1),gap .48s} #komisyon .gsk-grid{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #komisyon .gsk-card{display:block;width:100%;min-width:0;aspect-ratio:1.46/1;position:relative;border:0;padding:0;background:#211a1e;overflow:hidden;cursor:pointer;outline-offset:3px;box-shadow:0 0 0 1px #51484a;transition:transform .25s,box-shadow .25s} #komisyon .gsk-card img{width:100%;height:100%;object-fit:fill;display:block;transition:transform .5s ease,filter .45s ease} #komisyon .gsk-card:hover{transform:translateY(-3px);box-shadow:0 0 0 2px #ec334a,0 16px 24px rgba(0,0,0,.22)} #komisyon .gsk-card:hover img{transform:scale(1.025);filter:brightness(1.06)} #komisyon .gsk-card:focus-visible{outline:3px solid #ed3345} #komisyon .gsk-card[aria-pressed=true]{box-shadow:0 0 0 2px #ed3345} #komisyon .gsk-detail{display:none;min-width:0;background:#f0ece5;color:#181518;padding:clamp(17px,1.65vw,26px);border:1px solid #dbd2c8;flex-direction:column;position:relative;transform:translateX(10px);opacity:0;transition:transform .36s ease,opacity .36s ease} #komisyon .gsk-stage.open{grid-template-columns:minmax(0,1fr) minmax(245px,.92fr);gap:13px} #komisyon .gsk-stage.open .gsk-detail{display:flex;transform:translateX(0);opacity:1;animation:gskSlide .38s ease both} @keyframes gskSlide{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}} #komisyon .gsk-close{background:transparent;border:1px solid #9a8987;color:#221b20;width:30px;height:30px;cursor:pointer;line-height:1;font-size:20px} #komisyon #gsk-name{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(45px,5vw,72px);font-weight:900;line-height:1;color:#131113;margin:0 0 24px;text-transform:uppercase} @media(max-width:1180px){#komisyon .gsk-stage.open{grid-template-columns:minmax(0,1fr)}#komisyon .gsk-detail{min-height:330px}#komisyon #gsk-name{font-size:48px}} @media(max-width:790px){#komisyon .gsk-stage.open{grid-template-columns:1fr}#komisyon .gsk-grid{gap:8px}#komisyon .gsk-detail{min-height:300px}} @media(max-width:420px){#komisyon .gsk-shell{padding:18px}#komisyon .gsk-card{aspect-ratio:1.34/1}} @media(prefers-reduced-motion:reduce){#komisyon .gsk-card,#komisyon .gsk-card img,#komisyon .gsk-detail,#komisyon .gsk-stage{animation:none!important;transition:none!important}} /* v6: Keep four cards readable when fifth details card opens. */ #komisyon .gsk-stage.open{grid-template-columns:minmax(0,1fr) minmax(255px,.49fr);gap:16px} #komisyon .gsk-card img{object-fit:fill} #komisyon .gsk-detail{padding:clamp(17px,1.5vw,24px)} #komisyon #gsk-name{font-size:clamp(42px,4vw,58px);margin-bottom:18px} #komisyon .gsk-grid{gap:12px} @media(max-width:1180px){ #komisyon .gsk-stage.open{grid-template-columns:minmax(0,1fr);gap:14px} #komisyon .gsk-card{aspect-ratio:1.46/1} } @media(max-width:790px){ #komisyon .gsk-detail{min-height:0} } @media(max-width:420px){ #komisyon .gsk-grid{gap:8px} } /* ===== BLOK 06 : NASIL CALISIR - adimlar ===== */ /* 5 ADIM — yalnızca bu bölüme ait, tıklamasız hover animasyonu */ #nasil.tp-process-new {background:#111113;color:#f1eee9;padding:clamp(48px,6vw,96px) 0 70px;overflow:hidden} #nasil .tpn-shell{max-width:1510px} #nasil .tpn-meta,#nasil .tpn-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;letter-spacing:.15em;font-size:11px;font-weight:800;color:#a29c9d;text-transform:uppercase} #nasil .tpn-meta{padding-bottom:17px;border-bottom:1px solid #3d373a} #nasil .tpn-meta span:first-child{color:#f4e9df} #nasil .tpn-dash{display:inline-block;width:28px;height:3px;background:#ec3c42;margin:0 12px 3px 0} #nasil .tpn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:34px 0 34px} #nasil .tpn-heading-wrap{min-width:0} #nasil .tpn-kicker{font-size:clamp(12px,1.2vw,15px);font-weight:700;color:#dbd5cd;display:block;margin-bottom:18px;letter-spacing:.012em} #nasil .tpn-head h2{margin:0;display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-family:var(--font);font-weight:900;letter-spacing:-.05em;font-stretch:condensed;line-height:1.06;font-size:clamp(30px,3.45vw,56px);text-transform:uppercase} #nasil .tpn-paper,#nasil .tpn-red{display:inline-block;padding:5px 13px 7px;clip-path:polygon(1% 2%,99% 0,100% 92%,0 100%);white-space:nowrap} #nasil .tpn-paper{background:#eee8de;color:#111113;transform:rotate(-1.1deg)} #nasil .tpn-red{background:#eb3e4a;color:white;transform:rotate(.6deg)} #nasil .tpn-intro{font-size:clamp(13px,1.1vw,16px);line-height:1.65;color:#ada8a8;max-width:310px;margin:0 0 6px} #nasil .tpn-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px} #nasil .tpn-step{box-sizing:border-box;min-width:0;min-height:275px;padding:18px 17px 19px;border:1px solid rgba(238,232,223,.2);background:#19181b;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate;transition:transform .32s cubic-bezier(.2,.75,.25,1),border-color .28s ease,background .28s ease,box-shadow .28s ease} #nasil .tpn-step:nth-child(2){background:#e9e4dd;color:#1b1b1e;border-color:#e9e4dd} #nasil .tpn-step:nth-child(4){background:#282025} #nasil .tpn-step:nth-child(5){background:#21191d} #nasil .tpn-step::before{content:'';position:absolute;inset:auto -30% -38% 30%;height:55%;border-radius:50%;background:radial-gradient(ellipse,rgba(233,59,73,.13),transparent 65%);pointer-events:none;transition:transform .38s ease,opacity .38s ease} #nasil .tpn-copy{position:relative;z-index:1} #nasil .tpn-copy h3{font-family:var(--font);font-size:clamp(14px,1.35vw,19px);font-weight:900;letter-spacing:-.02em;line-height:1.22;text-transform:uppercase;margin:0 0 12px;color:inherit} #nasil .tpn-copy p{font-family:var(--font);font-size:clamp(11px,.88vw,13px);line-height:1.55;color:#b8b1b0;margin:0} #nasil .tpn-step:nth-child(2) .tpn-copy p{color:#5a5352} #nasil .tpn-step:hover{transform:translateY(-5px);border-color:#e84b54;box-shadow:0 14px 35px rgba(0,0,0,.16)} #nasil .tpn-step:hover::before{transform:scale(1.4)} #nasil .tpn-footer{padding-top:17px;border-top:1px solid #373135;margin-top:17px;font-size:10px} @media(max-width:1050px){#nasil .tpn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#nasil .tpn-step{min-height:235px}#nasil .tpn-head{align-items:flex-start}} @media(max-width:650px){#nasil.tp-process-new{padding:44px 0 55px}#nasil .tpn-head{display:block}#nasil .tpn-intro{margin-top:20px}#nasil .tpn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#nasil .tpn-step{min-height:232px;padding:14px 12px}#nasil .tpn-meta,#nasil .tpn-footer{font-size:9px;letter-spacing:.06em}#nasil .tpn-meta span:last-child{max-width:120px;text-align:right}#nasil .tpn-head h2{font-size:clamp(26px,7.6vw,41px)}#nasil .tpn-copy h3{font-size:15px}} @media(max-width:380px){#nasil .tpn-grid{grid-template-columns:1fr}#nasil .tpn-step{min-height:185px}} @media(hover:none){#nasil .tpn-step:hover{transform:none;box-shadow:none}} @media(prefers-reduced-motion:reduce){#nasil .tpn-step{transition:none!important}} /* ONAYLI NASIL ÇALIŞIR — görsel yenilemesi; hover etkileşimi korunur */ #nasil .tpn-step{background:#171619;color:#f5f0eb;min-height:315px;padding:15px 13px 19px;} #nasil .tpn-step:nth-child(2),#nasil .tpn-step:nth-child(4),#nasil .tpn-step:nth-child(5){background:#171619;color:#f5f0eb;border-color:rgba(238,232,223,.2)} #nasil .tpn-step:nth-child(2) .tpn-copy p{color:#b8b1b0} #nasil .tpn-step .tpn-copy{flex:1;} #nasil .tpn-step .tpn-copy h3{font-size:clamp(14px,1.2vw,18px);margin-bottom:10px} #nasil .tpn-step .tpn-copy p{font-size:clamp(11px,.84vw,13px);line-height:1.55} @media(max-width:1050px){#nasil .tpn-step{min-height:312px}} @media(max-width:650px){#nasil .tpn-step{padding:12px;min-height:300px}} /* ===== BLOK 07 : KOMISYON (GUC SENDE) - aciklama paneli gecisi (eski adi: gsk-only-detail-transition) ===== */ /* Only the right-hand commission detail panel: no card/hero/layout changes. */ #komisyon .gsk-detail.gsk-refresh #gsk-num, #komisyon .gsk-detail.gsk-refresh #gsk-tag, #komisyon .gsk-detail.gsk-refresh #gsk-name, #komisyon .gsk-detail.gsk-refresh #gsk-punch, #komisyon .gsk-detail.gsk-refresh #gsk-copy{animation:gsk-only-content .31s cubic-bezier(.2,.65,.2,1) both;} #komisyon .gsk-detail.gsk-refresh #gsk-tag{animation-delay:25ms} #komisyon .gsk-detail.gsk-refresh #gsk-name{animation-delay:45ms} #komisyon .gsk-detail.gsk-refresh #gsk-punch{animation-delay:65ms} #komisyon .gsk-detail.gsk-refresh #gsk-copy{animation-delay:85ms} @keyframes gsk-only-content{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){#komisyon .gsk-detail.gsk-refresh #gsk-num,#komisyon .gsk-detail.gsk-refresh #gsk-tag,#komisyon .gsk-detail.gsk-refresh #gsk-name,#komisyon .gsk-detail.gsk-refresh #gsk-punch,#komisyon .gsk-detail.gsk-refresh #gsk-copy{animation:none}} /* ===== BLOK 08 : BASVURU FORMU ===== */ /* v16: yalnızca başvuru bölümünün sayfada dengeli ortalanması */ #basvuru.partner-apply{overflow-x:clip;} #basvuru .partner-apply-wrap{ width:min(100% - 64px, 1280px); max-width:1280px; margin-inline:auto; padding-inline:0; grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr); gap:clamp(34px, 4vw, 64px); align-items:start; } #basvuru .partner-apply-intro{min-width:0;padding:14px 0 0;} #basvuru .partner-apply-form{min-width:0;width:100%;max-width:100%;} #basvuru .apply-title{max-width:100%;} #basvuru .apply-paper,#basvuru .apply-redpaper{font-size:clamp(39px,4.5vw,67px);} #basvuru .form-panel{padding:28px clamp(20px,2.5vw,32px) 30px;} #basvuru .apply-form-head{padding:28px clamp(20px,2.5vw,32px) 24px;} #basvuru .form-grid{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));} #basvuru .field{min-width:0;} #basvuru .field input:not([type=checkbox]),#basvuru .field select,#basvuru .field textarea{width:100%;max-width:100%;} @media(max-width:1050px){ #basvuru .partner-apply-wrap{width:min(100% - 40px,760px);grid-template-columns:minmax(0,1fr);gap:32px;} #basvuru .apply-paper,#basvuru .apply-redpaper{font-size:clamp(42px,8vw,67px);} } @media(max-width:620px){ #basvuru .partner-apply-wrap{width:calc(100% - 32px);} #basvuru .form-grid{grid-template-columns:minmax(0,1fr);} #basvuru .apply-paper,#basvuru .apply-redpaper{font-size:clamp(32px,9vw,51px);} } /* ===== BLOK 12 : KAYAN BANT - ana stil ===== */ /* Tesla Partner v28: continuous, content-proportional editorial ticker; isolated from rest of site */ .tp28-band{width:100%;height:130px;position:relative;overflow:hidden;isolation:isolate;background:#0e0c0f;color:#eee9e3;border-top:1px solid #541923;border-bottom:1px solid #541923;box-sizing:border-box} .tp28-band::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 9% 70%,rgba(116,17,30,.14),transparent 30%),radial-gradient(ellipse at 89% 30%,rgba(108,16,30,.11),transparent 32%)} .tp28-track{position:relative;display:flex;width:max-content;height:100%;animation:tp28-flow 76s linear infinite;will-change:transform;pointer-events:none;animation-play-state:running!important} .tp28-band:hover .tp28-track,.tp28-band:focus-within .tp28-track{animation-play-state:running!important} @keyframes tp28-flow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}} .tp28-run{flex:0 0 auto;display:flex;align-items:center;height:100%;padding:0;gap:0;white-space:nowrap} .tp28-unit{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;position:relative;height:106px;flex:0 0 auto;gap:10px;padding:0 24px;white-space:nowrap} .tp28-unit::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:33px;background:linear-gradient(transparent,#a52c4166,transparent)} .tp28-detail{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;color:#927f83;font:600 8px/1 Inter,Arial,sans-serif;letter-spacing:.17em;white-space:nowrap} .tp28-words{display:inline-flex;align-items:center;gap:5px;color:#f0e9e2;font-family:'Barlow Condensed',Archivo,Impact,'Arial Narrow',sans-serif;font-size:25px;font-weight:900;letter-spacing:-.025em;line-height:1.08;text-transform:uppercase} .tp28-words>span{display:inline-block;flex:none} .tp28-red,.tp28-paper{line-height:1.05;padding:4px 7px 3px} .tp28-red{background:#be2536;color:#fff0e9} .tp28-paper{background:#eae0d6;color:#161115;clip-path:polygon(0 8%,13% 0,28% 5%,49% 0,76% 4%,100% 0,98% 93%,81% 100%,57% 96%,38% 100%,19% 94%,0 100%)} .tp28-minor{font:600 9px/1.1 Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#c9bfc0} .tp28-primary .tp28-minor,.tp28-shop .tp28-minor{border-right:1px solid #a6273d;padding-right:13px;margin-right:0} .tp28-photo{object-fit:contain;display:block;flex:none;filter:saturate(.94) contrast(1.05)} .tp28-ace{width:68px;height:86px;object-position:center} .tp28-phone{width:44px;height:92px;object-position:center} .tp28-cash{width:43px;height:90px;object-position:center} .tp28-with-phone{gap:7px} .tp28-with-phone .tp28-minor{color:#e73c52;font-style:italic;transform:rotate(-6deg)} .tp28-seal{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;font-weight:900;color:#a61c30;display:inline-flex;align-items:center;justify-content:center;transform:rotate(-5deg);background:#e8ded4;padding:3px 9px 2px;clip-path:polygon(0 8%,93% 0,100% 89%,8% 100%)} .tp28-star{color:#cb2b43;font:600 16px/1 Inter,Arial,sans-serif;margin:0 2px} @media(max-width:760px){.tp28-band{height:106px}.tp28-unit{height:94px;padding:0 15px;gap:8px}.tp28-words{font-size:21px;gap:4px}.tp28-detail{font-size:7px;bottom:7px}.tp28-photo.tp28-ace{height:76px;width:58px}.tp28-photo.tp28-phone{height:76px;width:37px}.tp28-photo.tp28-cash{height:76px;width:36px}.tp28-minor{font-size:8px}.tp28-seal{font-size:23px}.tp28-star{font-size:14px}} /* ===== BLOK 13 : KAYAN BANT - aralik ayarlari ===== */ /* v29: v28 korunarak tipografik merkezleme ve karışık slogan ritmi */ .tp28-unit{padding-left:16px!important;padding-right:16px!important;gap:0!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important} .tp29-cluster{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;flex:none} .tp29-line{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap} .tp28-unit .tp28-detail{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;text-align:center!important;display:block;line-height:1.2!important;max-width:100%;margin:0!important} .tp28-unit .tp28-words{font-size:23px!important;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap} .tp28-unit .tp28-seal{font-size:24px!important;transform:rotate(-3deg)} .tp28-unit .tp28-photo{object-fit:contain;align-self:center;margin:0!important;flex:none} .tp28-unit .tp28-ace{width:64px;height:76px} .tp28-unit .tp28-phone{width:42px;height:80px} .tp28-unit .tp28-cash{width:40px;height:78px} .tp28-unit.tp28-with-phone .tp28-minor{margin:0 1px!important;transform:rotate(-4deg)} .tp28-unit .tp28-minor{white-space:nowrap} .tp28-track,.tp28-band:hover .tp28-track,.tp28-band:focus-within .tp28-track{animation-play-state:running!important} @media(max-width:760px){ .tp28-unit{padding-left:12px!important;padding-right:12px!important} .tp29-cluster{gap:5px} .tp29-line{gap:6px} .tp28-unit .tp28-words{font-size:20px!important} .tp28-unit .tp28-detail{font-size:7px!important} .tp28-unit .tp28-ace{width:53px;height:67px} .tp28-unit .tp28-phone{width:35px;height:69px} .tp28-unit .tp28-cash{width:34px;height:68px} .tp28-unit .tp28-seal{font-size:21px!important} } /* ===== BLOK 14 : KAYAN BANT - tipografi ===== */ /* v30: v28/v29 görselleri sabit, tipografik aks ve birim ayrımı düzeltmeleri */ .tp28-band .tp30-unit{ height:106px!important; padding:0 21px!important; gap:0!important; display:inline-flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:center!important; white-space:nowrap!important; } .tp28-band .tp30-unit::after{ content:"✦"!important; position:static!important; transform:none!important; height:auto!important; width:auto!important; background:none!important; color:#9c3345!important; font:400 9px/1 Inter,Arial,sans-serif!important; opacity:.7!important; margin-left:27px!important; flex:none!important; } .tp28-band .tp30-unit:last-child::after{content:"✦"!important;} .tp28-band .tp30-unit .tp29-cluster{ display:flex!important; flex-direction:row!important; gap:10px!important; align-items:center!important; justify-content:center!important; height:100%!important; } .tp28-band .tp30-copy{ display:inline-flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:9px!important; width:max-content!important; flex:none!important; margin:0!important; transform:none!important; } .tp28-band .tp30-head{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; width:max-content!important; min-height:32px!important; } .tp28-band .tp30-copy>.tp28-detail{ display:block!important; position:static!important; inset:auto!important; transform:none!important; margin:0!important; padding:0!important; width:100%!important; max-width:none!important; text-align:center!important; color:#b5a2a4!important; letter-spacing:.16em!important; font-size:8px!important; line-height:1.15!important; } .tp28-band .tp30-head .tp28-words{ font-size:23px!important; gap:5px!important; } .tp28-band .tp30-head .tp28-minor{font-size:9px!important;letter-spacing:.13em!important;} .tp28-band .tp30-unit .tp28-photo{margin:0!important;flex:none!important;align-self:center!important;} .tp28-band .tp30-unit .tp28-ace{width:60px!important;height:78px!important;} .tp28-band .tp30-unit .tp28-phone{width:41px!important;height:78px!important;} .tp28-band .tp30-unit .tp28-cash{width:39px!important;height:78px!important;} .tp28-band .tp30-unit .tp28-seal{margin-right:3px!important;transform:rotate(-3deg)!important;} .tp28-band .tp28-track,.tp28-band:hover .tp28-track,.tp28-band:focus-within .tp28-track{ animation-play-state:running!important; } @media(max-width:760px){ .tp28-band .tp30-unit{height:94px!important;padding:0 13px!important;} .tp28-band .tp30-unit::after{margin-left:17px!important;font-size:8px!important;} .tp28-band .tp30-unit .tp29-cluster{gap:7px!important;} .tp28-band .tp30-copy{gap:7px!important;} .tp28-band .tp30-head{gap:5px!important;} .tp28-band .tp30-head .tp28-words{font-size:20px!important;gap:4px!important;} .tp28-band .tp30-copy>.tp28-detail{font-size:7px!important;} .tp28-band .tp30-unit .tp28-ace{width:51px!important;height:68px!important;} .tp28-band .tp30-unit .tp28-phone{width:35px!important;height:68px!important;} .tp28-band .tp30-unit .tp28-cash{width:32px!important;height:68px!important;} } /* ===== BLOK 15 : UYE ORTAKLIGI - Nasil Katilirim? ===== */ /* === Tesla Partner v38: Kilitli "Nasıl Katılırım?" bölümü === Scope exclusively #uye-katil; no modifications to BetBuddy or marquee. */ #uye-katil.tp-join-story{ --join-red:#ec3047; --join-paper:#f3eee7; padding:clamp(62px,7.2vw,104px) 0 clamp(76px,8vw,120px); position:relative; isolation:isolate; overflow:hidden; border-top:1px solid rgba(243,238,231,.09); background:radial-gradient(ellipse 55% 47% at 99% 16%,rgba(142,12,39,.08),transparent 80%), linear-gradient(180deg,rgba(10,10,13,.24),rgba(17,17,20,.16)); } #uye-katil.tp-join-story::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),rgba(241,234,222,.055) 100%), linear-gradient(0deg,transparent 0,transparent calc(100% - 1px),rgba(241,234,222,.045) 100%); background-size:clamp(180px,21vw,330px) clamp(180px,21vw,330px); opacity:.5; } #uye-katil .tp-join-header{ display:flex; flex-direction:column; align-items:flex-start; gap:0; width:100%; margin:0 0 clamp(42px,5vw,64px); } #uye-katil .tp-join-heading{ display:flex; flex-direction:column; align-items:flex-start; margin:0; font-family:var(--font),Arial,sans-serif; font-stretch:75%; font-weight:900; line-height:.98; letter-spacing:-.045em; font-size:clamp(39px,5.35vw,76px); text-transform:none; } #uye-katil .tp-heading-paper{display:inline-block; width:max-content; max-width:100%; padding:.10em .29em .14em .21em; box-shadow:5px 6px 0 rgba(0,0,0,.56); white-space:nowrap;} #uye-katil .tp-heading-paper-cream{ color:#111014; background:var(--join-paper); clip-path:polygon(1% 7%,97% 0,100% 14%,99% 91%,3% 100%,0 87%); transform:rotate(-2deg); margin:0 0 -.005em 0; } #uye-katil .tp-heading-paper-red{ color:#fffaf5; background:var(--join-red); clip-path:polygon(1% 3%,98% 0,100% 11%,99% 94%,2% 100%,0 88%); transform:rotate(-1deg); margin:0 0 0 clamp(6px,1.4vw,18px); } #uye-katil .tp-join-lead{ color:#f2ede7; font-weight:720; font-stretch:95%; font-size:clamp(17px,1.65vw,23px); line-height:1.35; letter-spacing:-.015em; margin:clamp(23px,2.4vw,32px) 0 14px; max-width:860px; text-shadow:0 2px 0 rgba(0,0,0,.4); } #uye-katil .tp-join-underline{display:block;width:112px;height:3px;background:var(--join-red);box-shadow:0 0 13px rgba(236,48,71,.24)} #uye-katil .tp-journey{ position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(16px,2.6vw,38px); list-style:none; margin:0; padding:0; } #uye-katil .tp-journey::before{ content:""; position:absolute; top:29px; left:29px; right:calc(33.3333% - 35px); height:3px; z-index:0; background:linear-gradient(90deg,#cf1734,#f0384d 52%,#ad1937); box-shadow:0 0 10px rgba(236,43,65,.25); } #uye-katil .tp-stage{padding:0; position:relative; min-width:0; isolation:isolate;} #uye-katil .tp-stage-badge{ position:relative; z-index:2; display:grid; place-items:center; width:58px;height:60px; transform:rotate(-8deg); filter:drop-shadow(4px 5px 0 #050506); } #uye-katil .tp-stage:nth-child(2) .tp-stage-badge{transform:rotate(5deg)} #uye-katil .tp-stage:nth-child(3) .tp-stage-badge{transform:rotate(-5deg)} #uye-katil .tp-stage-badge::before{ content:""; position:absolute; inset:-4px -5px -3px -4px; z-index:-2; background:linear-gradient(140deg,rgba(44,42,46,.95),rgba(4,4,5,.94)); clip-path:polygon(7% 2%,79% 7%,91% 0,100% 80%,78% 93%,10% 100%,0 28%); transform:rotate(-9deg); } #uye-katil .tp-stage-badge::after{ content:""; position:absolute; inset:1px; z-index:-1; background:linear-gradient(120deg,#ff4254 0%,#ed2e47 53%,#cc203d 100%); clip-path:polygon(1% 6%,91% 0,100% 15%,97% 92%,9% 100%,0 87%); box-shadow:inset 0 1px rgba(255,255,255,.15); } #uye-katil .tp-stage-badge>span{ font-size:34px; line-height:1; color:#fffdf9;font-weight:900; font-stretch:75%; letter-spacing:-.06em;transform:rotate(5deg); text-shadow:0 1px rgba(0,0,0,.15); } #uye-katil .tp-connector-detail{ position:absolute; left:calc(84% - 18px); top:21px; width:54px; height:20px; z-index:1; pointer-events:none; } #uye-katil .tp-connector-detail::before{ content:""; position:absolute; left:3px; top:4px; width:21px; height:12px; border-right:4px solid #ed344a; transform:skew(-34deg); } #uye-katil .tp-connector-detail::after{ content:""; position:absolute; right:4px; top:3px; width:14px; height:14px; border:3px solid #ed344a; background:#121115; border-radius:50%; } #uye-katil .tp-stage-body{position:relative; z-index:1; margin-top:clamp(19px,2vw,25px);padding-right:3px} #uye-katil .tp-stage-title{margin:0 0 14px; font-size:clamp(15px,1.55vw,21px); font-weight:900; font-stretch:75%;line-height:1.13; letter-spacing:-.028em; text-transform:uppercase;} #uye-katil .tp-stage-title>span{ display:inline-block; background:var(--join-paper); color:#141216; padding:11px 12px 12px; clip-path:polygon(0 7%,98% 0,100% 9%,99% 88%,3% 100%,0 94%); box-shadow:none; max-width:100%; } #uye-katil .tp-stage p{ color:#c7c3c6; font-size:clamp(14px,1.28vw,16px); line-height:1.65; letter-spacing:0; margin:0; max-width:355px; } #uye-katil .tp-stage p strong{color:#e9e4e1;font-weight:700} #uye-katil .tp-stage p::after{content:"";display:block;width:86px;height:3px;background:#ee354b;margin-top:20px} /* Smaller laptop */ @media(max-width:1050px) and (min-width:701px){ #uye-katil .tp-journey{gap:16px} #uye-katil .tp-stage-title{font-size:16px} #uye-katil .tp-stage-title>span{padding:10px 9px} #uye-katil .tp-stage p{font-size:14px} } /* Mobile: one continuous vertical 1-2-3 flow, never horizontally clipped */ @media(max-width:700px){ #uye-katil.tp-join-story{padding:60px 0 78px} #uye-katil .tp-join-heading{font-size:clamp(43px,9.5vw,64px)} #uye-katil .tp-join-lead{font-size:17px;max-width:95%;margin-top:25px} #uye-katil .tp-join-header{margin-bottom:37px} #uye-katil .tp-journey{display:flex; flex-direction:column; gap:27px;padding-left:0} #uye-katil .tp-journey::before{top:27px;bottom:30px;left:27px;right:auto;width:2px;height:auto; background:linear-gradient(180deg,#d92842,#f0384d 60%,#a91936)} #uye-katil .tp-stage{display:grid;grid-template-columns:59px minmax(0,1fr);gap:15px;align-items:start} #uye-katil .tp-stage-badge{width:55px;height:56px} #uye-katil .tp-stage-badge>span{font-size:32px} #uye-katil .tp-stage-body{margin-top:1px} #uye-katil .tp-stage-title{font-size:clamp(17px,4vw,20px);margin:0 0 10px} #uye-katil .tp-stage-title>span{padding:10px 11px 11px} #uye-katil .tp-stage p{font-size:14px;line-height:1.58;max-width:none} #uye-katil .tp-stage p::after{width:66px;margin-top:13px;height:2px} #uye-katil .tp-connector-detail{display:none} } @media(max-width:365px){ #uye-katil .tp-join-heading{font-size:40px} #uye-katil .tp-stage{gap:10px} #uye-katil .tp-stage-title{font-size:16px} #uye-katil .tp-stage p{font-size:13px} } /* ===== BLOK 16 : UYE ORTAKLIGI - Canli Destek Bildirimi ve Nasil Katilirim duzeltmeleri (eski adi: teslapartner-v39-unified) ===== */ /* ------------------------------------------------------------------- v39 · Tesla Partner / BetBuddy görsel bütünlüğü SADECE: #uye-katil ve #uye-bildir. Diğer onaylı bölümler korunur. ------------------------------------------------------------------- */ #uye-katil.tp-join-story, #uye-bildir.tp-framed-section { padding:clamp(15px,2.2vw,31px) 0 !important; background:#101012; border:0; overflow:visible; } #uye-katil.tp-join-story::before {content:none !important;} #uye-katil .tp-join-inner, #uye-bildir .tp-unity-card { position:relative; border:1px solid #51494e; background:radial-gradient(ellipse at 86% 18%,rgba(208,30,49,.075),transparent 42%), repeating-linear-gradient(90deg,transparent 0 259px,rgba(235,228,226,.028) 260px,transparent 261px 521px), linear-gradient(125deg,#111114 0%,#0c0c0f 100%); box-shadow:0 14px 54px rgba(0,0,0,.21); isolation:isolate; } #uye-katil .tp-join-inner::after, #uye-bildir .tp-unity-card::after { content:"";position:absolute;left:50%;right:0;bottom:0;height:4px; background:#ec3047;pointer-events:none; } #uye-katil .tp-join-inner {padding:0 clamp(19px,3.4vw,47px) clamp(33px,4vw,57px);} #uye-bildir .tp-unity-card {padding:0 clamp(19px,3.4vw,47px) clamp(33px,4vw,54px);} #uye-katil .tp-unity-topline, #uye-bildir .tp-unity-topline { display:block;text-align:center;font-size:10px;font-weight:800; letter-spacing:.38em;color:#89828a;line-height:1.45;padding:20px 10px 22px; } /* Nasıl Katılırım? — orijinal 1/2/3 kâğıt etiketleri ve çizgi aynı */ #uye-katil .tp-join-header {align-items:center;text-align:center;margin:0 0 clamp(39px,4.3vw,55px);} #uye-katil .tp-join-heading {align-items:center;font-size:clamp(34px,4.15vw,56px);line-height:1.02;} #uye-katil .tp-heading-paper {padding:.10em .29em .13em .22em;} #uye-katil .tp-heading-paper-red {margin-left:10px;} #uye-katil .tp-join-lead {font-size:clamp(15px,1.42vw,19px);margin:23px 0 15px;max-width:730px;line-height:1.45;} #uye-katil .tp-join-underline {width:85px;height:3px;} #uye-katil .tp-journey {column-gap:clamp(15px,2.4vw,31px);} #uye-katil .tp-stage-title{font-size:clamp(14px,1.37vw,19px);} #uye-katil .tp-stage p{font-size:clamp(13px,1.15vw,15px);} /* Canlı destek — tek, çerçeveli tasarım ailesi; görünmez dev BİLDİR ve çapraz bant yok */ #uye-bildir .tp-support-header {display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto 32px;} #uye-bildir .tp-support-title { display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0; margin:0;font:900 clamp(27px,3.5vw,47px)/1.08 var(--font),Arial,sans-serif; letter-spacing:-.055em;max-width:100%; } #uye-bildir .tp-support-sticker {position:relative;display:inline-block;white-space:nowrap;padding:10px 16px 12px;max-width:100%;} #uye-bildir .tp-support-sticker-cream { color:#101012;background:#f3eee7;transform:rotate(-1.6deg);z-index:2; clip-path:polygon(1% 8%,98% 0,100% 11%,99% 91%,2% 100%,0 87%); } #uye-bildir .tp-support-sticker-red { color:#fffaf5;background:#ec3047;transform:translate(-6px,1px) rotate(-.6deg);z-index:1; clip-path:polygon(3% 3%,97% 0,100% 12%,99% 92%,1% 100%,0 87%); padding-left:21px; } #uye-bildir .tp-support-lead {color:#e4dfe0;font-size:clamp(14px,1.25vw,17px);line-height:1.55;font-weight:600;margin:26px auto 14px;max-width:780px;} #uye-bildir .tp-support-rule {width:85px;height:3px;background:#ec3047;display:block;} #uye-bildir .tp-support-form-frame { position:relative;background:linear-gradient(145deg,#141317,#0b0b0e); border:1.5px solid #dad5ce; padding:clamp(21px,3.1vw,40px) clamp(20px,3.3vw,45px) clamp(22px,2.6vw,35px); box-shadow:8px 9px 0 #a4182b,11px 13px 0 #070608; } #uye-bildir .tp-support-form-frame::after { content:"";position:absolute;width:68px;height:3px;background:#ee354d;top:-2px;right:12%;pointer-events:none; } #uye-bildir .tp-support-grid {gap:24px 26px;} #uye-bildir .tp-support-field {gap:9px;min-width:0;} #uye-bildir .tp-support-field label,#uye-bildir .tp-support-label { display:flex;align-items:center;gap:10px;font-size:14px;font-weight:780;line-height:1.4;color:#f1eeeb; } #uye-bildir .tp-support-field label::before,#uye-bildir .tp-support-label::before{ content:"";display:inline-block;background:#ec3047;width:3px;height:18px;transform:skew(-13deg);flex:none; } #uye-bildir .tp-support-inputwrap {display:flex;gap:12px;align-items:center;min-height:55px;padding:0 16px;background:#0c0c0f;border:1px solid #8f8a8a;transition:border-color .2s;} #uye-bildir .tp-support-inputwrap:focus-within {border-color:#f33f57;box-shadow:0 0 0 1px rgba(236,48,71,.38);} #uye-bildir .tp-support-inputwrap svg {display:block;flex:none;width:20px;height:20px;fill:none;stroke:#e9e4dd;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;} #uye-bildir .tp-support-inputwrap input,#uye-bildir .tp-support-inputwrap input:focus { flex:1;min-width:0;width:100%;height:54px;min-height:0;padding:0; outline:none;border:0;background:transparent;box-shadow:none; font:500 15px var(--font),Arial,sans-serif;color:#fff;appearance:none; } #uye-bildir .tp-support-inputwrap input::placeholder {color:#77737b;} #uye-bildir .tp-support-field.bad .tp-support-inputwrap{border-color:#ef4d5d;} #uye-bildir .tp-support-msgbox {position:relative;min-width:0;border:1px dashed #4a464e;background:#0b0b0e;} #uye-bildir .msg-preview {white-space:pre-wrap;overflow-wrap:anywhere;display:block;background:transparent;border:0;font-size:14px;line-height:1.9;margin:0;padding:20px 105px 20px 21px;min-height:117px;color:#eae6e6;} #uye-bildir .tp-support-msgicon {position:absolute;top:25px;right:24px;width:52px;height:66px;stroke:#e9e4dd;stroke-width:2;opacity:.22;pointer-events:none;} #uye-bildir .tp-support-actions {gap:17px;margin-top:26px;} #uye-bildir .tp-support-btn {min-height:52px;padding:10px 24px;border:1px solid #09090c;box-shadow:5px 6px 0 #030303; font:900 14px var(--font),Arial,sans-serif;letter-spacing:0;text-decoration:none; clip-path:polygon(2% 0,98% 0,100% 13%,99% 93%,97% 100%,0 100%,0 9%);} #uye-bildir .tp-support-btn.btn-red {background:#ec3047;color:#09080a;} #uye-bildir .tp-support-btn.btn-silver {background:#f1eee7;color:#09080a;} #uye-bildir #kopyalaBtn::before {content:"▤";font-size:19px;line-height:1;margin-right:10px;} #uye-bildir .tp-support-btn.btn-silver::before {content:"☏";font-size:19px;line-height:1;margin-right:9px;} #uye-bildir .tp-support-btn.btn-silver::after {content:"↗";position:static;background:none;transform:none;width:auto;height:auto;font-size:18px;margin-left:12px;} @media(max-width:760px){ #uye-katil .tp-join-inner,#uye-bildir .tp-unity-card{padding-left:22px;padding-right:22px;} #uye-bildir .tp-support-title{font-size:clamp(26px,5.2vw,36px);} #uye-bildir .tp-support-form-frame{padding:25px 21px;} #uye-katil .tp-join-header {margin-bottom:37px;} } @media(max-width:700px){ #uye-katil.tp-join-story,#uye-bildir.tp-framed-section{padding:11px 0 !important;} #uye-katil .tp-join-inner,#uye-bildir .tp-unity-card{padding-left:16px;padding-right:16px;padding-bottom:29px;} #uye-katil .tp-join-heading{font-size:clamp(34px,9vw,48px);} #uye-katil .tp-join-lead{font-size:15px;margin:19px auto 12px;max-width:95%;} #uye-katil .tp-journey{gap:28px;} #uye-katil .tp-stage p{font-size:13px;} #uye-bildir .tp-support-header {margin-bottom:29px;} #uye-bildir .tp-support-title {font-size:clamp(24px,5.1vw,35px);gap:4px;} #uye-bildir .tp-support-sticker{padding:9px 11px 11px;} #uye-bildir .tp-support-sticker-red{transform:rotate(-1deg);padding-left:13px;} #uye-bildir .tp-support-lead{font-size:14px;margin-top:21px;} #uye-bildir .tp-support-grid{grid-template-columns:1fr;gap:19px;} #uye-bildir .tp-support-field.full{grid-column:1;} #uye-bildir .tp-support-actions{flex-direction:column;align-items:stretch;} #uye-bildir .tp-support-btn{width:100%;} #uye-bildir .msg-preview{padding:16px 15px 63px;font-size:13px;line-height:1.7;} #uye-bildir .tp-support-msgicon{top:auto;bottom:8px;right:14px;width:40px;height:49px;} } @media(max-width:370px){ #uye-bildir .tp-support-title{font-size:23px;} #uye-katil .tp-join-heading{font-size:34px;} #uye-bildir .tp-support-form-frame{padding:19px 14px;} } /* ===== BLOK 17 : UYE ORTAKLIGI - Kampanya Sartlari ve Sik Sorulan Sorular (eski adi: teslapartner-v41-kompakt-hibrit) ===== */ /* v41 — Yalnızca Üye Ortaklığı kampanya koşulları ve SSS. Önceki pembe arka katman kaldırıldı; site renk sistemi korundu. */ #uye-sartlar.tp-terms-section{ background:transparent; padding:clamp(17px,2.5vw,32px) 0 clamp(42px,5vw,68px); } #uye-sartlar .tp-terms-shell{ position:relative; padding:0 32px 25px; background:#111114; border:1px solid #4b444a; box-shadow:0 12px 30px rgba(0,0,0,.14); overflow:hidden; isolation:isolate; } #uye-sartlar .tp-terms-shell::before, #uye-sartlar .tp-terms-shell::after{content:none!important;display:none!important;} #uye-sartlar .tp-terms-meta{ display:flex; justify-content:space-between; align-items:center; gap:15px; padding:16px 0 13px; border-bottom:1px solid #343036; color:#878088; font-size:10px; font-weight:800; letter-spacing:.21em; line-height:1.3; text-transform:uppercase; } #uye-sartlar .tp-terms-meta span:last-child{letter-spacing:.13em;} #uye-sartlar .tp-terms-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0; align-items:start; } #uye-sartlar .tp-terms-panel{ min-width:0; padding:27px 29px 4px 0; } #uye-sartlar .tp-terms-panel + .tp-terms-panel{ padding:27px 0 4px 29px; border-left:1px solid #373139; } #uye-sartlar .tp-terms-head{ margin:0 0 11px; } #uye-sartlar .tp-terms-title{ display:flex;flex-wrap:wrap;align-items:center;gap:8px; min-height:43px;margin:0; font-family:"Archivo",Impact,Arial,sans-serif; font-size:clamp(21px,2.1vw,29px); font-weight:900;line-height:1.08; letter-spacing:-.035em; text-transform:uppercase; color:#f2eee9; } #uye-sartlar .tp-terms-title-plain{color:#f1ede8;} #uye-sartlar .tp-terms-chip{ display:inline-block; min-height:auto; padding:6px 10px 7px; font:900 inherit; font-size:inherit; letter-spacing:inherit; line-height:1; box-shadow:none; clip-path:polygon(0 8%,96% 0,100% 13%,100% 92%,3% 100%,0 90%); transform:rotate(-.5deg); } #uye-sartlar .tp-terms-chip-red{background:#ed3548;color:#fff8f2;} #uye-sartlar .tp-terms-chip-cream{background:#f0ebe3;color:#151315;} #uye-sartlar .tp-terms-rule{ height:2px;width:57px; margin:10px 0 7px; background:#ed3548; } #uye-sartlar .tp-rule-list{list-style:none;display:grid;gap:0;margin:0;padding:0;} #uye-sartlar .tp-rule-list li{ display:grid;grid-template-columns:29px minmax(0,1fr); align-items:start;gap:12px; padding:12px 4px 12px 0; min-height:47px; border:0; border-bottom:1px solid #343137; background:transparent; box-shadow:none; transition:background-color .15s ease; } #uye-sartlar .tp-rule-list li:last-child{border-bottom:none;} #uye-sartlar .tp-rule-list li:hover{background:rgba(255,255,255,.023);} #uye-sartlar .tp-rule-no{ display:block; height:auto;width:auto; padding:1px 0 0; background:none; border:none;box-shadow:none; color:#ec3c42; font-family:"Archivo",Arial,sans-serif; font-size:12px;font-weight:900;letter-spacing:.04em; line-height:1.75;text-align:left; } #uye-sartlar .tp-rule-list p{ margin:0; color:#d9d5d6; font-size:13px; font-weight:450; line-height:1.58; } #uye-sartlar .tp-rule-list b{color:#f7f4f2;font-weight:750;} #uye-sartlar .tp-faq-list{display:grid;gap:0;} #uye-sartlar .tp-faq-list details{ margin:0; background:transparent; border:0; border-bottom:1px solid #343137; box-shadow:none; } #uye-sartlar .tp-faq-list details:last-child{border-bottom:none;} #uye-sartlar .tp-faq-list details[open]{ background:rgba(255,255,255,.018); } #uye-sartlar .tp-faq-list summary{ position:relative; min-height:48px; padding:14px 33px 14px 2px; display:block; color:#eeeae7; font-size:13px; font-weight:750; line-height:1.55; cursor:pointer; list-style:none; } #uye-sartlar .tp-faq-list summary::-webkit-details-marker{display:none;} #uye-sartlar .tp-faq-list summary::after{ content:"+"; position:absolute;right:3px;top:50%; transform:translateY(-50%); color:#ed3548; font:500 21px/1 "Archivo",Arial,sans-serif; } #uye-sartlar .tp-faq-list details[open] summary::after{content:"−";} #uye-sartlar .tp-faq-list summary:focus-visible{outline:2px solid #ee394e;outline-offset:-2px;} #uye-sartlar .tp-faq-list p{ margin:0; padding:0 38px 13px 2px; color:#bcb7bc; font-size:12.5px; line-height:1.65; } #uye-sartlar .tp-faq-list p b{color:#f0eae4;} @media(max-width:850px){ #uye-sartlar .tp-terms-shell{padding:0 24px 24px;} #uye-sartlar .tp-terms-grid{grid-template-columns:1fr;} #uye-sartlar .tp-terms-panel{padding:20px 0 12px!important;} #uye-sartlar .tp-terms-panel + .tp-terms-panel{ border-left:0; border-top:1px solid #3b353b; padding-top:22px!important; } #uye-sartlar .tp-terms-title{font-size:clamp(21px,4.2vw,28px);} } @media(max-width:540px){ #uye-sartlar.tp-terms-section{padding-top:13px;padding-bottom:34px;} #uye-sartlar .tp-terms-shell{padding:0 16px 18px;} #uye-sartlar .tp-terms-meta{font-size:8px;letter-spacing:.13em;padding:13px 0 12px;} #uye-sartlar .tp-terms-meta span:last-child{font-size:8px;letter-spacing:.08em;} #uye-sartlar .tp-terms-panel{padding-top:17px!important;} #uye-sartlar .tp-terms-title{gap:6px;font-size:clamp(19px,5.7vw,24px);} #uye-sartlar .tp-terms-chip{padding:5px 8px 6px;} #uye-sartlar .tp-rule-list li{gap:8px;grid-template-columns:23px minmax(0,1fr);padding:11px 0;} #uye-sartlar .tp-rule-list p{font-size:12.5px;line-height:1.55;} #uye-sartlar .tp-rule-no{font-size:11px;} #uye-sartlar .tp-faq-list summary{font-size:12.5px;padding:13px 27px 13px 0;} } @media(prefers-reduced-motion:reduce){ #uye-sartlar .tp-rule-list li{transition:none;} } /* ===== BLOK 18 : ORTAK TASARIM DILI - bolum etiketleri (P / 01 gibi), izgara, bolum basliklari (eski adi: tp-v42-design-system) ===== */ /* ================================================================ TESLA PARTNER / V42 KATEGORI VE KARELI ZEMIN SISTEMI --------------------------------------------------------------- Tasarim belirtecleri: .tp-grid-section + .tp-site-grid Kategori etiketi: .tp-micro-code veya .tp-micro-rail Degisiklikler sadece hedef bolumlerde etkin; aktif HTML ve JS aynen korunur. CSS etiketleri harici font veya resim gerektirmez. ================================================================ */ :root{ --tp-grid-hairline:rgba(231,227,224,.065); --tp-grid-red:rgba(237,53,72,.40); } section.tp-grid-section{position:relative;isolation:isolate;} section.tp-grid-section>.tp-site-grid{ position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden; opacity:.48; background-image: radial-gradient(circle at 13% 13%,var(--tp-grid-red) 0 2px,transparent 2.5px), radial-gradient(circle at 74% 66%,rgba(236,52,66,.31) 0 2px,transparent 2.5px), linear-gradient(to right,var(--tp-grid-hairline) 1px,transparent 1px), linear-gradient(to bottom,var(--tp-grid-hairline) 1px,transparent 1px); background-size:100% 100%,100% 100%,174px 174px,174px 174px; -webkit-mask-image:linear-gradient(180deg,transparent,black 13%,black 88%,transparent); mask-image:linear-gradient(180deg,transparent,black 13%,black 88%,transparent); } section.tp-grid-section:nth-of-type(even)>.tp-site-grid{ background-position:0 0,0 0,82px 52px,82px 52px; } section.tp-grid-section>:not(.tp-site-grid){position:relative;z-index:1;} /* Kategoriler gorunur metin; basliklar ve onayli kesik kagitlar korunur. */ .tp-micro-code{ box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center; flex:none;white-space:nowrap;vertical-align:middle; min-height:21px;padding:3px 7px 2px;margin-left:12px; border:1px solid rgba(235,61,77,.53);background:#21171b;color:#f19098; font:800 9px/1.25 "Archivo",Arial,sans-serif!important; letter-spacing:.10em!important;text-transform:uppercase;font-style:normal; } .tp-micro-code::before{ content:"";display:inline-block;width:5px;height:5px;margin-right:7px; background:#ed3548;transform:rotate(45deg); } /* Existing title micro-rows become consistent editorial categories */ #tesla-desk .td-eyebrow.tp-kicker-inline, #basvuru .apply-eyebrow.tp-kicker-inline{display:flex;align-items:center;flex-wrap:wrap;column-gap:11px;row-gap:7px;} #tesla-desk .td-eyebrow.tp-kicker-inline .tp-micro-code, #basvuru .apply-eyebrow.tp-kicker-inline .tp-micro-code{margin-left:0;} #nasil .tpn-meta .tp-micro-code{margin-left:10px;} #p-uye .buddy-topline.tp-kicker-inline{position:relative;} #p-uye .buddy-topline .tp-micro-code{position:absolute;right:24px;top:50%;transform:translateY(-30%);} #uye-katil .tp-unity-topline .tp-micro-code, #uye-bildir .tp-unity-topline .tp-micro-code{margin-left:11px;letter-spacing:.10em!important;} #uye-sartlar .tp-terms-meta .tp-micro-code{font-size:9px!important;margin:0 8px 0 0;} /* Illustrated start and last section are protected: only slim rails outside originals. */ .tp-micro-rail{ display:flex;align-items:center;gap:13px;min-height:28px; margin:0 0 13px;color:#aaa3a6; font:750 10px/1.35 "Archivo",Arial,sans-serif; letter-spacing:.17em;text-transform:uppercase; } .tp-micro-rail .tp-rail-code{ display:inline-flex;align-items:center;justify-content:center; padding:4px 8px;color:#f3eae8;background:#181518; border:1px solid #a32a38;font-size:10px;font-weight:900;letter-spacing:.11em; } .tp-micro-rail .tp-rail-code::before{ content:"";width:5px;height:5px;margin-right:7px; background:#ed3548;transform:rotate(45deg); } .tp-micro-rail .tp-rail-hairline{flex:1;height:1px;min-width:15px;background:linear-gradient(90deg,#40363d,transparent);} .tp-rail-signoff{max-width:1180px;width:calc(100% - 40px);margin:0 auto 10px;} /* Very small graphic accents on frame edges echo the original fine-grid styling. */ #uye-katil .tp-join-inner, #uye-bildir .tp-unity-card, #uye-sartlar .tp-terms-shell{outline:1px solid rgba(255,255,255,.018);outline-offset:6px;} @media(max-width:700px){ section.tp-grid-section>.tp-site-grid{opacity:.33;background-size:100% 100%,100% 100%,112px 112px,112px 112px;} .tp-micro-code{min-height:19px;padding:2px 6px;font-size:8px!important;margin-left:7px;} .tp-micro-rail{font-size:9px;gap:8px;letter-spacing:.10em;} #p-uye .buddy-topline .tp-micro-code{position:static;transform:none;margin-left:9px;} #nasil .tpn-meta .tp-micro-code{margin-left:5px;} #uye-katil .tp-unity-topline,#uye-bildir .tp-unity-topline{letter-spacing:.18em;} #uye-katil .tp-unity-topline .tp-micro-code,#uye-bildir .tp-unity-topline .tp-micro-code{margin:7px 0 0 0;} } @media(prefers-reduced-motion:reduce){section.tp-grid-section>.tp-site-grid{transition:none;}} /* ===== BLOK 19 : GIRIS (KAPAK) - temel (eski adi: tp-v44-final-hero) ===== */ /* TESLA PARTNER v44 | Sadece kapak düzenlemesi. Diğer sayfa/sekme/komponentlere dokunmaz. */ #giris.hero.hero-final .hero-final-grid{ align-items:stretch; } #giris.hero.hero-final .hero-final-content{ display:flex; flex-direction:column; justify-content:center; align-items:stretch; padding-top:34px!important; padding-bottom:34px!important; } /* Orijinal onaylı slogan görselini yeniden çizmeden, başlık ve açıklamayı sütun merkezine al. */ #giris.hero.hero-final .hero-exact-title{ width:100%; max-width:min(100%,590px); align-self:center; margin:8px auto 22px!important; text-align:center!important; } #giris.hero.hero-final .hero-exact-title img{width:100%;height:auto;object-fit:contain;} #giris.hero.hero-final .hero-final-lead{ width:100%; max-width:590px!important; margin:0 auto 24px!important; text-align:center!important; } #giris.hero.hero-final .hero-final-benefits, #giris.hero.hero-final .hero-final-actions, #giris.hero.hero-final .hero-final-invite{ width:100%; max-width:640px; margin-left:auto; margin-right:auto; } /* Görseli birebir kullanır: görüntü içeriğine efekt/ikon bindirmez. */ #giris.hero.hero-final .hero-final-scene{ background:#330307; overflow:hidden; } #giris.hero.hero-final .hero-final-scene-image{ width:100%;height:100%; object-fit:cover!important; object-position:60% 50%!important; filter:none!important; } /* Eski boş koltuk sahnesinden kalan etiketler bu kapakta gösterilmez. */ #giris.hero.hero-final .hero-final-scene > .hero-partner-art, #giris.hero.hero-final .hero-final-scene > .hero-final-history{display:none!important;} @media (max-width:1100px){ #giris.hero.hero-final .hero-final-content{padding-top:26px!important;padding-bottom:26px!important;} #giris.hero.hero-final .hero-exact-title{max-width:min(100%,550px);margin-bottom:18px!important;} #giris.hero.hero-final .hero-final-lead{margin-bottom:18px!important;} #giris.hero.hero-final .hero-final-scene-image{object-position:60% 50%!important;} } @media (max-width:770px){ #giris.hero.hero-final .hero-final-content{padding:25px 0 25px!important;} #giris.hero.hero-final .hero-exact-title{max-width:min(100%,590px);margin:9px auto 16px!important;} #giris.hero.hero-final .hero-final-lead{text-align:center!important;max-width:52ch!important;} #giris.hero.hero-final .hero-final-scene{min-height:390px!important;height:min(68vw,560px)!important;max-height:560px!important;} #giris.hero.hero-final .hero-final-scene-image{object-position:50% 53%!important;} } @media (max-width:480px){ #giris.hero.hero-final .hero-final-content{padding:20px 0 22px!important;} #giris.hero.hero-final .hero-final-kicker{margin-bottom:12px;} #giris.hero.hero-final .hero-exact-title{max-width:100%;margin-bottom:14px!important;} #giris.hero.hero-final .hero-final-lead{font-size:13px!important;line-height:1.58!important;} #giris.hero.hero-final .hero-final-scene{min-height:310px!important;height:80vw!important;max-height:420px!important;} #giris.hero.hero-final .hero-final-scene-image{object-position:53% 50%!important;} } /* ===== BLOK 20 : GIRIS (KAPAK) - onayli kapak (eski adi: tp-v45-approved-cover) ===== */ /* TESLA PARTNER v45 — ONLY approved hero section. All other site styles and content remain unchanged. */ /* Desktop: actual HTML content over one panoramic campaign photograph. */ #giris.hero.hero-final { isolation:isolate; min-height:0; background:#0b0b0e; overflow:hidden; } #giris.hero.hero-final .hero-final-grid { display:flex!important; align-items:center!important; position:relative!important; max-width:1672px!important; min-height:clamp(685px,55vw,825px)!important; width:100%!important; margin:0 auto!important; padding:0 clamp(26px,5.8vw,96px)!important; gap:0!important; } #giris.hero.hero-final .hero-final-grid:before { content:""; position:absolute; inset:0 36% 0 0; z-index:3; pointer-events:none; background:linear-gradient(90deg,rgba(8,8,11,1) 2%,rgba(8,8,11,.97) 44%,rgba(8,8,11,.88) 65%,rgba(8,8,11,.40) 86%,transparent 100%); } #giris.hero.hero-final .hero-final-content { position:relative!important; z-index:4!important; display:flex!important; flex:none!important; flex-direction:column!important; justify-content:center!important; align-items:stretch!important; width:min(50.5%,700px)!important; margin:0!important; padding:60px 0 65px!important; text-align:left!important; } #giris.hero.hero-final .hero-final-kicker { justify-content:flex-start!important; width:100%!important; margin:0 0 clamp(24px,3.3vw,45px)!important; font-size:clamp(10px,.9vw,12px)!important; letter-spacing:.18em!important; } #giris.hero.hero-final .hero-final-est{display:none!important;} #giris.hero.hero-final .hero-exact-title { width:100%!important; max-width:690px!important; align-self:center!important; margin:0 auto 24px!important; text-align:center!important; } #giris.hero.hero-final .hero-exact-title img { display:block; width:100%;height:auto; object-fit:contain; } #giris.hero.hero-final .hero-final-lead { max-width:620px!important; width:100%!important; margin:2px 0 30px!important; text-align:left!important; font-size:clamp(14px,1.15vw,17px)!important; line-height:1.65!important; color:#dedbe1!important; } /* Keep benefit/invite source markup untouched; new approved cover shows only two CTAs. */ #giris.hero.hero-final .hero-final-benefits, #giris.hero.hero-final .hero-final-invite { display:none!important; } #giris.hero.hero-final .hero-final-actions { display:grid!important; grid-template-columns:1fr 1fr; width:100%!important; max-width:650px!important; margin:0!important; gap:16px!important; } #giris.hero.hero-final .hero-final-button { display:flex!important; align-items:center!important; justify-content:center!important; min-height:62px!important; padding:10px 16px!important; font-size:clamp(12px,1.1vw,16px)!important; font-weight:800!important; white-space:nowrap; border-radius:5px!important; } #giris.hero.hero-final .hero-final-scene { position:absolute!important; z-index:1!important; top:0!important; right:0!important; bottom:0!important; left:36%!important; width:auto!important; min-height:0!important; height:auto!important; max-height:none!important; background:#580000!important; overflow:hidden!important; } #giris.hero.hero-final .hero-final-scene-image { position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:50% 53%!important; filter:none!important; transform:none!important; } #giris.hero.hero-final .hero-final-scene:before { content:""; position:absolute; inset:0; z-index:2!important; pointer-events:none; background:linear-gradient(90deg,rgba(8,8,11,.80) 0%,rgba(8,8,11,.14) 35%,transparent 54%),linear-gradient(0deg,rgba(5,3,5,.50),transparent 25%); } #giris.hero.hero-final .hero-final-scene > .hero-partner-art, #giris.hero.hero-final .hero-final-scene > .hero-final-history {display:none!important;} @media (min-width:1550px) { #giris.hero.hero-final .hero-final-grid {min-height:825px!important;} #giris.hero.hero-final .hero-final-content {width:min(49%,735px)!important;} } @media (min-width:771px) and (max-width:1150px) { #giris.hero.hero-final .hero-final-grid{min-height:650px!important;padding-left:3.5vw!important;padding-right:3.5vw!important;} #giris.hero.hero-final .hero-final-content{width:52%!important;} #giris.hero.hero-final .hero-final-actions{gap:8px!important;} #giris.hero.hero-final .hero-final-button{font-size:11px!important;padding-inline:6px!important;} #giris.hero.hero-final .hero-final-lead{font-size:13px!important;} #giris.hero.hero-final .hero-final-scene{left:37%!important;} } @media (max-width:770px) { #giris.hero.hero-final .hero-final-grid { display:flex!important; flex-direction:column!important; min-height:0!important; padding:0 18px!important; } #giris.hero.hero-final .hero-final-grid:before{display:none!important;} #giris.hero.hero-final .hero-final-content { flex:none!important; width:100%!important; padding:32px 0 32px!important; align-items:stretch!important; text-align:center!important; } #giris.hero.hero-final .hero-final-kicker{ justify-content:center!important; margin-bottom:22px!important; font-size:10px!important; } #giris.hero.hero-final .hero-exact-title{margin:0 auto 18px!important;max-width:610px!important;} #giris.hero.hero-final .hero-final-lead{ margin:0 auto 22px!important; max-width:56ch!important; text-align:center!important; font-size:13px!important; line-height:1.6!important; } #giris.hero.hero-final .hero-final-actions{margin:auto!important;max-width:610px!important;} #giris.hero.hero-final .hero-final-scene { position:relative!important; inset:auto!important; width:calc(100% + 36px)!important; flex:none!important; margin:0 -18px!important; min-height:300px!important; height:77vw!important; max-height:510px!important; overflow:hidden!important; } #giris.hero.hero-final .hero-final-scene-image{object-position:center 58%!important;} #giris.hero.hero-final .hero-final-scene:before{background:linear-gradient(0deg,#0a090bee,transparent 19%)!important;} } @media (max-width:450px) { #giris.hero.hero-final .hero-final-content{padding:26px 0 24px!important;} #giris.hero.hero-final .hero-final-kicker{letter-spacing:.10em!important;font-size:9px!important;} #giris.hero.hero-final .hero-exact-title{margin:0 auto 13px!important;} #giris.hero.hero-final .hero-final-lead{font-size:12px!important;margin-bottom:18px!important;} #giris.hero.hero-final .hero-final-actions{gap:8px!important;} #giris.hero.hero-final .hero-final-button{ min-height:47px!important; font-size:10px!important; padding:8px 5px!important; white-space:normal!important; line-height:1.2; } #giris.hero.hero-final .hero-final-scene{min-height:275px!important;height:78vw!important;} } /* ===== BLOK 21 : GIRIS (KAPAK) - baslik boyutlari (eski adi: tesla-v47-cover-type-shrink) ===== */ /* TESLA PARTNER v47 - ONLY cover/hero headings, copy, CTA scale refinement. The previously approved right-side photo and every other section remain unchanged. */ #giris.hero.hero-final .hero-exact-title { width:80%!important; max-width:552px!important; align-self:center!important; margin:0 auto 20px!important; } #giris.hero.hero-final .hero-exact-title img { display:block!important; width:100%!important; height:auto!important; } #giris.hero.hero-final .hero-final-kicker { font-size:clamp(9px,.72vw,10px)!important; letter-spacing:.16em!important; margin-bottom:clamp(18px,2.55vw,36px)!important; } #giris.hero.hero-final .hero-final-lead { font-size:clamp(12px,.92vw,14px)!important; line-height:1.65!important; max-width:545px!important; margin:2px auto 22px!important; text-align:center!important; } #giris.hero.hero-final .hero-final-actions { max-width:545px!important; width:90%!important; gap:12px!important; margin:0 auto!important; } #giris.hero.hero-final .hero-final-button { min-height:52px!important; font-size:clamp(11px,.88vw,13px)!important; padding:9px 12px!important; } @media(min-width:771px) and (max-width:1150px){ #giris.hero.hero-final .hero-exact-title{width:80%!important;max-width:520px!important;} #giris.hero.hero-final .hero-final-lead{font-size:12px!important;max-width:510px!important;} #giris.hero.hero-final .hero-final-button{font-size:10px!important;min-height:49px!important;} } @media(max-width:770px){ #giris.hero.hero-final .hero-exact-title{width:80%!important;max-width:488px!important;margin:0 auto 15px!important;} #giris.hero.hero-final .hero-final-kicker{font-size:9px!important;margin-bottom:17px!important;} #giris.hero.hero-final .hero-final-lead{font-size:12px!important;max-width:49ch!important;margin:0 auto 18px!important;} #giris.hero.hero-final .hero-final-actions{width:94%!important;max-width:515px!important;gap:9px!important;margin:0 auto!important;} #giris.hero.hero-final .hero-final-button{min-height:45px!important;font-size:10px!important;padding:8px 7px!important;} } @media(max-width:450px){ #giris.hero.hero-final .hero-exact-title{width:80%!important;max-width:100%!important;margin-bottom:12px!important;} #giris.hero.hero-final .hero-final-kicker{font-size:8px!important;letter-spacing:.1em!important;margin-bottom:14px!important;} #giris.hero.hero-final .hero-final-lead{font-size:11px!important;line-height:1.56!important;max-width:42ch!important;margin-bottom:17px!important;} #giris.hero.hero-final .hero-final-actions{width:96%!important;gap:8px!important;} #giris.hero.hero-final .hero-final-button{font-size:9.6px!important;min-height:44px!important;} } /* ===== BLOK 22 : NASIL CALISIR - bes adim duzeni (eski adi: tp-v60-five-step-final) ===== */ /* Tesla Partner — agreed five-step composition, photo-free and responsive. Localized to #nasil; other approved sections remain untouched. */ #nasil.tp-process-new{background:#111113;} #nasil .tp-v60-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-items:start;margin:0 -9px;padding:0;list-style:none} #nasil .tp-v60-step, #nasil .tp-v60-step:nth-child(2), #nasil .tp-v60-step:nth-child(4), #nasil .tp-v60-step:nth-child(5){display:flex;flex-direction:column;gap:18px;padding:0 19px 2px;margin:0;min-height:0;min-width:0;box-sizing:border-box;background:transparent;color:#f4efe9;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:none;transition:none;isolation:auto} #nasil .tp-v60-step:not(:last-child){border-right:1px solid rgba(238,232,222,.14)} #nasil .tp-v60-step::before{display:none} #nasil .tp-v60-step:hover{transform:none;background:transparent;border-color:rgba(238,232,222,.14);box-shadow:none} #nasil .tp-v60-step .tpn-copy{padding:0 0 0 19px;position:relative;flex:1} #nasil .tp-v60-step .tpn-copy::before{content:"/";position:absolute;left:0;top:-3px;font-size:24px;line-height:1;color:#ec3447;font-weight:800} #nasil .tp-v60-step .tpn-copy h3{font-size:clamp(13px,1.04vw,17px);line-height:1.27;font-weight:800;letter-spacing:-.018em;margin:0 0 10px;color:#f5f0eb;text-transform:uppercase} #nasil .tp-v60-step .tpn-copy p, #nasil .tp-v60-step:nth-child(2) .tpn-copy p{font-size:clamp(11px,.87vw,13px);line-height:1.62;color:#a9a3a4;margin:0;max-width:230px} #nasil .tp-v60-step:hover .tpn-copy{transform:none} @media (max-width:1120px){#nasil .tp-v60-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 0;}#nasil .tp-v60-step:nth-child(3){border-right:none}} @media (max-width:690px){#nasil .tp-v60-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 0;margin:0 -7px}#nasil .tp-v60-step{padding:0 13px 5px}#nasil .tp-v60-step:nth-child(3){border-right:1px solid rgba(238,232,222,.14)}#nasil .tp-v60-step:nth-child(even){border-right:0}#nasil .tp-v60-step .tpn-copy{padding-left:15px}#nasil .tp-v60-step .tpn-copy h3{font-size:13px}#nasil .tp-v60-step .tpn-copy p{font-size:11px}} @media (max-width:385px){#nasil .tp-v60-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} /* ===== BLOK 23 : NASIL CALISIR - kart gorselleri (eski adi: tp-v61-racing-step-gallery) ===== */ /* Version 61. Only the five-step section is updated. All approved sections stay byte-identical. */ #nasil.tp-process-new{background:#111113} #nasil .tp-v61-grid{ width:100%;max-width:1336px;margin:0 auto;padding:0;list-style:none; display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-items:start; } #nasil .tp-v61-step, #nasil .tp-v61-step:nth-child(2), #nasil .tp-v61-step:nth-child(3), #nasil .tp-v61-step:nth-child(4), #nasil .tp-v61-step:nth-child(5){ position:relative;display:flex;flex-direction:column;align-items:stretch; min-width:0;min-height:0;height:auto;padding:0 14px 5px;margin:0; background:transparent;border:0;border-radius:0;box-shadow:none; color:#f4efe9;transform:none;transition:none;overflow:visible;isolation:auto; } #nasil .tp-v61-step:not(:last-child){border-right:1px solid rgba(238,232,222,.105)} #nasil .tp-v61-step:before{display:none} #nasil .tp-v61-step:hover{transform:none;background:transparent;box-shadow:none} #nasil .tp-v61-stage{ display:flex;align-items:center;justify-content:center; height:clamp(254px,24vw,352px); width:100%;padding:0;overflow:visible; background:transparent;border:0;box-shadow:none; } #nasil .tp-v61-image{ display:block;width:auto;height:85%;max-width:93%;object-fit:contain; border-radius:7px;box-shadow:0 12px 25px rgba(0,0,0,.24); filter:none;transform:none;transition:filter .2s ease; } #nasil .tp-v61-step:hover .tp-v61-image{filter:brightness(1.035)} #nasil .tp-v61-step .tpn-copy{position:relative;flex:1;min-height:105px;padding:2px 0 0 18px;margin:7px 0 0;transform:none} #nasil .tp-v61-step .tpn-copy::before{ content:'/';position:absolute;left:0;top:0; color:#e9364c;font-family:var(--font),Arial,sans-serif; font-size:23px;line-height:1;font-weight:850; } #nasil .tp-v61-step .tpn-copy h3{ color:#f5f0eb;margin:0 0 10px;font-family:var(--font),Arial,sans-serif; font-size:clamp(12px,1.06vw,15px);font-weight:870;font-stretch:82%;line-height:1.32; letter-spacing:-.018em;text-transform:uppercase; } #nasil .tp-v61-step .tpn-copy p, #nasil .tp-v61-step:nth-child(2) .tpn-copy p{ margin:0;max-width:240px;color:#aaa4a6;font-family:var(--font),Arial,sans-serif; font-size:clamp(11px,.85vw,12.5px);font-weight:450;line-height:1.61; } #nasil .tp-v61-step:hover .tpn-copy{transform:none} @media(max-width:1120px){ #nasil .tp-v61-grid{max-width:900px;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 0} #nasil .tp-v61-step:nth-child(3){border-right:0} #nasil .tp-v61-stage{height:clamp(238px,32vw,328px)} #nasil .tp-v61-step .tpn-copy h3{font-size:14px} #nasil .tp-v61-step .tpn-copy p{font-size:12px} } @media(max-width:690px){ #nasil .tp-v61-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;margin:0 auto} #nasil .tp-v61-step, #nasil .tp-v61-step:nth-child(2),#nasil .tp-v61-step:nth-child(3), #nasil .tp-v61-step:nth-child(4),#nasil .tp-v61-step:nth-child(5){padding:0 9px 2px} #nasil .tp-v61-step:nth-child(3){border-right:1px solid rgba(238,232,222,.105)} #nasil .tp-v61-step:nth-child(even){border-right:0} #nasil .tp-v61-stage{height:clamp(191px,51vw,272px)} #nasil .tp-v61-image{height:85%;max-width:96%} #nasil .tp-v61-step .tpn-copy{margin-top:3px;padding-left:15px;min-height:116px} #nasil .tp-v61-step .tpn-copy h3{font-size:12px;letter-spacing:-.025em} #nasil .tp-v61-step .tpn-copy p{font-size:11px;line-height:1.55} #nasil .tp-v61-step .tpn-copy::before{font-size:20px} } @media(max-width:355px){ #nasil .tp-v61-stage{height:178px} #nasil .tp-v61-step .tpn-copy{min-height:145px} } @media(prefers-reduced-motion:reduce){#nasil .tp-v61-image{transition:none}} /* ===== BLOK 24 : RENK VE BOSLUK AYARLARI - basvuru, panel, nasil calisir, kapanis (eski adi: tesla-partner-v64-palette-spacing) ===== */ /* =============================================================== Tesla Partner v64 | Son bütünlük: renk, doku ve nefes aralıkları v63 approved photos, typography layouts, interactions untouched. No global resizing of visual cards or carousel assets. =============================================================== */ :root{ --tp64-charcoal:#101012; --tp64-ruby:#dc343a; --tp64-ruby-deep:#c92b34; --tp64-paper:#eee8e0; --tp64-paper-dark:#e9e1d8; --tp64-white:#f0ebe5; --tp64-muted:#b8b0af; } html{background-color:var(--tp64-charcoal)!important} body{background-color:var(--tp64-charcoal);color:var(--tp64-white)} /* Understated publication-grain background. Very low-contrast, no illustrations. */ #komisyon.gsk-section, #nasil.tp-process-new, #uye.tp-grid-section, #uye-katil.tp-join-story, #uye-bildir.tp-framed-section, #uye-sartlar.tp-terms-section{ background-color:#101012!important; background-image: radial-gradient(ellipse at 92% 14%,rgba(135,27,38,.038),transparent 53%), repeating-linear-gradient(0deg,transparent 0 95px,rgba(239,223,215,.010) 96px,transparent 97px), linear-gradient(135deg,#111113,#0e0e10 68%,#111012)!important; } #tesla-desk.tp-grid-section{ background-color:#101012!important; background-image:radial-gradient(ellipse at 88% 47%,rgba(156,36,43,.046),transparent 57%),repeating-linear-gradient(90deg,transparent 0 119px,rgba(238,230,217,.009) 120px,transparent 121px),linear-gradient(135deg,#101012,#111012)!important; } #basvuru.partner-apply{ background-color:#101012!important; background-image:radial-gradient(ellipse at 13% 20%,rgba(165,37,43,.063),transparent 37%),linear-gradient(140deg,#101012,#111012 58%,#0e0e10)!important; } .tp-signoff.tp-signoff-final{ background-color:#101012!important; background-image:radial-gradient(ellipse at 51% 52%,rgba(137,30,39,.087),transparent 56%),linear-gradient(180deg,#101012,#0e0d0f)!important; } /* Typography colors from the approved 'BİRLİKTE DAHA FAZLASI MÜMKÜN' reference. No gradients or gloss on the paper/sticker headings. */ #nasil .tpn-red, #tesla-desk .td-title .td-red, #basvuru .apply-redpaper, .tp-signoff .tp-end-redpaper, #uye .buddy-strip.red, #uye-katil .tp-heading-paper-red, #uye-bildir .tp-support-sticker-red, #uye-sartlar .tp-terms-chip-red{ background-color:var(--tp64-ruby)!important; color:var(--tp64-white)!important; } #nasil .tpn-paper, #tesla-desk .td-title .td-white, #basvuru .apply-paper, .tp-signoff .tp-end-paper, #uye .buddy-strip:not(.red), #uye-katil .tp-heading-paper-cream, #uye-bildir .tp-support-sticker-cream{ background-color:var(--tp64-paper)!important; color:#151315!important; } #uye-sartlar .tp-terms-title-plain, #nasil .tpn-copy h3, #basvuru .apply-prelude, #basvuru .apply-side-note span:first-child, .tp-signoff .tp-end-sub{ color:var(--tp64-white)!important; } /* Calm neutral whites on typographic accents, not images or photographs */ #tesla-desk .td-lead, #basvuru .apply-desc, #uye-katil .tp-join-lead, #uye-bildir .tp-support-lead{color:var(--tp64-muted)!important} /* Micro accents follow the same restrained red system. */ #tesla-desk .td-eyebrow::before, #basvuru .apply-eyebrow i, #basvuru .apply-rule{ background-color:var(--tp64-ruby)!important; } /* Tighten space between SECTIONS; keep individual art/card scaling unchanged. */ #neden.tesla-second-approved{padding-top:36px!important;padding-bottom:23px!important} #komisyon.gsk-section{padding-top:39px!important;padding-bottom:39px!important} #nasil.tp-process-new{padding-top:57px!important;padding-bottom:49px!important} #tesla-desk.tp-grid-section{padding-top:57px!important;padding-bottom:58px!important} #basvuru.partner-apply{padding-top:61px!important;padding-bottom:65px!important} .tp-signoff.tp-signoff-final{padding-top:71px!important;padding-bottom:76px!important} /* Reduce only unusually loose internal gaps, never the locked layouts. */ #tesla-desk .td-eyebrow{margin-bottom:19px!important} #tesla-desk .td-lead{margin-bottom:21px!important} #basvuru .apply-eyebrow{margin-bottom:43px!important} #basvuru .apply-title{margin-bottom:25px!important} #basvuru .apply-desc{margin-bottom:20px!important} #basvuru .apply-side-note{margin-bottom:37px!important} #basvuru .apply-rule{margin-top:23px!important;margin-bottom:24px!important} /* Programme selection flows immediately into the photographic editorial panel. */ #programlar{padding-bottom:13px!important} /* Preserve existing compact member flow but bring its chapter transitions closer. */ #uye.tp-grid-section{padding-top:44px!important;padding-bottom:50px!important} #uye-katil.tp-join-story{padding-top:21px!important;padding-bottom:21px!important} #uye-bildir.tp-framed-section{padding-top:21px!important;padding-bottom:21px!important} #uye-sartlar.tp-terms-section{padding-top:27px!important;padding-bottom:43px!important} @media (max-width:900px){ #neden.tesla-second-approved{padding-top:21px!important;padding-bottom:15px!important} #komisyon.gsk-section{padding-top:32px!important;padding-bottom:32px!important} #nasil.tp-process-new{padding-top:42px!important;padding-bottom:39px!important} #tesla-desk.tp-grid-section{padding-top:42px!important;padding-bottom:44px!important} #basvuru.partner-apply{padding-top:48px!important;padding-bottom:50px!important} .tp-signoff.tp-signoff-final{padding-top:53px!important;padding-bottom:59px!important} #basvuru .apply-eyebrow{margin-bottom:32px!important} } @media (max-width:600px){ #neden.tesla-second-approved{padding-top:12px!important;padding-bottom:12px!important} #komisyon.gsk-section{padding-top:24px!important;padding-bottom:27px!important} #nasil.tp-process-new{padding-top:34px!important;padding-bottom:36px!important} #tesla-desk.tp-grid-section{padding-top:38px!important;padding-bottom:40px!important} #basvuru.partner-apply{padding-top:39px!important;padding-bottom:44px!important} .tp-signoff.tp-signoff-final{padding-top:49px!important;padding-bottom:54px!important} #uye.tp-grid-section{padding-top:28px!important;padding-bottom:34px!important} #uye-katil.tp-join-story,#uye-bildir.tp-framed-section{padding-top:13px!important;padding-bottom:13px!important} #uye-sartlar.tp-terms-section{padding-top:18px!important;padding-bottom:32px!important} } /* ===== BLOK 25 : ORTAK ARKA PLAN - bolum zeminleri (eski adi: tesla-partner-v65-unified-editorial-background) ===== */ /* v65: one coordinated editorial charcoal texture across existing sections. Preserve original photographs, banner artwork, layouts, typography and card interactions. */ :root{--tp65-bg:#111012;--tp65-paper:#eee8e0;--tp65-red:#dc343a} html,body{background-color:var(--tp65-bg)!important} /* Subdued red photographic glow + legible fine vertical/horizontal guide lines + lightly printed grain; noticeably present, never brighter than the foreground. */ #komisyon.gsk-section, #nasil.tp-process-new, #tesla-desk.tp-grid-section, #basvuru.partner-apply, .tp-signoff.tp-signoff-final, #uye.tp-grid-section, #uye-katil.tp-join-story, #uye-bildir.tp-framed-section, #uye-sartlar.tp-terms-section{ background-color:var(--tp65-bg)!important; background-image: radial-gradient(ellipse 66% 54% at 92% 14%,rgba(145,30,45,.145),transparent 76%), radial-gradient(ellipse 62% 43% at 1% 92%,rgba(102,22,34,.105),transparent 79%), repeating-linear-gradient(90deg,transparent 0 179px,rgba(233,220,210,.035) 180px,transparent 181px), repeating-linear-gradient(0deg,transparent 0 179px,rgba(233,220,210,.026) 180px,transparent 181px), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20viewBox%3D%220%200%20180%20180%22%3E%3Cfilter%20id%3D%22g%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.66%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%22linear%22%20slope%3D%22.12%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url%28%23g%29%22%20opacity%3D%22.52%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(145deg,#121114 0%,#0e0e10 57%,#111013 100%)!important; background-repeat:no-repeat,no-repeat,repeat,repeat,repeat,no-repeat!important; background-size:auto,auto,auto,auto,180px 180px,auto!important; } /* Natural transitions, not artificial cards between sections. */ #komisyon.gsk-section,#nasil.tp-process-new,#tesla-desk.tp-grid-section, #basvuru.partner-apply,.tp-signoff.tp-signoff-final{border-top-color:rgba(238,225,211,.055)} /* Removed the large, repetitive quote; keep approved application form and all other copy. */ #basvuru .apply-side-note{margin-bottom:0!important} @media(max-width:700px){ #komisyon.gsk-section,#nasil.tp-process-new,#tesla-desk.tp-grid-section, #basvuru.partner-apply,.tp-signoff.tp-signoff-final, #uye.tp-grid-section,#uye-katil.tp-join-story,#uye-bildir.tp-framed-section,#uye-sartlar.tp-terms-section{ background-image: radial-gradient(ellipse 100% 36% at 100% 9%,rgba(145,30,45,.105),transparent 80%), repeating-linear-gradient(90deg,transparent 0 149px,rgba(233,220,210,.026) 150px,transparent 151px), repeating-linear-gradient(0deg,transparent 0 149px,rgba(233,220,210,.023) 150px,transparent 151px), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20viewBox%3D%220%200%20180%20180%22%3E%3Cfilter%20id%3D%22g%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.66%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type%3D%22linear%22%20slope%3D%22.12%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22180%22%20height%3D%22180%22%20filter%3D%22url%28%23g%29%22%20opacity%3D%22.52%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#121114,#0e0e10 65%,#111013)!important; background-repeat:no-repeat,repeat,repeat,repeat,no-repeat!important; background-size:auto,auto,auto,180px 180px,auto!important; } } /* ===== BLOK 26 : NASIL CALISIR - cevrilen kartlar (eski adi: tesla-partner-v66-flip-cards) ===== */ /* Tesla Partner v66: five flip cards only. Exact v65 design/typography elsewhere is untouched. */ #nasil .tp65-flip-stage{overflow:visible;} #nasil .tp65-flip{ display:block;position:relative;flex:none; height:85%;width:auto;max-width:93%;aspect-ratio:337/528; perspective:1150px; -webkit-perspective:1150px; cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent; } #nasil .tp65-flip-inner{ position:relative;width:100%;height:100%; transform-style:preserve-3d;-webkit-transform-style:preserve-3d; transition:transform .36s cubic-bezier(.24,.82,.23,1); will-change:transform; border-radius:7px; } #nasil .tp65-face{ position:absolute;inset:0;display:block;overflow:hidden;border-radius:7px; -webkit-backface-visibility:hidden;backface-visibility:hidden; box-shadow:0 12px 25px rgba(0,0,0,.24); } #nasil .tp65-front{transform:rotateY(0deg)} #nasil .tp65-back{transform:rotateY(180deg);background:#b8a081} #nasil .tp65-front .tp-v61-image, #nasil .tp65-back .tp65-back-img{ display:block!important;width:100%!important;height:100%!important; max-width:none!important;max-height:none!important; margin:0!important;border-radius:0!important; box-shadow:none!important;transform:none!important; } #nasil .tp65-front .tp-v61-image{object-fit:fill!important;filter:none!important;transition:none!important;} #nasil .tp65-back .tp65-back-img{object-fit:cover!important;object-position:center center!important;} /* Very fine glossy edge: appears on flipping, doesn't cover the Tesla illustration. */ #nasil .tp65-face:before{ content:"";position:absolute;inset:0;z-index:2;pointer-events:none; border-radius:7px;border:1px solid rgba(255,243,224,.18); box-shadow:inset 0 1px 0 rgba(255,255,255,.16); } #nasil .tp65-face:after{ content:"";position:absolute;inset:-12% -55%;z-index:1;pointer-events:none; background:linear-gradient(110deg,transparent 35%,rgba(255,250,235,.16) 48%,transparent 62%); transform:translateX(-95%);opacity:0; } @media (hover:hover) and (pointer:fine){ #nasil .tp65-flip:hover .tp65-flip-inner{transform:rotateY(180deg)} #nasil .tp65-flip:hover .tp65-face:after{animation:tp65-light-sweep .48s ease-out .09s both} } #nasil .tp65-flip.is-flipped .tp65-flip-inner{transform:rotateY(180deg)} #nasil .tp65-flip.is-flipped .tp65-face:after, #nasil .tp65-flip:focus-visible .tp65-face:after{animation:tp65-light-sweep .48s ease-out .09s both} #nasil .tp65-flip:focus-visible{outline:2px solid #dd3b43;outline-offset:5px;border-radius:7px} #nasil .tp65-flip:focus-visible .tp65-flip-inner{transform:rotateY(180deg)} @keyframes tp65-light-sweep{0%{opacity:0;transform:translateX(-96%)}18%{opacity:.78}100%{opacity:0;transform:translateX(96%)}} @media(max-width:690px){#nasil .tp65-flip{max-width:96%;}} @media(prefers-reduced-motion:reduce){ #nasil .tp65-flip-inner{transition-duration:.01ms} #nasil .tp65-face:after{animation:none!important} } /* ===== BLOK 27 : KOMISYON (GUC SENDE) - eski kart ayarlari (eski adi: tp-approved-cards-v56) ===== */ /* Exact approved screenshots from the last visual mockup, responsive + interactive. */ #komisyon .gsk-card{aspect-ratio:442/306;background:#191114} #komisyon .gsk-card img{object-fit:fill;width:100%;height:100%;filter:none} #komisyon .gsk-card:hover img{transform:scale(1.012);filter:brightness(1.04)} #komisyon .gsk-card[aria-pressed=true]{box-shadow:0 0 0 2px #f12e49} #komisyon .gsk-detail{background:#f0ebe3} #komisyon .gsk-stage.open{grid-template-columns:minmax(0,1fr) minmax(220px,.48fr)} @media(max-width:1180px){ #komisyon .gsk-stage.open{grid-template-columns:1fr} } /* ===== BLOK 28 : KOMISYON (GUC SENDE) - eski kart ayarlari (eski adi: tp57-stable-and-hq) ===== */ /* v57: preserve the agreed layout in all states; all 4 cards keep identical dimensions */ #komisyon .gsk-stage,#komisyon .gsk-stage.open{ display:grid!important;grid-template-columns:minmax(0,1fr) minmax(248px,.49fr)!important; gap:15px!important;align-items:stretch!important;transition:none!important; } #komisyon .gsk-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;min-width:0} #komisyon .gsk-card{ width:100%!important;aspect-ratio:1.46 / 1!important;height:auto!important; background:#14090e!important;position:relative!important;overflow:hidden!important; transform:none!important;transition:box-shadow .14s ease!important } #komisyon .gsk-card img{ display:block;width:100%!important;height:100%!important;object-fit:cover!important; object-position:center!important;filter:none!important; transform:scale(1.10)!important;transition:transform .2s ease!important } #komisyon .gsk-card:hover img{transform:scale(1.12)!important;filter:none!important} #komisyon .gsk-card:hover{transform:none!important} #komisyon .gsk-detail{display:flex!important;position:relative!important;min-width:0!important;min-height:0!important; transform:none!important;opacity:1!important;animation:none!important;transition:none!important} #komisyon .gsk-detail[aria-hidden=true]{visibility:hidden!important;display:flex!important} #komisyon .gsk-detail.gsk-refresh{animation:none!important} #komisyon #gsk-name{font-size:clamp(37px,3.6vw,56px)!important;overflow-wrap:anywhere} @media(max-width:1180px){ #komisyon .gsk-stage,#komisyon .gsk-stage.open{grid-template-columns:1fr!important;gap:13px!important} #komisyon .gsk-detail{min-height:300px!important} } @media(max-width:790px){ #komisyon .gsk-stage,#komisyon .gsk-stage.open{grid-template-columns:1fr!important} } @media(max-width:460px){ #komisyon .gsk-grid{gap:7px!important} } @media(prefers-reduced-motion:reduce){#komisyon .gsk-card img{transition:none!important}} /* ===== BLOK 29 : KOMISYON (GUC SENDE) - eski kart ayarlari (eski adi: tp-v58-measured-layout-fix) ===== */ /* 58: lock the fifth (detail) panel to the 2x2 card grid. The panel must not contribute its variable heading/paragraph height to the grid track measurements. */ #komisyon .gsk-stage,#komisyon .gsk-stage.open{ position:relative!important;display:grid!important; grid-template-columns:minmax(0,1fr) minmax(248px,.49fr)!important; align-items:start!important;gap:15px!important; transition:none!important; } #komisyon .gsk-grid{ grid-column:1!important;grid-row:1!important; align-content:start!important;align-items:start!important; grid-template-rows:repeat(2,max-content)!important; grid-auto-rows:max-content!important; } #komisyon .gsk-card{align-self:start!important;} #komisyon .gsk-card img,#komisyon .gsk-card:hover img{ transform:scale(1.10)!important;transition:none!important; } /* v59 / Görsel ölçü düzenlemesi: sadece 01, 02 ve 04. Diğer her şey sabit. */ #komisyon .gsk-grid .gsk-card[data-i="0"] img, #komisyon .gsk-grid .gsk-card[data-i="0"]:hover img, #komisyon .gsk-grid .gsk-card[data-i="1"] img, #komisyon .gsk-grid .gsk-card[data-i="1"]:hover img{ transform:scale(1.00)!important; } #komisyon .gsk-grid .gsk-card[data-i="3"] img, #komisyon .gsk-grid .gsk-card[data-i="3"]:hover img{ transform:scale(.97)!important; } /* 03 remains at 1.10; clicking a card never resizes the artwork. */ #komisyon .gsk-detail,#komisyon .gsk-stage.open .gsk-detail{ grid-column:2!important;grid-row:1!important; position:absolute!important;inset:0!important; min-width:0!important;min-height:0!important; height:auto!important;width:auto!important; box-sizing:border-box!important; padding:clamp(13px,1.2vw,19px)!important; overflow:hidden!important; transform:none!important;opacity:1!important; animation:none!important;transition:none!important; } #komisyon #gsk-name{font-size:clamp(29px,2.35vw,40px)!important;line-height:1!important;margin:0 0 13px!important;letter-spacing:-.02em!important;overflow-wrap:normal!important;} #komisyon .gsk-detail.gsk-refresh #gsk-num, #komisyon .gsk-detail.gsk-refresh #gsk-tag, #komisyon .gsk-detail.gsk-refresh #gsk-name, #komisyon .gsk-detail.gsk-refresh #gsk-punch, #komisyon .gsk-detail.gsk-refresh #gsk-copy {animation:none!important;} @media(max-width:1280px){ #komisyon .gsk-stage,#komisyon .gsk-stage.open{grid-template-columns:1fr!important;gap:13px!important;} #komisyon .gsk-detail,#komisyon .gsk-stage.open .gsk-detail{ grid-column:1!important;grid-row:2!important; position:relative!important;inset:auto!important; height:360px!important;overflow:hidden!important; } #komisyon #gsk-name{font-size:clamp(29px,3.2vw,39px)!important} } @media(max-width:460px){ #komisyon .gsk-detail,#komisyon .gsk-stage.open .gsk-detail{height:365px!important;} #komisyon #gsk-name{font-size:30px!important;line-height:1.02!important} } /* ===== BLOK 30 : KOMISYON (GUC SENDE) - GUNCEL DORTLU KART DUZENI (eski adi: tesla-partner-v68-guc-sende-dortlu) ===== */ /* Version 69: 15% zoomed-out crop with original photo collage re-ordered as Arda, tennis, Hamilton, Kobe. */ #komisyon.v68-guc-sende{padding:clamp(24px,4vw,60px) clamp(12px,2.3vw,34px)!important;background:#121113!important;color:#eae5df!important} #komisyon.v68-guc-sende .tp-site-grid{opacity:.3!important;pointer-events:none} #komisyon .gsk-shell{position:relative!important;max-width:1480px!important;width:100%!important;background:#161416!important;border:1px solid #332e31!important;border-radius:19px!important;padding:clamp(18px,2.5vw,37px)!important;overflow:hidden!important} #komisyon .gsk-shell:after{display:none!important} #komisyon .v68-heading{display:flex!important;justify-content:space-between;align-items:center;gap:25px;margin:0 0 clamp(20px,2.3vw,32px)!important} #komisyon .v68-eyebrow{font-family:Inter,Arial,sans-serif;letter-spacing:.075em;color:#bab1b1;font-size:clamp(11px,.94vw,16px);font-weight:650;margin-bottom:11px} #komisyon .v68-title{display:flex!important;flex-wrap:wrap;align-items:center;gap:9px;margin:0!important;line-height:1;font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(33px,3.3vw,51px);font-weight:900;letter-spacing:-.01em} #komisyon .v68-title span{display:inline-block;padding:9px 15px 10px;transform:rotate(0deg);border-radius:5px;white-space:nowrap} #komisyon .v68-cream-paper{background:#eee9e1;color:#191719} #komisyon .v68-red-paper{background:#d3313e;color:#f7f0e9} #komisyon .v68-heading-right{font-size:clamp(13px,1.08vw,18px);font-family:Inter,Arial,sans-serif;letter-spacing:.025em;line-height:1.45;color:#aba3a5;text-align:right;margin:0!important;font-weight:400} #komisyon .v68-heading-right strong{font-weight:450;color:#aba3a5} #komisyon .gsk-stage,#komisyon .gsk-stage.open{width:100%;min-width:0;display:flex!important;flex-direction:column!important;gap:clamp(14px,1.55vw,23px)!important;grid-template-columns:none!important;transition:none!important;align-items:stretch!important} #komisyon .gsk-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(9px,1.17vw,18px)!important;min-width:0!important} #komisyon .gsk-card{display:block!important;position:relative!important;min-width:0!important;width:100%!important;height:auto!important;aspect-ratio: .73!important;padding:0!important;overflow:hidden!important;border-radius:12px!important;border:1px solid #716369!important;box-shadow:none!important;background:#272022!important;isolation:isolate;cursor:pointer;transform:none!important;transition:border-color .22s ease,box-shadow .22s ease!important} #komisyon .gsk-card img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;filter:none!important;transform:none!important;transition:transform .34s ease!important;pointer-events:none} #komisyon .v68-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,9,11,.36) 0%,transparent 22%,transparent 54%,rgba(10,9,10,.06) 67%,rgba(8,8,10,.78) 100%);z-index:1;pointer-events:none} #komisyon .v68-card-num{position:absolute;top:13px;left:16px;z-index:2;font-family:Inter,Arial,sans-serif;font-size:clamp(16px,1.55vw,25px);font-weight:850;letter-spacing:-.03em;color:#f3eee6;text-shadow:0 1px 7px #21181b} #komisyon .v68-card-name{position:absolute;bottom:16px;left:16px;right:38px;z-index:2;font-family:Inter,Arial,sans-serif;font-size:clamp(12px,1.02vw,17px);font-weight:850;letter-spacing:.025em;line-height:1.2;color:#f3eee6;text-align:left;text-shadow:0 1px 5px #21181b} #komisyon .v68-card-corner{position:absolute;bottom:12px;right:14px;z-index:2;color:#e9e3dc;font-size:20px;line-height:1;opacity:.84} #komisyon .gsk-card:hover,#komisyon .gsk-card[aria-pressed="true"]{border-color:#dd3445!important;box-shadow:inset 0 0 0 1px #dd3445!important} #komisyon .gsk-card:hover img{transform:scale(1.017)!important;filter:none!important} #komisyon .gsk-card:focus-visible{outline:2px solid #db3341!important;outline-offset:4px} #komisyon .gsk-detail{width:100%!important;min-width:0!important;min-height:0!important;position:relative!important;transform:none!important;opacity:1!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;background:#272224!important;border:1px solid #614a50!important;border-radius:15px!important;color:#e5dddc!important;padding:clamp(18px,2vw,29px)!important;margin:0!important;animation:none!important;transition:none!important} #komisyon .gsk-stage:not(.open) .gsk-detail{display:none!important} #komisyon .gsk-stage.open .gsk-detail{display:flex!important} #komisyon .v68-detail-text{flex:1;min-width:0} #komisyon .v68-detail-title{margin:0 0 13px!important;padding:0!important;font-family:Inter,Arial,sans-serif;font-size:clamp(16px,1.3vw,21px);font-weight:850;letter-spacing:.016em;line-height:1.3;color:#ede5e2!important} #komisyon .v68-detail-description{color:#b5abad!important;font:400 clamp(13px,1.08vw,18px)/1.55 Inter,Arial,sans-serif;margin:0!important;letter-spacing:0} #komisyon .v68-detail-description strong{font-weight:500;color:#d8cacc} #komisyon .gsk-close{flex:none;align-self:flex-start;display:flex!important;align-items:center;justify-content:center;border:1px solid #71565d!important;border-radius:50%!important;background:#32272a!important;color:#e14558!important;cursor:pointer!important;width:33px!important;height:33px!important;line-height:1!important;font-size:23px!important} #komisyon .gsk-close:hover{background:#483034!important;color:#fff!important} #komisyon .v68-foot{display:flex;align-items:center;gap:8px;border-top:1px solid #30292d;margin:clamp(15px,1.8vw,24px) 0 0;padding-top:16px;color:#9d9094;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.13em} #komisyon .v68-foot-line{height:1px;background:#db3a48;width:28px;display:inline-block} #komisyon .v68-foot-right{margin-left:auto;text-align:right;color:#b7a8aa} @media(max-width:780px){#komisyon .v68-heading{align-items:flex-start}#komisyon .gsk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#komisyon .gsk-card{aspect-ratio:.73!important}#komisyon .v68-foot{flex-wrap:wrap}#komisyon .v68-foot-right{margin-left:0;width:100%;text-align:left}} @media(max-width:430px){#komisyon .gsk-shell{padding:15px!important;border-radius:12px!important}#komisyon .v68-title{font-size:32px!important;gap:5px}#komisyon .v68-title span{padding:8px 10px 9px}#komisyon .v68-heading-right{max-width:128px;font-size:11px}#komisyon .gsk-grid{gap:9px!important}#komisyon .gsk-card{border-radius:8px!important}#komisyon .v68-card-num{top:8px;left:9px;font-size:15px}#komisyon .v68-card-name{left:9px;bottom:9px;font-size:11px;right:19px}#komisyon .v68-card-corner{right:7px;bottom:6px;font-size:15px}#komisyon .gsk-detail{padding:15px!important}#komisyon .v68-detail-title{font-size:16px}#komisyon .v68-detail-description{font-size:13px}} @media(prefers-reduced-motion:reduce){#komisyon .gsk-card img{transition:none!important}} /* Previously requested: soften and slow the five Tesla card flips, no other change. */ #nasil .tp65-flip-inner{transition:transform .68s cubic-bezier(.22,.64,.18,1)!important} #nasil .tp65-flip:hover .tp65-face:after{animation-duration:.76s!important} @media(prefers-reduced-motion:reduce){#nasil .tp65-flip-inner{transition-duration:.01ms!important}} #komisyon #gsk-name{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;margin:0!important;color:inherit!important;text-transform:none!important} /* Override the locked v57/v58 panel geometry: this section intentionally adopts the new four-across layout. */ #komisyon.v68-guc-sende .gsk-stage,#komisyon.v68-guc-sende .gsk-stage.open{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:clamp(13px,1.5vw,22px)!important;align-items:stretch!important;position:relative!important} #komisyon.v68-guc-sende .gsk-grid{grid-column:auto!important;grid-row:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important;width:100%!important;align-items:stretch!important;align-content:stretch!important} #komisyon.v68-guc-sende .gsk-card{aspect-ratio:.73!important;height:auto!important;transform:none!important} #komisyon.v68-guc-sende .gsk-detail,#komisyon.v68-guc-sende .gsk-stage.open .gsk-detail{position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;display:flex!important;flex-direction:row!important;transform:none!important;opacity:1!important;padding:clamp(17px,2vw,28px)!important;animation:none!important} #komisyon.v68-guc-sende .gsk-stage:not(.open) .gsk-detail{display:none!important} #komisyon.v68-guc-sende #gsk-name{font:inherit!important;color:inherit!important;margin:0!important;line-height:inherit!important;letter-spacing:inherit!important} @media(max-width:780px){#komisyon.v68-guc-sende .gsk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important}} /* ===== BLOK 31 : KAPANIS - Devami Birlikte / muhur ===== */ /* v20: only this closing section; font and paper treatment match MASADA/YERİN HAZIR */ .tp-signoff.tp-signoff-final{position:relative;isolation:isolate;overflow:hidden;padding:clamp(58px,7vw,108px) 20px clamp(65px,7.5vw,112px);background:radial-gradient(ellipse at 51% 57%,rgba(91,10,19,.15),transparent 49%),#101012;} .tp-signoff.tp-signoff-final::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 102px,rgba(255,255,255,.018) 103px,transparent 104px),repeating-linear-gradient(90deg,transparent 0 112px,rgba(255,255,255,.016) 113px,transparent 114px);pointer-events:none;opacity:.55;z-index:-1;} .tp-end-wrap{position:relative;width:100%;max-width:1000px;margin:0 auto;display:flex;align-items:center;flex-direction:column;text-align:center;} .tp-end-grit{position:absolute;inset:-42px -30px;z-index:-1;pointer-events:none;background:linear-gradient(120deg,transparent 0 19%,rgba(237,57,71,.05) 19.2%,transparent 19.6% 80%,rgba(237,57,71,.045) 80.2%,transparent 80.7%);} .tp-end-heading{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;max-width:100%;margin:0;line-height:1;text-transform:uppercase;font-family:var(--font);font-weight:900;letter-spacing:-.056em;} .tp-end-paper,.tp-end-redpaper{display:inline-block;max-width:100%;padding:11px 23px 14px;font-family:var(--font);font-weight:900;font-stretch:condensed;font-size:clamp(27px,3.25vw,49px);line-height:1.04;white-space:nowrap;letter-spacing:-.056em;} .tp-end-paper{background:#f0ece5;color:#0d0d0e;clip-path:polygon(1% 1%,99% 0,100% 98%,0 100%);transform:rotate(-1deg);} .tp-end-redpaper{background:#ed3947;color:#fff;clip-path:polygon(0 0,100% 1%,99% 98%,1% 100%);transform:rotate(-.6deg) translate(-8px,7px);position:relative;} .tp-end-sub{font-family:var(--font);font-size:clamp(14px,1.4vw,18px);line-height:1.5;color:#d9d3d0;letter-spacing:.075em;font-weight:500;margin:32px 0 0;} .tp-end-dash{width:47px;height:2px;background:#ed3947;margin:20px auto 0;} .tp-end-sealbox{width:clamp(220px,24vw,290px);max-width:76vw;margin:9px auto 0;position:relative;} .tp-end-seal{display:block;width:100%;height:auto;filter:drop-shadow(0 13px 22px rgba(0,0,0,.55));} .tp-end-years{display:flex;align-items:center;justify-content:center;gap:20px;margin:-6px 0 0;font-family:var(--font);font-size:clamp(13px,1.25vw,17px);font-weight:900;color:#eee8e1;letter-spacing:.25em;} .tp-end-years::before,.tp-end-years::after{content:"";display:block;width:37px;height:2px;background:#ed3947;} @media(max-width:640px){.tp-signoff.tp-signoff-final{padding:70px 10px 80px}.tp-end-heading{gap:0}.tp-end-paper,.tp-end-redpaper{font-size:clamp(18px,5vw,32px);padding:9px 10px 11px;letter-spacing:-.055em}.tp-end-redpaper{transform:rotate(-.6deg) translate(-4px,4px)}.tp-end-sub{margin-top:29px;font-size:13px;letter-spacing:.025em}.tp-end-sealbox{width:clamp(205px,60vw,260px)}.tp-end-years{margin-top:0;font-size:12px}} @media(prefers-reduced-motion:reduce){.tp-signoff.tp-signoff-final *{animation:none!important;transition:none!important;}} /* ===== BLOK 32 : UYE ORTAKLIGI - BetBuddy afisi ===== */ /* v31: BetBuddy – mevcut afişe dokunmadan canlı hesaplama paneli */ #p-uye .buddy-calculator{position:relative;z-index:2;border-top:1px solid #41383c;background:linear-gradient(115deg,#121113 0%,#121113 53%,#1b1014 100%);padding:clamp(22px,3vw,44px);color:#f5f1ed} #p-uye .bc-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:24px;padding-bottom:17px;border-bottom:1px solid #ffffff24} #p-uye .bc-overline{display:block;letter-spacing:.22em;text-transform:uppercase;font-size:.68rem;font-weight:800;color:#f43c51;margin-bottom:9px} #p-uye .bc-head h3{font-size:clamp(1.35rem,2.25vw,2.05rem);letter-spacing:-.035em;line-height:1.1;margin:0;color:#f6f1ea;font-weight:900} #p-uye .bc-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(20px,4vw,62px);align-items:stretch} #p-uye .bc-controls{display:grid;gap:25px;padding:8px 0 6px} #p-uye .bc-control{min-width:0} #p-uye .bc-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px} #p-uye .bc-top label{font-size:clamp(.82rem,1.2vw,.98rem);font-weight:700;line-height:1.35;color:#f0ebea} #p-uye .bc-input-wrap{border:1px solid #5d5053;display:flex;align-items:center;gap:7px;background:#0d0c0e;min-width:132px;padding:9px 12px;flex-shrink:0} #p-uye .bc-input-wrap:focus-within{border-color:#f13a4d;box-shadow:0 0 0 1px #f13a4d} #p-uye .bc-input-wrap input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;text-align:right;font-family:inherit;font-size:1.08rem;font-weight:800;padding:0!important;margin:0!important;line-height:1.4;appearance:textfield} #p-uye .bc-input-wrap input::-webkit-inner-spin-button,#p-uye .bc-input-wrap input::-webkit-outer-spin-button{appearance:none;margin:0} #p-uye .bc-input-wrap span{font-size:.82rem;font-weight:800;color:#e3dce0} #p-uye .bc-range{display:block;appearance:none;width:100%;height:5px;background:linear-gradient(90deg,#ed3041 0%,#ed3041 var(--progress,0%),#ded8d8 var(--progress,0%),#ded8d8 100%);border:0;border-radius:100px;margin:0;cursor:pointer;accent-color:#ef374a} #p-uye .bc-range::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#f0394d;border:3px solid #f4ecea;box-shadow:0 1px 9px #000a} #p-uye .bc-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f0394d;border:3px solid #f4ecea;box-shadow:0 1px 9px #000a} #p-uye .bc-minmax{display:flex;justify-content:space-between;color:#968e90;font-size:.66rem;letter-spacing:.045em;margin-top:9px} #p-uye .bc-caution{font-size:.75rem;line-height:1.7;color:#aba2a5;margin:0;max-width:510px} #p-uye .bc-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start} #p-uye .bc-result{border:1px solid #65575b;background:#0d0c0e;min-height:105px;padding:17px 20px;display:flex;flex-direction:column;justify-content:center;gap:9px;min-width:0} #p-uye .bc-result span{color:#bbb0b2;font-size:.76rem;line-height:1.35;font-weight:600} #p-uye .bc-result strong{font-size:clamp(1.45rem,2.6vw,2.1rem);letter-spacing:-.04em;color:#f5f1ee;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums} #p-uye .bc-result.bc-total{grid-column:1/-1;background:#ed3041;border-color:#ed3041;min-height:122px} #p-uye .bc-result.bc-total span,#p-uye .bc-result.bc-total strong{color:#140b0d} #p-uye .bc-result.bc-total strong{font-size:clamp(2rem,3.6vw,3.2rem)} #p-uye .bc-asterisk{margin:13px 0 0;font-size:.67rem;color:#a99a9f;line-height:1.5} @media(max-width:790px){#p-uye .bc-layout{grid-template-columns:1fr;gap:25px}#p-uye .bc-top{flex-wrap:wrap}#p-uye .bc-input-wrap{margin-left:auto}#p-uye .bc-results{gap:8px}#p-uye .bc-result{padding:15px 13px;min-height:92px}#p-uye .bc-result strong{font-size:clamp(1.2rem,5.2vw,1.75rem)}#p-uye .bc-result.bc-total{min-height:105px}} @media(max-width:390px){#p-uye .bc-top{align-items:flex-start}#p-uye .bc-top label{flex:1 0 100%}#p-uye .bc-input-wrap{margin-left:0}} /* v32 | BetBuddy: original ticket illustration remains; calculator integrated below it. */ #p-uye .buddy-grid{align-items:stretch;min-height:unset} #p-uye .buddy-topline{padding:11px 12px 0;letter-spacing:.29em} #p-uye .buddy-copy{padding:24px clamp(22px,4.1vw,72px) 23px;justify-content:center} #p-uye .buddy-eyebrow{margin-bottom:13px;letter-spacing:.17em} #p-uye .buddy-title{margin-bottom:15px;line-height:1.12} #p-uye .buddy-title .buddy-line{margin:1px 0} #p-uye .buddy-rule{margin-bottom:13px} #p-uye .buddy-description{margin-bottom:15px;line-height:1.5} #p-uye .buddy-action{padding-bottom:5px} #p-uye .buddy-art{min-height:0;padding:16px clamp(18px,2.1vw,33px) 18px;justify-content:flex-start;gap:0} #p-uye .buddy-ticket-pair{min-height:155px;max-width:555px;transform:scale(.88);transform-origin:center center;margin:-12px 0 -17px} #p-uye .buddy-brand-ticket{min-height:125px;padding:26px 12px} #p-uye .buddy-benefit-ticket{min-height:148px;padding:12px 10px} #p-uye .buddy-art-micro{margin:0 0 14px;font-size:.60rem} #p-uye .buddy-art .buddy-calculator{position:relative;z-index:3;width:100%;max-width:660px;background:#100f12d9;border:1px solid #635055;border-top:1px solid #bb3347;padding:14px 16px 12px;color:#f4f0eb;box-shadow:0 9px 24px #0005} #p-uye .buddy-art .bc-head{margin:0 0 11px;padding:0 0 9px;align-items:center;gap:8px} #p-uye .buddy-art .bc-head h3{font-size:clamp(13px,1.12vw,17px);letter-spacing:-.015em} #p-uye .buddy-art .bc-overline{font-size:.55rem;letter-spacing:.16em;margin-bottom:3px} #p-uye .buddy-art .bc-layout{grid-template-columns:minmax(0,1fr) minmax(0,.89fr);gap:15px;align-items:start} #p-uye .buddy-art .bc-controls{gap:14px;padding:0} #p-uye .buddy-art .bc-top{gap:6px;margin-bottom:9px;flex-wrap:nowrap} #p-uye .buddy-art .bc-top label{font-size:clamp(10px,.86vw,12px);font-weight:650;line-height:1.25;flex:1;min-width:0} #p-uye .buddy-art .bc-input-wrap{min-width:86px;width:104px;padding:5px 7px;gap:3px} #p-uye .buddy-art .bc-input-wrap input{font-size:13px;line-height:1.3} #p-uye .buddy-art .bc-input-wrap span{font-size:10px} #p-uye .buddy-art .bc-range{height:3px} #p-uye .buddy-art .bc-range::-webkit-slider-thumb{width:15px;height:15px;border-width:2px} #p-uye .buddy-art .bc-minmax{margin-top:6px;font-size:9px} #p-uye .buddy-art .bc-caution{display:none} #p-uye .buddy-art .bc-results{display:flex;flex-direction:column;gap:0;border:1px solid #62565b;background:#151215} #p-uye .buddy-art .bc-result{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;min-height:0;padding:9px 10px;border:0;background:none} #p-uye .buddy-art .bc-result+.bc-result{border-top:1px solid #ffffff1a} #p-uye .buddy-art .bc-result span{font-size:clamp(9px,.75vw,11px);max-width:57%;font-weight:600;line-height:1.25} #p-uye .buddy-art .bc-result strong{font-size:clamp(12px,1.15vw,18px);white-space:nowrap} #p-uye .buddy-art .bc-result.bc-total{background:#ed3041;border-color:#ed3041;min-height:44px;margin:0;padding:9px 10px} #p-uye .buddy-art .bc-result.bc-total strong{font-size:clamp(15px,1.4vw,22px)} #p-uye .buddy-art .bc-result.bc-total span{color:#1c0d10} #p-uye .buddy-art .bc-asterisk{margin:6px 0 0;line-height:1.35;font-size:9px;text-align:left} @media(max-width:1100px) and (min-width:701px){ #p-uye .buddy-art .bc-layout{grid-template-columns:1fr;gap:12px} #p-uye .buddy-art .bc-controls{gap:12px} #p-uye .buddy-art .bc-results{display:grid;grid-template-columns:1fr 1fr} #p-uye .buddy-art .bc-result{padding:8px} #p-uye .buddy-art .bc-result.bc-total{grid-column:1/-1} #p-uye .buddy-art .buddy-ticket-pair{transform:scale(.84)} } @media(max-width:700px){ #p-uye .buddy-copy{padding:23px 20px 22px} #p-uye .buddy-art{padding:10px 16px 18px;min-height:0} #p-uye .buddy-ticket-pair{transform:scale(.87);margin:-16px 0 -19px} #p-uye .buddy-art-micro{margin-bottom:13px} #p-uye .buddy-art .bc-layout{grid-template-columns:1fr 1fr;gap:12px} #p-uye .buddy-art .bc-results{display:flex;gap:0} #p-uye .buddy-art .bc-top{flex-wrap:wrap} #p-uye .buddy-art .bc-top label{flex:1 0 100%} #p-uye .buddy-art .bc-input-wrap{margin-left:0;width:100%} } @media(max-width:420px){ #p-uye .buddy-art .bc-layout{grid-template-columns:1fr;gap:13px} #p-uye .buddy-art .bc-controls{gap:12px} #p-uye .buddy-art .bc-top{flex-wrap:nowrap} #p-uye .buddy-art .bc-top label{flex:1 1 auto} #p-uye .buddy-art .bc-input-wrap{width:110px;flex-shrink:0} } /* ===== BLOK 33 : UYE ORTAKLIGI - BetBuddy kazanc hesaplayici ===== */ /* v33: BetBuddy refinements only. Original banner, graphics and slogans unchanged. */ #p-uye section#uye.block { padding-top: clamp(20px, 2.8vw, 42px) !important; } #p-uye .buddy-stage { margin-top: 0 !important; } #p-uye .buddy-art .buddy-calculator { border:1px solid rgba(235,112,118,.38); border-top:2px solid #df354c; background:linear-gradient(145deg, rgba(25,19,24,.96), rgba(12,12,15,.97)); box-shadow:0 14px 36px rgba(0,0,0,.27); } #p-uye .buddy-art .bc-head { border-bottom-color:rgba(248,232,224,.14); } #p-uye .buddy-art .bc-results { overflow:hidden; border:1px solid rgba(230,112,124,.32); background:repeating-linear-gradient(0deg,transparent 0,transparent 24px,rgba(250,230,223,.025) 25px),linear-gradient(130deg,#291b22,#171417 74%); box-shadow:inset 3px 0 0 rgba(225,43,70,.85),0 7px 20px #0004; } #p-uye .buddy-art .bc-result { padding:12px 12px 12px 15px; min-height:49px; transition:background .17s ease,box-shadow .17s ease; } #p-uye .buddy-art .bc-result+.bc-result {border-top:1px solid rgba(252,227,218,.13)} #p-uye .buddy-art .bc-result span {color:#cfc1c1;letter-spacing:.012em;font-size:clamp(10px,.82vw,12px)} #p-uye .buddy-art .bc-result strong {color:#fcf0e7;font-size:clamp(15px,1.24vw,20px);font-variant-numeric:tabular-nums;font-weight:850} #p-uye .buddy-art .bc-result.bc-total { margin:0; min-height:62px; padding:12px 13px 12px 15px; border-top:2px solid #e33a4f; background:linear-gradient(115deg,#f2eae4 0%,#efe3dc 70%,#e6d4ce 100%); box-shadow:inset 4px 0 0 #e43149; } #p-uye .buddy-art .bc-result.bc-total span {color:#4f3437;font-weight:850;letter-spacing:.01em} #p-uye .buddy-art .bc-result.bc-total strong {color:#d52b43;font-size:clamp(19px,1.65vw,27px);letter-spacing:-.035em} #p-uye .buddy-art .bc-result.flash:not(.bc-total) {background:rgba(215,42,71,.13)} #p-uye .buddy-art .bc-result.bc-total.flash {box-shadow:inset 4px 0 0 #e43149,inset 0 0 35px rgba(233,48,74,.11)} #p-uye .buddy-art .bc-range {cursor:grab;touch-action:pan-y; height:6px; border-radius:20px; } #p-uye .buddy-art .bc-range:active {cursor:grabbing} #p-uye .buddy-art .bc-range::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:26px;height:26px;border:0; background:#db3048 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%23e52d45%22%20stroke%3D%22%23f9eee9%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2223%22%20fill%3D%22%23151215%22%20stroke%3D%22%23f7e9e1%22%20stroke-width%3D%221.1%22%2F%3E%3Cpath%20d%3D%22M18%2021c9-4%2019-4%2028%200l-2%205c-8-3-16-3-24%200z%22%20fill%3D%22%23f6f0e9%22%2F%3E%3Cpath%20d%3D%22M29.5%2027h5v20l-2.5%203-2.5-3z%22%20fill%3D%22%23f6f0e9%22%2F%3E%3Cpath%20d%3D%22M21%2021l-3%206%206%201%203-5m16-2%203%206-6%201-3-5%22%20fill%3D%22%23e52d45%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; border-radius:50%; box-shadow:0 0 0 3px #1c1518,0 1px 7px #0008; cursor:grab; transition:transform .15s ease,box-shadow .15s ease; } #p-uye .buddy-art .bc-range:active::-webkit-slider-thumb {transform:scale(1.13);box-shadow:0 0 0 3px #1c1518,0 0 0 7px #e52d452f} #p-uye .buddy-art .bc-range::-moz-range-thumb { width:26px;height:26px;border:0; background:#db3048 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%23e52d45%22%20stroke%3D%22%23f9eee9%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2223%22%20fill%3D%22%23151215%22%20stroke%3D%22%23f7e9e1%22%20stroke-width%3D%221.1%22%2F%3E%3Cpath%20d%3D%22M18%2021c9-4%2019-4%2028%200l-2%205c-8-3-16-3-24%200z%22%20fill%3D%22%23f6f0e9%22%2F%3E%3Cpath%20d%3D%22M29.5%2027h5v20l-2.5%203-2.5-3z%22%20fill%3D%22%23f6f0e9%22%2F%3E%3Cpath%20d%3D%22M21%2021l-3%206%206%201%203-5m16-2%203%206-6%201-3-5%22%20fill%3D%22%23e52d45%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; border-radius:50%;box-shadow:0 0 0 3px #1c1518,0 1px 7px #0008; cursor:grab; } #p-uye .buddy-art .bc-range:focus-visible {outline:2px solid #fff0e4;outline-offset:8px} @media(max-width:700px){ #p-uye section#uye.block{padding-top:18px !important} #p-uye .buddy-art .bc-result{padding:10px 9px 10px 12px} #p-uye .buddy-art .bc-result.bc-total{min-height:55px} } @media(prefers-reduced-motion:reduce){ #p-uye .buddy-art .bc-result,#p-uye .buddy-art .bc-range::-webkit-slider-thumb{transition:none} } /* v34 | ONLY BetBuddy live calculator: premium card-inspired thumbs and real hover tracking */ #p-uye .buddy-art .bc-track {position:relative;height:34px;display:flex;align-items:center;isolation:isolate;--progress:0%;margin:0 1px} #p-uye .buddy-art .bc-track::before {content:"";position:absolute;inset:12px 1px;border-radius:20px;background:linear-gradient(180deg,#383035,#151318);box-shadow:inset 0 1px 4px #000c,0 1px 0 #a2989940;z-index:-1} #p-uye .buddy-art .bc-track-fill {pointer-events:none;position:absolute;left:1px;top:12px;height:10px;width:var(--progress);border-radius:20px;background:linear-gradient(90deg,#a91b31,#ed344c 55%,#ff6773);box-shadow:inset 0 1px #ffabb47a,0 0 11px #f42c4650;overflow:hidden;transition:width .07s linear;z-index:0} #p-uye .buddy-art .bc-track-fill::before {content:"";position:absolute;inset:-2px 0;background:repeating-linear-gradient(110deg,transparent 0 13px,#ffffff44 16px 19px,transparent 23px 43px);background-size:85px 100%;animation:bc34Flow 1.6s linear infinite;opacity:.4} #p-uye .buddy-art .bc-track .bc-range{position:relative;z-index:3;width:100%;height:34px;appearance:none;-webkit-appearance:none;border:0;border-radius:0;margin:0;outline-offset:2px;background:transparent!important;box-shadow:none!important;cursor:ew-resize;touch-action:pan-y} #p-uye .buddy-art .bc-track .bc-range::-webkit-slider-runnable-track{height:34px;background:transparent;border:none} #p-uye .buddy-art .bc-track .bc-range::-moz-range-track{height:34px;background:transparent;border:none} #p-uye .buddy-art .bc-track .bc-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:33px;height:33px;margin-top:0;border:0;background-image:var(--bc-icon)!important;background-color:transparent!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;border-radius:50%;box-shadow:0 2px 8px #0008!important;cursor:ew-resize;transition:transform .14s ease} #p-uye .buddy-art .bc-track .bc-range::-moz-range-thumb{width:33px;height:33px;border:0;background-image:var(--bc-icon)!important;background-color:transparent!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;border-radius:50%;box-shadow:0 2px 8px #0008!important;cursor:ew-resize} #p-uye .buddy-art .bc-track:has(.bc-range:hover) .bc-range::-webkit-slider-thumb{transform:scale(1.09)} #p-uye .buddy-art .bc-track-deposit{--bc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x2%3D%22.8%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%235f2732%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231b1119%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%2308080a%22%20stroke%3D%22%23e5c18a%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2224.5%22%20fill%3D%22url%28%23g%29%22%20stroke%3D%22%23a86d55%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M32%2011C24%2022%2015%2027%2015%2036c0%207%205%2011%2011%2010%203%200%204-2%206-4%202%202%203%204%206%204%207%201%2011-4%2011-10%200-9-9-14-17-25z%22%20fill%3D%22%23f3e9dd%22%20stroke%3D%22%23dfbc83%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M28%2042l-4%2012h16l-4-12%22%20fill%3D%22%23dfbc83%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2227%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.17%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E")} #p-uye .buddy-art .bc-track-loss{--bc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x2%3D%22.7%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%236d2535%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a121b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%2308080a%22%20stroke%3D%22%23e4bf89%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2224.5%22%20fill%3D%22url%28%23g%29%22%20stroke%3D%22%23a86d55%22%20stroke-width%3D%221.2%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2213%22%20width%3D%2224%22%20height%3D%2238%22%20rx%3D%223%22%20fill%3D%22%23f5e9dc%22%20stroke%3D%22%23d8b585%22%20stroke-width%3D%221.4%22%20transform%3D%22rotate%28-7%2032%2032%29%22%2F%3E%3Ctext%20x%3D%2232%22%20y%3D%2239%22%20font-family%3D%22Georgia%2Cserif%22%20font-size%3D%2227%22%20font-weight%3D%22bold%22%20fill%3D%22%23b72842%22%20text-anchor%3D%22middle%22%20transform%3D%22rotate%28-7%2032%2032%29%22%3EA%3C%2Ftext%3E%3Cpath%20d%3D%22M32%2015l3.2%204-3.2%204-3.2-4z%22%20fill%3D%22%23b72842%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2227%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.13%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E")} #p-uye .buddy-art .bc-result{position:relative;isolation:isolate;overflow:hidden} #p-uye .buddy-art .bc-result::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:0;background:linear-gradient(110deg,transparent 24%,#f65e7355 48%,transparent 72%);transform:translateX(-130%)} #p-uye .buddy-art .bc-result.flash::before{opacity:1;animation:bc34Sweep .48s ease-out forwards} #p-uye .buddy-art .bc-result strong{transition:text-shadow .18s ease,color .18s ease} #p-uye .buddy-art .bc-result.flash strong{text-shadow:0 0 12px #ff617766} #p-uye .buddy-art .bc-result.bc-total.flash strong{text-shadow:0 0 14px #ed304144} @keyframes bc34Sweep{to{transform:translateX(130%)}} @keyframes bc34Flow{to{background-position:85px 0}} @media(prefers-reduced-motion:reduce){#p-uye .buddy-art .bc-track-fill::before{animation:none}#p-uye .buddy-art .bc-result.flash::before{animation:none;opacity:0}} /* v35 / only slider polish, keep original BetBuddy layout, assets and calculation */ #p-uye .buddy-art .bc-track{height:38px; margin:0 3px;} #p-uye .buddy-art .bc-track::before{inset:12px 1px; border-radius:12px; background:linear-gradient(180deg,#4c353b,#21191e 55%,#171216);} #p-uye .buddy-art .bc-track-fill{top:12px;height:14px;border-radius:10px;background:linear-gradient(90deg,#a52235 0%,#d32e47 58%,#ee5569 100%);box-shadow:inset 0 1px #ffc9ce55,0 0 7px #f42c4630;transition:width .085s linear;} #p-uye .buddy-art .bc-track-fill::before{background:repeating-linear-gradient(105deg,transparent 0 19px,rgba(255,241,229,.20) 22px 25px,transparent 30px 61px);background-size:130px 100%;animation-duration:4.2s;opacity:.35;} /* Label is vertically centered in the filled strip, appears only when space is sufficient. */ #p-uye .buddy-art .bc-track .bc-range{height:38px;} #p-uye .buddy-art .bc-track .bc-range::-webkit-slider-runnable-track{height:38px;} #p-uye .buddy-art .bc-track .bc-range::-moz-range-track{height:38px;} #p-uye .buddy-art .bc-track .bc-range::-webkit-slider-thumb{margin-top:0;transition:transform .25s ease;} #p-uye .buddy-art .bc-result.flash::before{animation-duration:.8s;} #p-uye .buddy-art .bc-result.flash strong{transition:text-shadow .35s ease;} /* ===== BLOK 34 : UYE ORTAKLIGI - BetBuddy son duzenlemeler (eski adi: betbuddy-v36-final) ===== */ /* === Tesla Partner / BetBuddy v36: same approved site, editorial tear-and-reveal calculator === */ #p-uye .buddy-art .buddy-calculator { border:1px solid #6a3946; border-top:2px solid #e3364e; padding:13px 14px 13px; background: radial-gradient(ellipse at 88% -35%,rgba(217,54,70,.12),transparent 65%), linear-gradient(137deg,rgba(27,18,24,.98),rgba(13,11,15,.99)); box-shadow:0 12px 30px #0007,inset 0 0 0 1px #fff1e606; max-width:unset; } #p-uye .buddy-art .bc-head {margin-bottom:12px;padding-bottom:9px;align-items:end;} #p-uye .buddy-art .bc-head h3{font-size:clamp(14px,1.22vw,19px);line-height:1.1;letter-spacing:-.04em} #p-uye .buddy-art .bc-head-stamp {font-size:8px;font-weight:800;letter-spacing:.14em;color:#b9a7a7;white-space:nowrap;padding-bottom:2px} #p-uye .buddy-art .bc-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;align-items:start} #p-uye .buddy-art .bc-controls{display:grid;gap:13px;padding:0} #p-uye .buddy-art .bc-control{min-width:0} #p-uye .buddy-art .bc-top{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;margin:0 0 3px;gap:7px} #p-uye .buddy-art .bc-top label{font-size:clamp(10px,.84vw,12px);font-weight:750;white-space:normal;line-height:1.25} #p-uye .buddy-art .bc-input-wrap{width:120px;min-width:100px;padding:5px 8px;border-color:#67555c;background:#0c0b0e} #p-uye .buddy-art .bc-input-wrap input{font-size:13px;letter-spacing:.02em} /* Track: lit red runner, cream paper, letterpress type, custom approved spade/A stamps */ #p-uye .buddy-art .bc-track{height:39px;position:relative;isolation:isolate;margin:0 2px;--progress:0%;} #p-uye .buddy-art .bc-track::before{ inset:10px 1px; border-radius:40px; border:1px solid #8c67704d; background:linear-gradient(180deg,#3d2b31,#161116 60%,#100e12); box-shadow:inset 0 2px 4px #000c,0 1px 0 #ffffff0a; } #p-uye .buddy-art .bc-track-fill{ top:10px;left:1px;height:19px;min-width:0; border-radius:15px; background:linear-gradient(95deg,#a51e34,#d72f48 62%,#f25262); box-shadow:inset 0 1px #fff3df49,0 0 9px #e82e444a; width:var(--progress);transition:width .08s linear; } #p-uye .buddy-art .bc-track-fill::before{opacity:.25;animation-duration:6.4s;background-size:230px 100%;} #p-uye .buddy-art .bc-reveal-paper { position:absolute;left:6px;right:6px;top:7px;height:26px;z-index:1; display:flex;align-items:center;justify-content:center; overflow:hidden;pointer-events:none; /* Full lettering exists at every moment, but the paper is uncovered left-to-right */ clip-path:inset(0 calc(100% - var(--progress)) 0 0); background:linear-gradient(100deg,#f5eae1,#fff6ed 44%,#e8d7cc 82%,#f9e9de); filter:drop-shadow(0 1px 1px #0008); border:1px solid rgba(65,37,40,.35); border-radius:2px; } #p-uye .buddy-art .bc-reveal-paper::before, #p-uye .buddy-art .bc-reveal-paper::after{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(100deg,#ae5e65 0%,transparent 28%,#8c484744 57%,transparent 83%);opacity:.45;pointer-events:none} #p-uye .buddy-art .bc-reveal-paper::before{top:0;clip-path:polygon(0 0,3% 90%,7% 35%,13% 95%,21% 38%,29% 92%,36% 30%,43% 100%,51% 45%,59% 90%,66% 37%,75% 95%,83% 24%,92% 100%,100% 40%,100% 0)} #p-uye .buddy-art .bc-reveal-paper::after{bottom:0;clip-path:polygon(0 100%,7% 35%,13% 80%,20% 15%,26% 92%,33% 10%,43% 84%,52% 15%,62% 95%,69% 13%,80% 95%,90% 10%,100% 70%,100% 100%)} #p-uye .buddy-art .bc-paper-message { display:block;width:100%;text-align:center;white-space:nowrap; color:#291a1d;font-family:Impact,'Arial Narrow','Liberation Sans Narrow',Arial,sans-serif; font-weight:800;font-size:clamp(8.25px,.70vw,10.3px);line-height:1; letter-spacing:.016em;text-transform:uppercase; text-shadow:0 .2px 0 #43292c33; padding:0 5px; } #p-uye .buddy-art .bc-paper-message em{color:#9d1c30;font-style:normal} #p-uye .buddy-art .bc-track .bc-range{height:39px;touch-action:pan-y} #p-uye .buddy-art .bc-track .bc-range::-webkit-slider-runnable-track{height:39px} #p-uye .buddy-art .bc-track .bc-range::-moz-range-track{height:39px} #p-uye .buddy-art .bc-track .bc-range::-webkit-slider-thumb{height:35px;width:35px;margin-top:0;filter:drop-shadow(0 0 3px #0008)} #p-uye .buddy-art .bc-track .bc-range::-moz-range-thumb{height:35px;width:35px;filter:drop-shadow(0 0 3px #0008)} #p-uye .buddy-art .bc-minmax{margin-top:0;color:#a39a9c;font-size:9px} /* The calculated result remains the familiar dark/dark/cream stacked ledger, now refined */ #p-uye .buddy-art .bc-results{ display:flex;flex-direction:column;gap:0; border:1px solid #5e444c;background:#161216;overflow:hidden; box-shadow:inset 4px 0 0 #d52d45,0 6px 16px #0004; } #p-uye .buddy-art .bc-result{min-height:41px;padding:9px 13px 9px 17px;justify-content:space-between;gap:12px;transition:background .21s ease,box-shadow .21s ease} #p-uye .buddy-art .bc-result span{font-size:clamp(10px,.84vw,12px);font-weight:700;color:#d7c8c7;white-space:normal;line-height:1.3;max-width:58%} #p-uye .buddy-art .bc-result span small{font-size:inherit;white-space:nowrap} #p-uye .buddy-art .bc-result strong{font-size:clamp(16px,1.5vw,23px);font-weight:900;color:#f8eee8;line-height:1;white-space:nowrap;text-shadow:none} #p-uye .buddy-art .bc-result.bc-total{ min-height:54px; padding:9px 14px 9px 17px; margin:0; border-top:3px solid #e23d51; background:linear-gradient(105deg,#f5ece5 0%,#efe1d8 78%,#f7e9e0 100%); box-shadow:inset 4px 0 0 #e1324b; } #p-uye .buddy-art .bc-result.bc-total span{color:#5a343a;font-size:clamp(11px,.93vw,13px);font-weight:900} #p-uye .buddy-art .bc-result.bc-total strong{color:#d52d47;font-size:clamp(21px,1.85vw,29px);letter-spacing:-.035em} #p-uye .buddy-art .bc-asterisk{font-size:9px;color:#aaa0a3;line-height:1.35;margin:6px 0 0} #p-uye .buddy-art .bc-result::before{z-index:0;mix-blend-mode:screen} #p-uye .buddy-art .bc-result span,#p-uye .buddy-art .bc-result strong{position:relative;z-index:1} @media (max-width:1200px){ #p-uye .buddy-art .bc-head-stamp{display:none} #p-uye .buddy-art .bc-paper-message{font-size:clamp(7.1px,.68vw,9.5px);letter-spacing:-.012em} } @media (max-width:700px){ #p-uye .buddy-art .bc-layout{grid-template-columns:1fr;gap:10px} #p-uye .buddy-art .bc-top{flex-wrap:nowrap} #p-uye .buddy-art .bc-top label{flex:1;min-width:0} #p-uye .buddy-art .bc-input-wrap{margin:0;width:115px;flex-shrink:0} #p-uye .buddy-art .bc-paper-message{font-size:clamp(8px,2.15vw,10.8px);letter-spacing:-.015em} #p-uye .buddy-art .bc-result strong{font-size:clamp(17px,4vw,22px)} #p-uye .buddy-art .bc-result.bc-total strong{font-size:clamp(20px,5vw,29px)} } @media(max-width:380px){ #p-uye .buddy-art .buddy-calculator{padding:12px 11px} #p-uye .buddy-art .bc-paper-message{font-size:7.5px;letter-spacing:-.02em} #p-uye .buddy-art .bc-result strong{font-size:15px} #p-uye .buddy-art .bc-result.bc-total strong{font-size:21px} } @media(prefers-reduced-motion:reduce){ #p-uye .buddy-art .bc-track-fill,#p-uye .buddy-art .bc-reveal-paper{transition:none} } /* ===== BLOK 35 : UYE ORTAKLIGI - BetBuddy kagit efekti (eski adi: betbuddy-v36-paper-polish) ===== */ #p-uye .buddy-art .bc-reveal-paper{ overflow:visible;border:none;border-radius:0;background:none;filter:none; top:5px;height:28px;left:7px;right:7px; } #p-uye .buddy-art .bc-reveal-paper::before,#p-uye .buddy-art .bc-reveal-paper::after{display:none} #p-uye .buddy-art .bc-paper-sheet{ position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center; isolation:isolate; background:linear-gradient(104deg,#eadcd4 0%,#fff5ed 12%,#f8efe9 52%,#f1ded4 82%,#fff0e4 100%); clip-path:polygon(0% 13%,2% 5%,5% 9%,8% 4%,11% 10%,15% 3%,19% 11%,22% 5%,27% 9%,30% 3%,35% 9%,39% 5%,43% 10%,47% 3%,51% 10%,55% 6%,60% 10%,64% 4%,69% 9%,72% 5%,77% 11%,81% 4%,86% 9%,90% 6%,95% 9%,98% 5%,100% 13%,99% 85%,95% 90%,90% 95%,86% 88%,81% 98%,76% 88%,70% 96%,65% 90%,59% 98%,54% 89%,49% 96%,44% 89%,38% 98%,32% 91%,26% 97%,21% 88%,17% 96%,12% 89%,7% 97%,2% 91%,0 88%); box-shadow:0 2px 4px #0008; } #p-uye .buddy-art .bc-paper-sheet::before{ content:"";position:absolute;left:0;top:0;bottom:0;width:15px;z-index:1; background:linear-gradient(90deg,#a41b2a 0%,#b82735 60%,#8d1b2a 96%); box-shadow:2px 1px 3px #5e1c2590; clip-path:polygon(0 0,100% 11%,91% 36%,100% 63%,86% 100%,0 100%); } #p-uye .buddy-art .bc-paper-sheet::after{ content:"";position:absolute;inset:0;pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(73,36,32,.035) 5px,transparent 6px),linear-gradient(180deg,#8d36371b,transparent 30%,transparent 75%,#ba33331b); } #p-uye .buddy-art .bc-paper-message{position:relative;z-index:2;padding:0 6px 0 15px;color:#2d171a} @media(max-width:400px){#p-uye .buddy-art .bc-paper-message{padding:0 4px 0 12px}} /* ===== BLOK 36 : ELEKTRIK DOKULU ARKA PLAN (TeslaBahis sitesindekiyle ayni) ===== */ html { background-color: #101012; } /* ZEMIN_RENGI (doku resmi ust stilde, html uzerinde) */ body { background: transparent; } #tb-arka-site { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; } #tb-arka-site svg { position: absolute; left: 0; top: 0; } #tb-arka-site .tb-isik { position: absolute; left: 0; top: 0; height: 2px; width: 80px; border-radius: 2px; opacity: 0; background: linear-gradient(90deg, rgba(236,60,66,0), rgba(236,60,66,.85) 60%, rgba(255,255,255,.95)); box-shadow: 0 0 6px rgba(236,60,66,.55); will-change: transform, opacity; } @media (prefers-reduced-motion: reduce) { #tb-arka-site .tb-isik { display: none; } } /* ===== BLOK 37 : NASIL CALISIR - basliklar kartin on yuzunde, aciklama arka yuzde (v71) ===== */ /* Kartin altindaki yazi alani kaldirildi (ekran okuyucular icin gizli olarak duruyor). */ #nasil .tp-v61-step .tpn-copy.tp70-sr{ position:absolute!important;width:1px!important;height:1px!important;min-height:0!important; margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important; white-space:nowrap!important;border:0!important;flex:none!important; } #nasil .tp65-face{container-type:inline-size} /* On yuz: sol ustte krem kagit etiket + kirmizi egik cizgi (sitenin "NASIL / CALISIR" etiketleriyle ayni dil) */ #nasil .tp70-card-title{ position:absolute;z-index:3;top:7.5cqw;left:6.5cqw;max-width:78%; display:flex;align-items:center;gap:1.6cqw;pointer-events:none; } #nasil .tp70-card-title i{ font-style:normal;font-family:var(--font),Arial,sans-serif;font-weight:900; font-size:clamp(14px,11cqw,24px);line-height:1;color:#ec3447; text-shadow:0 1px 6px rgba(0,0,0,.35); } #nasil .tp70-card-title b{ display:inline-block;background:#eee8e0;color:#151316; font-family:var(--font),Arial,sans-serif;font-weight:900;font-stretch:72%; font-size:clamp(10.5px,7.4cqw,15px);line-height:1.05;letter-spacing:-.01em;text-transform:uppercase; padding:.42em .55em .38em;border-radius:2px;transform:rotate(-2deg); box-shadow:0 6px 14px rgba(0,0,0,.28); } /* Arka yuz: fotograf soluk (yalnizca saydamlik; bulaniklik yok, site kasmaz) + yazi kartin icinde */ #nasil .tp65-back{background:#141215} #nasil .tp65-back .tp65-back-img{opacity:.32} #nasil .tp65-back:before{ background:linear-gradient(180deg,rgba(20,18,21,.15) 0%,rgba(20,18,21,.55) 45%,rgba(20,18,21,.92) 100%); } #nasil .tp70-back-text{ position:absolute;z-index:3;left:0;right:0;bottom:0; padding:0 8cqw 9cqw;display:flex;flex-direction:column;gap:3.4cqw;text-align:left; } #nasil .tp70-back-step{ font-family:var(--font),Arial,sans-serif;font-weight:900;font-stretch:78%; font-size:clamp(10px,6.4cqw,13.5px);line-height:1.15;letter-spacing:.02em; text-transform:uppercase;color:#f5f0eb; } #nasil .tp70-back-step em{font-style:normal;color:#ec3447} #nasil .tp70-back-rule{display:block;width:16cqw;height:2px;background:#ec3447} #nasil .tp70-back-text p{ margin:0;font-family:var(--font),Arial,sans-serif;font-weight:500; font-size:clamp(10.5px,6.9cqw,14px);line-height:1.5;color:#e4ddd6; } /* Telefon: alttaki yazi alani kalktigi icin kartlar biraz buyudu, yazi rahat sigar */ @media(max-width:690px){ #nasil .tp-v61-stage{height:clamp(250px,68vw,340px)} #nasil .tp65-flip{max-width:98%} } @media(max-width:385px){ #nasil .tp-v61-stage{height:236px} } /* ===== BLOK 38 : DUZELTMELER v72 - onay kutusu, Partner Ol linki, CHOOSE YOUR SIDE etiketi, akicilik ===== */ /* Basvuru formu: onay kutusu isaretlenince gorunsun (once tiklaniyordu ama isaret gorunmuyordu) */ #basvuru .check{cursor:pointer} #basvuru .check input[type=checkbox]{ -webkit-appearance:none;appearance:none;flex:none; width:24px;height:24px;min-width:24px;min-height:0;padding:0;margin:1px 0 0; border:2px solid #6b6470;border-radius:3px;background:#111114 center/16px 16px no-repeat; cursor:pointer;transition:background-color .15s ease,border-color .15s ease; } #basvuru .check input[type=checkbox]:hover{border-color:#a9a3a4} #basvuru .check input[type=checkbox]:checked{ background-color:#ec3447;border-color:#ec3447; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } #basvuru .check input[type=checkbox]:focus-visible{outline:2px solid #f5e9e5;outline-offset:3px} #basvuru .field.bad .check input[type=checkbox]:not(:checked){border-color:#ec3447} /* "Birlikte Daha Fazlasi Mumkun" gorselindeki PARTNER OL yazisinin uzerine gorunmez link */ .tesla-second-approved .approved-panel{position:relative} .tp71-partner-ol{position:absolute;left:4.6%;top:78%;width:15%;height:10.5%;z-index:2;border-radius:3px;transition:background-color .2s ease} .tp71-partner-ol:hover{background:rgba(236,52,71,.12)} .tp71-partner-ol:focus-visible{outline:2px solid #f5e9e5;outline-offset:2px} /* Telefonda gorseldeki yazi cok kucuk kaldigi icin gorselin tamami tiklanir */ @media(max-width:700px){.tp71-partner-ol{inset:0;width:auto;height:auto}.tp71-partner-ol:hover{background:transparent}} /* "TESLA / CHOOSE YOUR SIDE" yazisi ortadaki cizginin ustune binmesin */ #programlar .prog-tabs::before{left:50%;right:auto;transform:translateX(-50%);width:max-content;padding:4px 6px 4px 14px;line-height:1.2;background:#151316;border:1px solid rgba(250,242,235,.14);border-radius:999px} /* AKICILIK: Kayan bant ve 3 boyutlu cevrilen kartlar, altlarindaki tum sayfanin ayri dev bir katmana alinmasina yol aciyordu (telefonda kasmanin nedeni). Bu ikisini alttaki icerigin ustunde cizdirmek bunu onluyor. */ .tp28-band{z-index:3} #nasil{position:relative;z-index:2} #nasil .tp65-flip-inner{will-change:auto} /* ===== BLOK 39 : AKICILIK v73 - bant ekran disinda ve "hareketi azalt" modunda durur ===== */ /* Not: "bolumleri sonradan hazirla" (content-visibility) denendi; olcumde kaydirmayi agirlastirdigi icin KULLANILMADI. */ /* Kayan bant ekranda degilken durur (gorundugu an kaldigi yerden devam eder) */ .tp28-band.tp-off .tp28-track{animation-play-state:paused!important} /* Telefonunda "hareketi azalt" acik olanlar icin bant durur */ @media(prefers-reduced-motion:reduce){.tp28-band .tp28-track{animation-play-state:paused!important}} /* ===== BLOK 40 : AKICILIK v73 - BetBuddy kaydirici seridi ===== */ /* Eskisi arka plan konumunu oynatarak saniyede 60 kez yeniden cizim yaptiriyordu (bolumun cizim yukunun ~%60'i). Ayni cizgiler ve ayni hiz; ancak artik ekran karti sadece kaydiriyor (yeniden cizim yok). */ #p-uye .buddy-art .bc-track-fill::before{ left:-230px;right:auto;width:calc(100% + 460px); background-position:0 0;background-size:230px 100%; animation:bc73Flow 6.4s linear infinite;will-change:transform; } @keyframes bc73Flow{from{transform:translate3d(0,0,0)}to{transform:translate3d(230px,0,0)}} /* Bolum ekranda degilken serit durur */ #p-uye .buddy-art.tp-off .bc-track-fill::before{animation-play-state:paused} @media(prefers-reduced-motion:reduce){#p-uye .buddy-art .bc-track-fill::before{animation:none}} /* ===== BLOK 41 : KAYAN BANT - yalnizca Uye Ortakligi sekmesinde gizli (v75) ===== */ /* Uye Ortakligi sekmesi acikken bant gizlenir (o sayfada kasmaya yol aciyordu); Partner Programi sekmesinde gorunur. Tersini istemek icin asagidaki #p-uye yazisini #p-partner yapin. */ body:has(#p-uye:not([hidden])) .tp28-band{display:none!important} /* ===== BLOK 42 : UYE ORTAKLIGI AKICILIK (v77) - buyuk panel golgeleri ve suzulme animasyonu kapali ===== */ /* Bu buyuk panellerin arkasindaki genis, bulanik gölge koyu zeminde neredeyse gorunmuyordu ama kaydirirken her seferinde yeniden cizildigi icin ozellikle Uye Ortakligi'nda kasma yapiyordu. Geri istenirse bu blok silinebilir. Yalnizca Uye Ortakligi sekmesindeki 5 buyuk panel: BetBuddy kutusu, hesaplayici, "Nasil Katilirim?", "Canli Destek Bildirimi" ve sartlar kutusu. Partner Programi sekmesine dokunulmadi. */ #p-uye .buddy-stage,#p-uye .buddy-calculator,#p-uye .tp-join-inner,#p-uye .tp-unity-card,#p-uye .tp-terms-shell{box-shadow:none!important} /* Uye Ortakligi sekmesinde bolumler asagidan suzulerek gelmez, dogrudan gorunur. (Suzulme animasyonu bu sekmede kaydirirken takilmaya yol aciyordu. Partner Programi'nda animasyon devam eder.) Animasyonu geri istemek icin asagidaki satiri silin. */ #p-uye .reveal{opacity:1!important;transform:none!important;transition:none!important}