/********************* PRELOADER *********************/ #preloader { position: fixed; inset: 0; width: 100%; height: 100vh; background: #000; display: flex; align-items: center; justify-content: center; z-index: 99999; transition: opacity 0.6s ease, visibility 0.6s ease; overflow: hidden; } #preloader.hide { opacity: 0; visibility: hidden; pointer-events: none; } #preloader .preloader-content { display: flex; flex-direction: column; align-items: center; } #preloader .logo { width: 250px; margin-bottom: 20px; } #preloader .logo img { width: 100%; display: block; filter:brightness(0) invert(1); } #preloader .loading-bar { width: 250px; max-width: 80vw; height: 5px; background: #ededed; border-radius: 999px; overflow: hidden; position: relative; } #preloader .loading-fill { width: 0%; height: 100%; background: var(--gold); border-radius: 999px; animation: loading 1s linear forwards; } @keyframes loading { from { width: 0%; } to { width: 100%; } } *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} :root{ --gold:#C9A84C;--bg:#050816;--card-bg:rgba(255,255,255,0.05); --text-h:#FFFFFF;--text-b:#BFC8D8;--line:rgba(255,255,255,0.08); --primary:#C9A84C;--secondary:#D4A017;--accent:#EAB800; } html,body{overflow-x:hidden} body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text-b);line-height:1.6} ::-webkit-scrollbar{width:3px} ::-webkit-scrollbar-track{background:var(--bg)} ::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary),var(--gold));border-radius:2px} body::after{content:'';position:fixed;inset:0;opacity:.022;pointer-events:none;z-index:9990; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E")} /* ══════════════════════════════════════════════════════════════ ORTAK: ARKA PLAN KÜRELERİ & PARTİKÜL TUVAL ══════════════════════════════════════════════════════════════ */ @keyframes orbF{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(40px,-40px) scale(1.08)}70%{transform:translate(-25px,25px) scale(.94)}} .bg-canvas{position:fixed;inset:0;pointer-events:none;z-index:0} .scroll-prog{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#b8962e,var(--gold),#fff5d6);z-index:10001;pointer-events:none;box-shadow:0 0 8px rgba(201,168,76,.6);transition:width .08s linear} /* ══════════════════════════════════════════════════════════════ DEFAULT ══════════════════════════════════════════════════════════════ */ .w-100 {width:100%;} .border-radius-10 {border-radius:10px;} a {color:#000; text-decoration:none;} h1, h2, h3, h4, h5 {margin:20px 0 15px 0;} p {margin-bottom:15px; line-height:1.7; font-size:14px;} section ul, section ol {margin-left:40px; margin-bottom:20px;} blockquote {border-left:5px var(--gold) solid; padding:15px; background:#ededed;color:#000; margin-bottom:15px;} footer li, footer p {font-size:13px;} footer a {font-size:15px;} /* ══════════════════════════════════════════════════════════════ ORTAK: NAVBAR ══════════════════════════════════════════════════════════════ */ .nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 56px;display:flex;align-items:center;justify-content:space-between;transition:backdrop-filter .4s,background .4s,border-color .4s,box-shadow .4s;border-bottom:2px solid rgba(201,168,76,.65)} .nav.scrolled{backdrop-filter:blur(28px);padding:5px 56px} .page-index .nav{background:rgba(0,0,0,.96);border-bottom:2px solid rgba(201,168,76,.65)} .page-index .nav.scrolled{background:rgba(0,0,0,.96);border-bottom:2px solid rgba(201,168,76,.65)} .page-iletisim .nav{background:rgba(5,8,22,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:2px solid rgba(201,168,76,.65)} .page-iletisim .nav.scrolled{background:rgba(5,8,22,.97);border-bottom:2px solid rgba(201,168,76,.65)} .nav-brand{display:flex;align-items:center;gap:10px} .nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none} .nav-ari{height:30px;width:auto;object-fit:contain;flex-shrink:0;transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .3s;opacity:.88} .nav-ari:hover{transform:scale(1.15) rotate(-10deg);opacity:1} .nav-links{display:flex;gap:30px;list-style:none;align-items:center} .nav-links li{display:flex;align-items:center} .nav-links a{color:var(--text-b);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.03em;transition:color .3s;position:relative} .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s} .nav-links a:hover{color:var(--text-h)} .nav-links a:hover::after{width:100%} .nav-links a.active{color:var(--gold)} .nav-links a.active::after{width:100%} .btn-contact{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:10px;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:.05em;text-decoration:none;background:rgba(201,168,76,.08);border:1px solid var(--gold);color:var(--gold);transition:background .3s,box-shadow .3s,transform .3s;white-space:nowrap;position:relative;overflow:hidden} .btn-contact:hover{background:rgba(201,168,76,.18);transform:translateY(-2px);box-shadow:0 0 25px rgba(201,168,76,.35)} .btn-dot{width:6px;height:6px;background:var(--gold);border-radius:50%} /* ── ORTAK: NAV DROPDOWN AYIRICI ───────────────────────────── */ .nav-dd-divider{height:1px;background:linear-gradient(to right,transparent,rgba(201,168,76,.45),transparent);margin:8px 0} /* ══════════════════════════════════════════════════════════════ ORTAK: BUTONLAR ══════════════════════════════════════════════════════════════ */ .btn-p{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#111;box-shadow:0 0 28px rgba(201,168,76,.25)} .btn-p::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transition:left .45s} .btn-p:hover::before{left:100%} .btn-p:hover{transform:translateY(-2px);box-shadow:0 0 55px rgba(201,168,76,.5)} .btn-full{width:100%;justify-content:center} /* ══════════════════════════════════════════════════════════════ ORTAK: TİPOGRAFİ ══════════════════════════════════════════════════════════════ */ h1,h2,h3,h4,h5,h6{color:var(--text-h);font-weight:800;letter-spacing:-.04em;line-height:.95} /* ══════════════════════════════════════════════════════════════ ORTAK: BÖLÜM ETİKETİ & GRID ARKA PLAN ══════════════════════════════════════════════════════════════ */ /* ══════════════════════════════════════════════════════════════ ORTAK: GİRİŞ ANİMASYONU & MİKRO ANİMASYON DESTEK ══════════════════════════════════════════════════════════════ */ @keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}} @keyframes shimmerSwipe{from{transform:translateX(-120%)}to{transform:translateX(120%)}} @keyframes revealLine{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}} @keyframes btnPulse{0%,100%{box-shadow:0 0 28px rgba(201,168,76,.2)}50%{box-shadow:0 0 44px rgba(201,168,76,.5),0 0 80px rgba(201,168,76,.12)}} @keyframes cardShine{0%{background-position:-200% center}100%{background-position:200% center}} @keyframes floatAccent{0%,100%{transform:translateY(0) rotate(0deg);opacity:.055}45%{transform:translateY(-18px) rotate(8deg);opacity:.09}75%{transform:translateY(8px) rotate(-5deg);opacity:.04}} /* Proc-line çizim animasyonu (JS .line-drawn class ekler) */ .proc-line::before{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s cubic-bezier(.23,1,.32,1)} .proc-line.line-drawn::before{clip-path:inset(0 0% 0 0)} /* Ck-card shimmer geçişi (hover-after ile) */ /* Yor-card sol çizgi reveal */ /* S-box scale hover */ /* Footer reveal başlangıç state (GSAP bunu okur) */ footer .ft-top > *,footer .ft-bot{will-change:transform,opacity} /* ══════════════════════════════════════════════════════════════ INDEX.HTML — ANA SAYFA STİLLERİ ══════════════════════════════════════════════════════════════ */ /* ── INDEX: YANIP SÖNEN İLETİŞİM BUTONU ─────────────────────── */ .btn-contact{animation:cBlink 3s ease-in-out infinite} .btn-contact .btn-dot{animation:cDot 3s ease-in-out infinite} .btn-contact:hover .btn-dot{animation:none;background:#050816} .btn-contact::after{content:'';position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-140%);pointer-events:none} .btn-contact:hover{animation:none} .btn-contact:hover::after{animation:btnShine .55s ease forwards} @keyframes cBlink{0%,100%{background:rgba(201,168,76,.08);color:var(--gold)}50%{background:#C9A84C;color:#050816;box-shadow:0 0 24px rgba(201,168,76,.6)}} @keyframes cDot{0%,100%{background:var(--gold)}50%{background:#050816}} @keyframes btnShine{from{transform:translateX(-140%)}to{transform:translateX(280%)}} /* ── INDEX: METİN ANİMASYON YARDIMCILARı ────────────────────── */ .c-wrap{display:block;overflow:hidden;padding-bottom:0.12em} .c-inner{display:block;will-change:transform} .w-wrap{display:inline-block;overflow:hidden;vertical-align:bottom} .w-inner{display:inline-block;will-change:transform} /* ── ORTAK: BANNER YILDIZ CANVASı ────────────────────────────── */ .banner-stars{position:absolute;inset:0;pointer-events:none;z-index:0;width:100%;height:100%} /* ── INDEX: HERO BÖLÜMÜ ──────────────────────────────────────── */ .hero{position:relative;height:100vh;display:flex;align-items:center;z-index:1;overflow:hidden} .hero-wrap{width:100%;max-width:1400px;margin:0 auto;padding:88px 60px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2} .hero-left{position:relative} .hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.25);border-radius:100px;font-size:10px;font-weight:600;color:var(--gold);margin-bottom:18px;letter-spacing:.08em;text-transform:uppercase} .badge-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;animation:pdot 2.5s ease-in-out infinite} @keyframes pdot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}} .hero-title-line,.hero-serif,.hero-grad{display:block} .hero-title-line{font-size:clamp(32px,4vw,62px);font-weight:800;letter-spacing:-.04em;line-height:.9;color:var(--text-h);text-shadow:0 2px 22px rgba(0,0,0,.6),0 4px 44px rgba(0,0,0,.35)} .hero-serif{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(36px,4.5vw,68px);color:var(--text-h);letter-spacing:.04em;line-height:1;text-shadow:0 2px 22px rgba(0,0,0,.6),0 4px 44px rgba(0,0,0,.35)} .hero-grad{font-size:clamp(34px,4.2vw,64px);font-weight:800;letter-spacing:-.04em;line-height:.9;filter:drop-shadow(0 2px 14px rgba(0,0,0,.5))} .hero-sub{font-size:clamp(12px,1vw,14px);color:var(--text-b);line-height:1.75;margin:16px 0 28px;max-width:380px;font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,.55)} .hero-acts{display:flex;gap:10px;margin-top:16px;margin-bottom:32px;flex-wrap:wrap} .hero-stats{display:flex;gap:28px} .h-stat-n{font-size:22px;font-weight:800;letter-spacing:-.04em;display:block;text-shadow:0 1px 10px rgba(0,0,0,.5)} .h-stat-l{font-size:9px;color:var(--text-b);text-transform:uppercase;letter-spacing:.12em;margin-top:2px;display:block;text-shadow:0 1px 8px rgba(0,0,0,.5)} /* ── INDEX: HERO BUTONLARI (koyu arka planda görünür) ────────── */ /* ── INDEX: DANS BİLGİ PANELİ ───────────────────────────────── */ .hero-default,.hero-dance{position:relative;z-index:2} .hero-dance{display:none;opacity:0} .hd-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(38px,4.8vw,72px);color:var(--text-h);letter-spacing:.04em;line-height:.88;margin-bottom:12px;text-shadow:0 2px 22px rgba(0,0,0,.6),0 4px 44px rgba(0,0,0,.35)} .hd-country{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;text-shadow:0 1px 8px rgba(0,0,0,.5)} .hd-desc{font-size:clamp(12px,1vw,14px);color:var(--text-b);line-height:1.75;max-width:380px;font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,.55)} .hd-acts{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap} .hd-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 34px;border-radius:10px;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:.05em;text-decoration:none;transition:all .3s;white-space:nowrap;cursor:pointer;border:none} .hd-btn-gold{background:rgba(201,168,76,.22);border:1.5px solid rgba(201,168,76,.9);color:var(--gold);box-shadow:0 0 20px rgba(201,168,76,.18);text-shadow:0 1px 8px rgba(0,0,0,.4)} .hd-btn-gold:hover{background:rgba(201,168,76,.35);transform:translateY(-2px);box-shadow:0 0 32px rgba(201,168,76,.4)} .hd-btn-ghost{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.4)} .hd-btn-ghost:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff;transform:translateY(-2px)} /* ── INDEX: GLOBE / 3D KÜRE ─────────────────────────────────── */ .hero-3d{position:relative;height:490px;border-radius:28px;margin-left:auto;width:76%;transform:translateX(32px)} .hero-3d-inner{position:absolute;inset:0;border-radius:28px;overflow:hidden} .hero-dancer{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:76vh;width:auto;object-fit:contain;z-index:3;pointer-events:none;animation:heroDancerFloat 6s ease-in-out infinite} @keyframes heroDancerFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-22px)}} /* ── INDEX: BANNER NAV OKLARI ──────────────────────────────── */ .hero-nav{display:block;position:absolute;inset:0;pointer-events:none;z-index:10} .hero-nav-btn{position:absolute;top:50%;transform:translateY(-50%);pointer-events:all;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.3);color:var(--gold);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,border-color .25s,transform .25s;backdrop-filter:blur(8px)} .hero-nav-btn:hover{background:rgba(201,168,76,.28);border-color:var(--gold)} .hero-prev{left:12px} .hero-next{right:12px} .hero-prev:hover{transform:translateY(-50%) translateX(-2px)} .hero-next:hover{transform:translateY(-50%) translateX(2px)} .hero-dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:9px;pointer-events:all} .hero-dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:rgba(201,168,76,.28);cursor:pointer;transition:background .25s,transform .25s} .hero-dot:hover{background:rgba(201,168,76,.55)} .hero-dot.active{background:var(--gold);transform:scale(1.3)} .hero-left{position:relative;z-index:4} .hero-3d{position:relative;z-index:2} .gc-img{width:100%;height:160px;object-fit:cover;object-position:center;display:block;border-radius:10px} @keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-22px)}} .hero-canvas{display:block;width:100%!important;height:100%!important;cursor:grab} .hero-canvas:active{cursor:grabbing} /* ── INDEX: DANS LABEL & ÜLKE KARTI ─────────────────────────── */ .dance-label{position:absolute;pointer-events:none;z-index:8;display:none;flex-direction:column;align-items:center} .dance-label.dl-above{flex-direction:column-reverse} .dl-dot{width:10px;height:10px;border-radius:50%;background:var(--dl-col,var(--gold));flex-shrink:0;box-shadow:0 0 14px var(--dl-col,var(--gold)),0 0 32px var(--dl-col,rgba(201,168,76,.5));animation:dlp 2s ease-in-out infinite;transition:background .6s,box-shadow .6s} .dl-stem-v{width:2px;height:36px;background:linear-gradient(to bottom,var(--dl-col,#C9A84C),transparent);flex-shrink:0;transition:background .6s} .dance-label.dl-above .dl-stem-v{background:linear-gradient(to bottom,transparent,var(--dl-col,#C9A84C))} .dl-box{background:rgba(3,5,16,.9);backdrop-filter:blur(28px);border:1px solid var(--dl-col,rgba(201,168,76,.5));border-radius:18px;overflow:hidden;width:178px;box-shadow:0 0 44px rgba(201,168,76,.2),0 0 90px rgba(201,168,76,.07),inset 0 1px 0 rgba(255,255,255,.06);animation:dlBoxGlow 3s ease-in-out infinite alternate;transition:border-color .6s} @keyframes dlBoxGlow{0%{box-shadow:0 0 40px rgba(201,168,76,.2),0 0 80px rgba(201,168,76,.07)}100%{box-shadow:0 0 70px rgba(201,168,76,.45),0 0 130px rgba(201,168,76,.18),0 0 0 1px rgba(201,168,76,.3)}} .dl-visual{height:150px;position:relative;flex-shrink:0;overflow:hidden} .dl-visual::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 15% 18%,rgba(201,168,76,.35) 0%,transparent 22%),radial-gradient(circle at 82% 12%,rgba(255,255,255,.18) 0%,transparent 14%),radial-gradient(circle at 55% 82%,rgba(201,168,76,.25) 0%,transparent 18%),radial-gradient(circle at 78% 55%,rgba(255,255,255,.12) 0%,transparent 12%),radial-gradient(circle at 22% 68%,rgba(201,168,76,.2) 0%,transparent 16%),radial-gradient(circle at 40% 35%,rgba(255,255,255,.08) 0%,transparent 10%);animation:dlSparkle 3s ease-in-out infinite alternate} @keyframes dlSparkle{0%{opacity:.45}100%{opacity:1}} .dl-info{display:none} .dl-flag-row{display:flex;align-items:center;gap:6px;margin-bottom:5px} .dl-flag{font-size:14px;line-height:1} .dl-dance-nm{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:21px;color:var(--gold);letter-spacing:.08em;line-height:1.1;text-shadow:0 0 18px rgba(201,168,76,.4)} .dl-country{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-b);margin-top:4px} @keyframes dlp{0%,100%{box-shadow:0 0 14px var(--gold),0 0 32px rgba(201,168,76,.5)}50%{box-shadow:0 0 26px var(--gold),0 0 60px rgba(201,168,76,.7)}} .globe-card{position:absolute;background:rgba(5,8,22,.92);backdrop-filter:blur(20px);border:1px solid rgba(201,168,76,.3);border-radius:14px;padding:0;overflow:hidden;pointer-events:none;z-index:10;min-width:160px;display:none;opacity:0} .country-card{position:absolute;background:rgba(5,8,22,.92);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px 16px;pointer-events:none;z-index:11;min-width:130px;display:none;opacity:0} .cc-nm{font-size:15px;font-weight:800;color:var(--text-h);letter-spacing:-.02em;margin-bottom:3px} .cc-cap{font-size:10px;color:var(--accent);letter-spacing:.06em} .fc-label{font-size:9px;color:var(--text-b);text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px} .fc-val{font-size:22px;font-weight:800;color:var(--text-h);letter-spacing:-.03em} .fc-change{font-size:10px;margin-top:3px} .fc-gold{color:var(--gold)} .fc-green{color:#10b981} @keyframes floatC{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-14px) rotate(1.5deg)}} /* ── INDEX: DANS OVERLAY ─────────────────────────────────────── */ .dance-overlay{position:fixed;inset:0;z-index:99998;display:none;align-items:center;justify-content:center;opacity:0} .dance-overlay::before{content:'';position:absolute;inset:0;background:inherit;z-index:-1} .ov-close{position:absolute;top:32px;right:40px;width:44px;height:44px;background:rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#111;cursor:pointer;transition:all .3s;z-index:2} .ov-close:hover{background:rgba(0,0,0,.25)} .ov-content{text-align:center;position:relative;z-index:1;padding:48px 52px;max-width:580px;background:rgba(255,255,255,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:28px;border:1px solid rgba(255,255,255,.6);box-shadow:0 32px 80px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.15) inset} .ov-emoji{font-size:72px;margin-bottom:16px;display:block} .ov-flag{font-size:40px;margin-bottom:12px;display:block} .ov-dance-name{font-family:'Cormorant Garamond',serif;font-size:clamp(44px,7vw,86px);font-weight:300;font-style:italic;color:#0f0f0f;letter-spacing:.06em;line-height:1;margin-bottom:10px} .ov-country{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin-bottom:24px;font-weight:700} .ov-desc{font-size:17px;color:#3a3a3a;line-height:1.78;margin-bottom:36px;font-weight:400} .ov-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit} /* ── INDEX: BÖLÜMLER KAPSAYICI ───────────────────────────────── */ section{position:relative;background:var(--bg);overflow:hidden} /* ── INDEX: KURSLAR ──────────────────────────────────────────── */ .kurslar{border-top:none} .ck-top{display:block;text-align:center;margin-bottom:36px} .ck-head-sub{text-align:center;margin-left:auto;margin-right:auto} /*.ck-grid{display:grid;grid-template-columns: repeat(2, 1fr);column-gap:20px;row-gap:32px;margin-bottom:0;perspective:1000px;perspective-origin:50% 50%}*/ .ck-grid{display:flex;flex-wrap:wrap;justify-content:center;column-gap:20px;row-gap:32px;margin-bottom:0;} .ck-card{width:30%;display:block;color:inherit;text-decoration:none;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:0;cursor:pointer;transition:border-color .45s cubic-bezier(.23,1,.32,1),box-shadow .45s cubic-bezier(.23,1,.32,1),background .3s;position:relative;overflow:hidden;will-change:transform} .ck-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .4s} .ck-card:hover::before{opacity:1} .ck-card:hover{border-color:rgba(201,168,76,.28);box-shadow:0 32px 80px rgba(0,0,0,.35),0 0 42px rgba(201,168,76,.07)} .ck-feat{border-color:rgba(201,168,76,.16);background:rgba(201,168,76,.04)} .ck-feat::before{opacity:.55} .ck-age{display:inline-flex;align-items:center;padding:4px 13px;border-radius:30px;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:6px} .ck-age-a{background:rgba(99,102,241,.14);border:1px solid rgba(99,102,241,.3);color:#a5b4fc} .ck-age-b{background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.38);color:var(--gold)} .ck-age-c{background:rgba(236,72,153,.12);border:1px solid rgba(236,72,153,.3);color:#f9a8d4} .ck-thumb{height:300px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#0a0a14;margin:0;border-radius:22px 22px 0 0;position:relative;overflow:hidden} .ck-body{padding:18px 20px 22px} .ck-ico{display:none} .ck-prog{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-b);margin-bottom:6px} .ck-h{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(20px,1.8vw,27px);color:var(--text-h);margin-bottom:10px;line-height:1.1} .ck-p{font-size:12px;color:var(--text-b);line-height:1.78;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ck-styles{display:none} .ck-info{display:none} .ck-meta{font-size:11px;color:var(--text-b)} .ck-lnk{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--gold);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;transition:gap .3s} .ck-lnk:hover{gap:9px} .ck-strip{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:18px 32px;background:rgba(255,255,255,.02);margin-top:36px} .ck-pill{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-b);font-weight:500;padding:0 28px;border-right:1px solid rgba(255,255,255,.08)} .ck-pill:last-child{border-right:none} .ck-pill-dot{color:var(--gold);font-size:11px} /* ── INDEX: EĞİTMENLERİMİZ ──────────────────────────────────── */ .egitmenler{border-top:none;scroll-margin-top:90px} .egm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;perspective:900px;perspective-origin:50% 50%} .egm-card{background:#ffffff;border:1px solid rgba(201,168,76,.18);border-radius:20px;padding:28px 20px 24px;position:relative;transition:border-color .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1),background .3s;text-align:center;display:flex;flex-direction:column;align-items:center;will-change:transform;transform-style:preserve-3d} .egm-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:20px 20px 0 0;opacity:0;transition:opacity .4s} .egm-card:hover::before{opacity:1} .egm-card:hover{border-color:rgba(201,168,76,.4);box-shadow:0 22px 60px rgba(0,0,0,.12)} .egm-top{position:relative;margin-bottom:18px} .egm-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:28px;font-weight:300;color:#050816;letter-spacing:.04em;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#b8962e 0%,var(--gold) 50%,#e8c86a 100%);text-shadow:none} .egm-exp-badge{position:absolute;bottom:-6px;right:-6px;background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-size:9px;font-weight:700;padding:3px 8px;border-radius:100px;letter-spacing:.05em;white-space:nowrap;border:2px solid #ffffff} .egm-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:21px;color:#111;letter-spacing:.04em;line-height:1.15;margin-bottom:5px} .egm-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-bottom:12px} .egm-bio{font-size:12px;color:#666;line-height:1.72;margin-bottom:16px;flex:1} .egm-styles{display:flex;flex-wrap:wrap;gap:5px;justify-content:center} .egm-tag{font-size:10px;font-weight:600;padding:3px 10px;border-radius:100px;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.25);color:var(--gold);letter-spacing:.03em} /* ── INDEX: EĞİTMEN BÖLÜMÜ BAŞLIK & ALT YAZI ──────────────── */ .egm-head{text-align:center;margin-bottom:48px} .egm-sub{font-size:15px;color:var(--text-b);line-height:1.8;max-width:520px;margin:0 auto} .egm-cta{text-align:center;margin-top:44px} /* ── INDEX: SÜREÇ ────────────────────────────────────────────── */ .surec{border-top:none;background:#111111!important;--bg:#111111!important;--text-h:#f0f0f0!important;--text-b:rgba(255,255,255,.6)!important;--line:rgba(255,255,255,.12)!important;--card-bg:#1e1e1e!important} .proc-head{text-align:center;margin-bottom:44px} .proc-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0} .proc-line::before{content:'';position:absolute;top:40px;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--accent) 70%,transparent)} .proc-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 18px;position:relative;z-index:1} .step-wrap{position:relative;margin-bottom:28px} .step-glow{position:absolute;inset:-18px;background:radial-gradient(circle,rgba(201,168,76,.18),transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s} .proc-step:hover .step-glow{opacity:1} .step-n{width:80px;height:80px;background:var(--bg);border:1px solid rgba(201,168,76,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--text-h);position:relative;z-index:1;transition:all .4s} .proc-step:hover .step-n{border-color:var(--gold);box-shadow:0 0 28px rgba(201,168,76,.2);background:rgba(201,168,76,.04)} .step-h{font-size:17px;font-weight:700;letter-spacing:-.02em;margin-bottom:9px} .step-p{font-size:13px;color:var(--text-b);line-height:1.7} /* ── INDEX: CTA ──────────────────────────────────────────────── */ .cta{border-top:none} .cta-inner{max-width:700px;margin:0 auto;text-align:center;position:relative} .cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;height:250px;background:radial-gradient(ellipse,rgba(201,168,76,.1) 0%,rgba(37,99,235,.08) 50%,transparent 70%);pointer-events:none;z-index:0} .cta-serif{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(42px,6vw,80px);color:var(--gold);letter-spacing:.06em;display:block;line-height:1;margin-bottom:16px;position:relative;z-index:1} .cta-h{font-size:clamp(36px,4.5vw,60px);margin-bottom:0;position:relative;z-index:1} .cta-p{font-size:16px;color:var(--text-b);margin:18px 0 40px;line-height:1.8;position:relative;z-index:1} .cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;position:relative;z-index:2} .cta-note{margin-top:18px;font-size:10px;color:var(--text-b);letter-spacing:.08em;text-transform:uppercase} /* ── INDEX: DANS BÖLÜMÜ ──────────────────────────────────────── */ .dans-bolumu{border-top:none} .dbs-sub{font-size:14px;color:var(--text-b);line-height:1.85;margin:12px auto 0;} /* ── INDEX: SEKMELİ TAB ÇUBUĞU ──────────────────────────────── */ .tab-bar,.ck-tabs{display:flex;justify-content:center;gap:8px;margin-top:36px;flex-wrap:wrap;background:none;border:none;padding:0;position:relative} .tab-indicator,.ck-tab-indicator{display:none} .tab-btn,.ck-tab-btn{padding:9px 20px;border-radius:60px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:var(--text-b);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .26s cubic-bezier(.23,1,.32,1);font-family:'Inter',sans-serif;white-space:nowrap} .tab-btn.active,.ck-tab-btn.active{background:rgba(201,168,76,.13);border-color:rgba(201,168,76,.55);color:var(--gold);font-weight:700} .tab-btn:hover:not(.active),.ck-tab-btn:hover:not(.active){border-color:rgba(201,168,76,.35);color:var(--gold);background:rgba(201,168,76,.06)} .ck-tabs{margin-top:0;margin-bottom:32px} /* ── INDEX: PANEL SİSTEMİ ────────────────────────────────────── */ .dns-panels{min-height:440px;position:relative;margin-top:32px} /* .dns-panel{display:none;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:20px;row-gap:32px} .dns-panel.active{display:grid} */ .dns-panel{display: none;grid-template-columns: repeat(minmax(30%, 1fr));gap: 32px 20px; margin: 0 auto;} .dns-panel.active{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;} .page-index .sw section .dns-card {width:30%;} .ck-panels{position:relative;min-height:440px} .ck-panel{display:none} .ck-panel.active{display:block} .ck-panel.is-exit{position:absolute;top:0;left:0;right:0;pointer-events:none} @keyframes crdIn{from{opacity:0;transform:translateY(38px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}} .dns-panel.is-exit{display:grid;pointer-events:none} .ck-panel.is-exit{display:block;pointer-events:none} @keyframes crdOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-16px) scale(.97)}} /* ── INDEX: DANS KARTLARI ────────────────────────────────────── */ .ck-single{max-width:440px;margin:0 auto} /* ── INDEX: BEYAZ BÖLÜM TEMASI & GEÇİŞ EFEKTİ ──────────────── */ .page-index .sw section .dns-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 10px rgba(0,0,0,.04)} .page-index .sw section .dns-card:hover{box-shadow:0 20px 56px rgba(0,0,0,.1),0 0 0 1px var(--dns-col),0 0 30px rgba(0,0,0,.06)} .page-danslar.sw section .dns-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 10px rgba(0,0,0,.04)} .page-danslar.sw section .dns-card:hover{box-shadow:0 20px 56px rgba(0,0,0,.1),0 0 0 1px var(--dns-col),0 0 30px rgba(0,0,0,.06)} /* ── ALT SAYFA KART TEMA OVERRİDE ───────────────────────────── */ .cta{background:#111111!important;--bg:#111111!important;--text-h:#f0f0f0!important;--text-b:rgba(255,255,255,.6)!important;--line:rgba(255,255,255,.12)!important;--card-bg:#1e1e1e!important} .cta .cta-glow{background:radial-gradient(ellipse,rgba(201,168,76,.18) 0%,rgba(37,99,235,.1) 50%,transparent 70%)} /* ── INDEX: KOYU BÖLÜMLER (.surec) ──────────────────────────── */ /* ── INDEX: YENİ SEKME & ETKİNLİK STİLLERİ ──────────────────── */ .dbs-title-row{text-align:center;margin-bottom:28px} .dbs-bot-row{display:flex;justify-content:center;margin-top:36px} .dbs-see-all{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:100px;font-size:13px;font-weight:700;letter-spacing:.03em;text-decoration:none;border:1.5px solid var(--gold);color:var(--gold);background:transparent;transition:all .3s;white-space:nowrap} .dbs-see-all:hover{background:var(--gold);color:#111111;box-shadow:0 8px 28px rgba(201,168,76,.28)} /* Kids section dekoratif arka plan */ .ck-deco-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden} .ck-deco-bg span{position:absolute;font-size:44px;opacity:.11;line-height:1;user-select:none} .ck-deco-bg span:nth-child(2){font-size:38px} .ck-deco-bg span:nth-child(3){font-size:52px;opacity:.08} .ck-deco-bg span:nth-child(4){font-size:34px} .ck-deco-bg span:nth-child(5){font-size:56px;opacity:.09} .ck-deco-bg span:nth-child(6){font-size:48px;opacity:.08} .ck-deco-bg span:nth-child(7){font-size:40px} .ck-deco-bg span:nth-child(8){font-size:36px;opacity:.09} .ck-deco-bg span:nth-child(9){font-size:42px} .ck-deco-bg span:nth-child(10){font-size:38px;opacity:.08} @keyframes ckDecoFloat{ 0%,100%{transform:translateY(0) rotate(-6deg) scale(1)} 35%{transform:translateY(-20px) rotate(6deg) scale(1.05)} 70%{transform:translateY(9px) rotate(-2deg) scale(.97)} } /* ── BEYAZ BÖLÜMLER: GRİ PENCERE KART ─────────────────────── */ .dans-bolumu,.kurslar{padding:36px 36px} .egitmenler{padding:20px 36px} .kurslar .ck-inner{position:relative;z-index:1} .dbs-sub{font-size:15px;color:var(--text-b);line-height:1.8;margin:12px auto 0} .ck-head-sub{font-size:14px;color:var(--text-b);line-height:1.85;font-weight:400} /* ── TÜM SAYFALAR: FOOTER (ORTAK) ───────────────────────────── */ footer{background:#0a0a0a;border-top:none;position:relative;z-index:1} .ft{max-width:1400px;margin:0 auto;padding:80px 60px 0} .ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:35px;margin-bottom:40px} .ft-top > *:first-child{padding-right:80px} .ft-brand-p{font-size:13px;color:var(--text-b);line-height:1.85;margin-top:16px} .ft-col .ft-h, .ft-col h5{font-family:'Cormorant Garamond',serif;font-size:clamp(22px,2vw,29px);font-weight:600;font-style:italic;color:var(--text-h);margin:0 0 20px;letter-spacing:.01em;line-height:1} .ft-col ul{list-style:none;display:flex;flex-direction:column;gap:10px} .ft-col ul li{display:flex;align-items:center;gap:8px} .ft-col ul li::before{content:'·';color:var(--gold);font-size:20px;font-weight:700;line-height:1;flex-shrink:0} .ft-col-contact ul li::before{display:none} .ft-col-contact ul li{display:block} .ft-col-contact ul a,.ft-col-contact ul .ft-hours{display:block;color:var(--text-b)} .ft-col-contact ul a svg,.ft-col-contact ul .ft-hours svg{display:inline-block;vertical-align:middle;opacity:.75;width:17px;height:17px;margin-right:10px;margin-bottom:1px} .ft-col ul a,.ft-col ul .ft-hours{font-size:13px;color:var(--text-b);text-decoration:none;transition:color .3s,transform .3s;display:inline-block;position:relative;will-change:transform;-webkit-font-smoothing:antialiased;transform:translateZ(0)} .ft-col ul a::after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s} .ft-col ul a:hover{color:var(--gold);transform:translate3d(6px,0,0)} .ft-col ul a:hover::after{width:100%} .ft-bot{border-top:1px solid var(--line);padding-top:10px;display:flex;justify-content:space-between;align-items:center} .ft-bot p{font-size:12px;color:var(--text-b);} .ft-bot-logo{display:flex;align-items:center;text-decoration:none;margin-bottom:10px;} .ft-bot-logo:hover{opacity:.75} .ft-pion-img{height:22px;width:auto;display:block;filter:brightness(0) invert(50%) sepia(1) saturate(5) brightness(.95)} .ft-col .soc-links{display:flex;gap:9px;margin-top:18px} .soc-links{display:flex;gap:9px} .soc-a{width:34px;height:34px;background:var(--card-bg);border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text-b);font-size:12px;font-weight:700;transition:all .3s} .soc-a:hover{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.3);color:var(--gold)} /* ── FOOTER: LOGO GÖRSELİ ──────────────────────────────────── */ .nav-logo-img{height:36px;width:auto;object-fit:contain;display:block} /* ══════════════════════════════════════════════════════════════ İLETİŞİM.HTML — İLETİŞİM SAYFASI STİLLERİ ══════════════════════════════════════════════════════════════ */ /* ── İLETİŞİM: BEYAZ BÖLÜM TEMASI ──────────────────────────── */ .iletisim-contact-sec, .iletisim-pg-hero{background:#ffffff;--text-h:#0f0f0f;--text-b:#4b5563;--line:rgba(0,0,0,.08)} .iletisim-pg-divider{background:linear-gradient(90deg,transparent,rgba(0,0,0,.1) 20%,rgba(0,0,0,.1) 80%,transparent)} .iletisim-contact-sec .iletisim-form-wrap{background:#f8f8f6;border-color:rgba(0,0,0,.08)} .iletisim-contact-sec .iletisim-cf-input{background:#ffffff;border-color:rgba(0,0,0,.12);color:#0f0f0f} .iletisim-contact-sec .iletisim-cf-input::placeholder{color:rgba(75,85,99,.4)} .iletisim-contact-sec .iletisim-cf-input:focus{background:#ffffff;border-color:rgba(201,168,76,.5);box-shadow:0 0 0 3px rgba(201,168,76,.07)} .iletisim-contact-sec .iletisim-cf-select{background-color:#ffffff} .iletisim-contact-sec .iletisim-cf-select option{background:#ffffff;color:#0f0f0f} .iletisim-contact-sec .iletisim-ci-card, .iletisim-pg-hero .iletisim-ci-card{background:#f8f8f6;border-color:rgba(0,0,0,.07)} .iletisim-contact-sec .iletisim-ci-card:hover, .iletisim-pg-hero .iletisim-ci-card:hover{background:#f5f3ec;border-color:rgba(201,168,76,.28);transform:translateX(5px)} .iletisim-contact-sec .iletisim-ci-icon-box, .iletisim-pg-hero .iletisim-ci-icon-box{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.2)} .iletisim-contact-sec .iletisim-ci-quote-block{border-top-color:rgba(0,0,0,.1)} .iletisim-contact-sec .iletisim-ci-socials .iletisim-ci-soc{border-color:rgba(0,0,0,.1);background:rgba(0,0,0,.02);color:#4b5563} .iletisim-contact-sec .iletisim-cf-check{color:#4b5563} /* GSAP animasyonları devralıyor — CSS fadeUp kaldırıldı */ .iletisim-contact-info,.iletisim-form-wrap,.iletisim-pg-hero-inner{animation:none;opacity:0} /* ── İLETİŞİM: SAYFA HERO ────────────────────────────────────── */ .iletisim-pg-hero{position:relative;padding:130px 56px 50px;overflow:hidden} .iletisim-pg-hero-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch;position:relative;z-index:1} .iletisim-pg-hero-inner{position:relative;display:flex;flex-direction:column} .iletisim-pg-hero-text{display:flex;flex-direction:column;gap:18px} .iletisim-pg-h1{font-family:'Inter',sans-serif;font-size:clamp(32px,3.5vw,52px);font-weight:800;font-style:normal;line-height:1.05;color:var(--text-h);letter-spacing:-.04em;margin:0 0 18px} .iletisim-pg-sub{font-size:clamp(14px,1.3vw,17px);color:var(--text-b);line-height:1.75;max-width:100%;margin-bottom:0;padding-top:4px} .iletisim-pg-cards{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:8px;margin-top:20px} .iletisim-pg-cards .iletisim-ci-card{height:100%} .iletisim-pg-map{border-radius:22px;overflow:hidden;height:420px;box-shadow:0 12px 48px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);position:relative} .iletisim-pg-map iframe{width:100%;height:100%;border:none;display:block} /* ── İLETİŞİM: SAYFA AYIRICI ─────────────────────────────────── */ .iletisim-pg-divider{height:2px;background:var(--gold);margin:0} /* ── İLETİŞİM: İLETİŞİM BÖLÜMÜ ──────────────────────────────── */ .iletisim-contact-sec{padding:100px 56px 44px;position:relative;z-index:1} .iletisim-contact-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 360px;gap:44px;align-items:start} /* ── İLETİŞİM: BİLGİ SÜTUNU ─────────────────────────────────── */ .iletisim-contact-info{display:flex;flex-direction:column;gap:12px;animation:fadeUp .7s .1s ease both} .iletisim-ci-note{padding-bottom:22px;border-bottom:1px solid var(--line)} .iletisim-ci-note-label{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:20px;color:var(--text-h);margin-bottom:10px;letter-spacing:.01em} .iletisim-ci-note-p{font-size:13px;line-height:1.85;color:var(--text-b)} .iletisim-ci-card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:11px 13px;display:flex;align-items:flex-start;gap:9px;transition:all .35s;cursor:default} .iletisim-ci-card:hover{background:rgba(255,255,255,.065);border-color:rgba(201,168,76,.18);transform:translateX(5px)} .iletisim-ci-icon-box{width:30px;height:30px;border-radius:9px;background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.12);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0} .iletisim-ci-label{font-size:8.5px;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-weight:600;margin-bottom:3px} .iletisim-ci-val{font-size:14px;color:var(--text-h);font-weight:600;text-decoration:none;display:block;transition:color .2s;line-height:1.3} a.iletisim-ci-val:hover{color:var(--gold)} .iletisim-ci-hint{font-size:12px;color:var(--text-b);margin-top:2px;} .iletisim-ci-socials{display:flex;gap:10px;padding-top:6px} .iletisim-ci-soc{width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-b);text-decoration:none;transition:all .3s;letter-spacing:.04em} .iletisim-ci-soc:hover{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.3);color:var(--gold);transform:translateY(-2px)} .iletisim-ci-quote-block{padding:20px 0 0;border-top:1px solid var(--line);margin-top:4px} .iletisim-ci-quote{font-family:'Cormorant Garamond',serif;font-size:16px;font-style:italic;color:var(--text-b);opacity:.78;line-height:1.65} .iletisim-ci-quote-by{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);opacity:.82;margin-top:10px} /* ── İLETİŞİM: FORM ──────────────────────────────────────────── */ .iletisim-form-wrap{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:24px;padding:28px 36px;animation:fadeUp .7s .2s ease both;overflow:hidden} .iletisim-cf-head{margin-bottom:22px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px} .iletisim-cf-title{font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2vw,28px);font-weight:300;font-style:italic;line-height:1.1;color:var(--text-h);margin:0;letter-spacing:.02em;text-align:right;white-space:nowrap} .iletisim-cf-row{margin-bottom:18px} .iletisim-cf-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px} .iletisim-cf-field{display:flex;flex-direction:column;gap:7px} .iletisim-cf-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-b)} .iletisim-cf-input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:13px 16px;color:var(--text-h);font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border-color .3s,box-shadow .3s,background .3s;-webkit-appearance:none;appearance:none} .iletisim-cf-input::placeholder{color:rgba(191,200,216,.3)} .iletisim-cf-input:focus{border-color:rgba(201,168,76,.45);box-shadow:0 0 0 3px rgba(201,168,76,.07);background:rgba(255,255,255,.06)} .iletisim-cf-input.err{border-color:rgba(239,68,68,.45);box-shadow:0 0 0 3px rgba(239,68,68,.06)} .iletisim-cf-input.err::placeholder{color:rgba(239,68,68,.4)} .iletisim-cf-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23BFC8D8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px} .iletisim-cf-select option{background:#0c0e24;color:var(--text-h)} .iletisim-cf-textarea{min-height:90px;resize:vertical;line-height:1.65} .iletisim-cf-check{display:flex;align-items:flex-start;gap:11px;margin:22px 0 26px;font-size:12px;color:var(--text-b);line-height:1.55;cursor:pointer} .iletisim-cf-check input[type="checkbox"]{width:16px;height:16px;flex-shrink:0;margin-top:1px;accent-color:var(--gold);cursor:pointer;border-radius:4px} .iletisim-cf-check a{color:var(--gold);text-decoration:none} .iletisim-cf-check a:hover{text-decoration:underline} .iletisim-cf-submit{width:100%;justify-content:center;font-size:14px;padding:16px} .iletisim-cf-submit:disabled{opacity:.55;cursor:not-allowed;transform:none!important} .iletisim-cf-char{font-size:10px;color:var(--text-b);opacity:.4;text-align:right;margin-top:4px} /* ── İLETİŞİM: BAŞARI MESAJI ─────────────────────────────────── */ .iletisim-form-success{text-align:center;padding:50px 30px;display:none} .iletisim-fs-ring{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(201,168,76,.04));border:1px solid rgba(201,168,76,.28);display:flex;align-items:center;justify-content:center;margin:0 auto 28px;font-size:32px;color:var(--gold);animation:iletisim-fsRing .6s cubic-bezier(.34,1.56,.64,1) both} @keyframes iletisim-fsRing{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}} .iletisim-fs-title{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:300;font-style:italic;color:var(--text-h);margin-bottom:12px} .iletisim-fs-sub{font-size:15px;color:var(--text-b);line-height:1.65;margin-bottom:32px;max-width:320px;margin-left:auto;margin-right:auto} /* ══════════════════════════════════════════════════════════════ İÇ SAYFALAR — HABERLER, GALERİ, ORGANİZASYON ══════════════════════════════════════════════════════════════ */ /* -- ORTAK NAV */ .page-haberler .nav, .page-galeri .nav, .page-organizasyon .nav, .page-gizlilik .nav, .page-danslar .nav, .page-program .nav, .page-dans-detay .nav, .page-cocuk-detay .nav{background:rgba(5,8,22,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:2px solid rgba(201,168,76,.65)} .page-haberler .nav.scrolled, .page-galeri .nav.scrolled, .page-organizasyon .nav.scrolled, .page-gizlilik .nav.scrolled, .page-danslar .nav.scrolled, .page-program .nav.scrolled, .page-dans-detay .nav.scrolled, .page-cocuk-detay .nav.scrolled{background:rgba(5,8,22,.97);border-bottom:2px solid rgba(201,168,76,.65)} /* -- ORTAK SAYFA HERO */ .banner-stars{z-index:1!important} /* -- Banner kaldırıldı: sabit navbar altında ilk bölüme boşluk */ .page-program .prg-tunnel-sec{padding-top:100px} /* -- GALERİ: GRID */ .glr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:glr-counter} .glr-item{border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#111a3a 0%,#060c20 70%);position:relative;cursor:pointer;transition:transform .45s cubic-bezier(.23,1,.32,1),box-shadow .45s,border-color .4s;border:1px solid rgba(255,255,255,.07);counter-increment:glr-counter;aspect-ratio:1} .glr-fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;transition:transform .55s cubic-bezier(.23,1,.32,1)} .glr-item:hover .glr-fill{transform:scale(1.06)} .glr-item:nth-child(1){grid-column:1/3;grid-row:1/3} .glr-item:hover{transform:translateY(-4px);box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 1px rgba(201,168,76,.28);border-color:rgba(201,168,76,.3)} .glr-item::before{content:counter(glr-counter,decimal-leading-zero);position:absolute;top:16px;right:18px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:24px;font-weight:300;color:rgba(201,168,76,.6);line-height:1;z-index:3;opacity:0;transform:translateY(-4px);transition:opacity .35s,transform .35s} .glr-item:hover::before{opacity:1;transform:translateY(0)} .glr-item::after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:1px;background:linear-gradient(to right,transparent,rgba(201,168,76,.65),transparent);transform:scaleX(0);transition:transform .5s cubic-bezier(.23,1,.32,1);z-index:3} .glr-item:hover::after{transform:scaleX(1)} .glr-ov{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(5,8,22,.52) 68%,rgba(5,8,22,.88) 100%);opacity:.7;transition:opacity .4s} .glr-item:hover .glr-ov{opacity:1} .glr-cap{position:absolute;bottom:0;left:0;right:0;padding:16px 20px 14px;font-size:13px;font-weight:600;color:#fff;letter-spacing:.01em;z-index:2;transform:translateY(3px);transition:transform .35s cubic-bezier(.23,1,.32,1);text-shadow:0 1px 6px rgba(0,0,0,.4)} .glr-item:hover .glr-cap{transform:translateY(0)} .glr-item:nth-child(1) .glr-cap{font-size:15px;padding:22px 24px 20px} /* -- DANSLAR: SAYFA GRID */ .dns-page-cats{display:flex;flex-direction:column;gap:40px} .dns-cat-group{scroll-margin-top:100px} /* -- PROGRAM: PAKETLER */ .prg-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .prg-pkg{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:26px 24px;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column} .prg-pkg:hover{border-color:rgba(201,168,76,.2);transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,.3)} .prg-pkg-feat{border-color:rgba(201,168,76,.22);background:rgba(201,168,76,.04)} .prg-pkg-feat:hover{border-color:rgba(201,168,76,.4)} .prg-pkg-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 13px;border-radius:100px;white-space:nowrap} .prg-pkg-top{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)} .prg-pkg-name{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-bottom:8px} .prg-pkg-price{font-size:36px;font-weight:800;letter-spacing:-.04em;color:var(--text-h);line-height:1} .prg-pkg-price span{font-size:36px} .prg-pkg-price small{font-size:12px;font-weight:400;color:var(--text-b);margin-left:2px} .prg-pkg-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:22px} .prg-pkg-list li{font-size:12px;color:var(--text-b);padding-left:18px;position:relative;line-height:1.45} .prg-pkg-list li::before{content:'✦';position:absolute;left:0;color:var(--gold);font-size:9px;top:2px} .prg-pkg-feat .prg-pkg-list li{color:rgba(255,255,255,.82)} /* ── PROGRAM: PAKET BAŞLIĞI ────────────────────────────────── */ .prg-pkg-h2{margin-bottom:52px} /* -- ORGANİZASYON: KARTLAR */ .org-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px} .org-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:25px;transition:all .45s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden} .org-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .4s} .org-card:hover::before{opacity:1} .org-card:hover{border-color:rgba(201,168,76,.2);transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.3)} .org-icon{width:56px;height:56px;border-radius:16px;background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.14);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px;transition:all .35s} .org-card:hover .org-icon{background:rgba(201,168,76,.14);box-shadow:0 0 24px rgba(201,168,76,.12)} .org-h{font-size:20px;font-weight:700;letter-spacing:-.03em;color:var(--text-h);margin-bottom:12px} .org-p{font-size:14px;color:var(--text-b);line-height:1.8;margin-bottom:22px} .org-tags{display:flex;gap:7px;flex-wrap:wrap} .org-tag{padding:4px 12px;border-radius:100px;font-size:10px;font-weight:600;letter-spacing:.06em;border:1px solid rgba(201,168,76,.22);color:var(--gold);background:rgba(201,168,76,.06)} /* ── ORGANİZASYON: ALT CTA BÖLÜMÜ ────────────────────────── */ .org-cta-wrap{text-align:center;margin-top:80px} .org-cta-h2{margin-bottom:14px} .org-cta-p{font-size:15px;color:var(--text-b);line-height:1.8;max-width:460px;margin:0 auto 32px} .org-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap} /* ══════════════════════════════════════════════════════════════ NAV: LOGO, DROPDOWN, NOTIFICATION, THEME ══════════════════════════════════════════════════════════════ */ .nav-logo-img{height:65px;width:auto;object-fit:contain;display:block;filter: brightness(0) invert(1);} .nav-end{display:flex;align-items:center;gap:8px} .nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:1001;flex-shrink:0} .nav-burger span{display:block;width:22px;height:2px;background:var(--gold);border-radius:2px;transition:transform .3s,opacity .3s} .has-dd{position:relative} .has-dd::after{content:'';position:absolute;top:100%;left:-20px;right:-20px;height:45px;z-index:199} .dd-toggle{display:flex;align-items:center;gap:5px;cursor:pointer} .dd-arr{transition:transform .25s ease;flex-shrink:0;opacity:.7} .has-dd:hover .dd-arr,.has-dd:focus-within .dd-arr{transform:rotate(180deg);opacity:1} /* ── OK İKONU: sayfa bazında (.page-x .arr) — header/footer de body üzerinden .page-x kapsamına giriyor ── */ .page-index .arr, .page-danslar .arr, .page-dans-detay .arr, .page-cocuk-detay .arr, .page-galeri .arr, .page-haberler .arr, .page-iletisim .arr, .page-organizasyon .arr, .page-program .arr, .page-gizlilik .arr{transition:transform .3s} .nav-dd{position:absolute;top:calc(100% + 32px);left:50%;transform:translateX(-50%) translateY(-6px);background:rgba(5,8,22,.98);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(201,168,76,.55);border-radius:20px;padding:24px 26px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s;z-index:200;box-shadow:0 32px 80px rgba(0,0,0,.7),0 0 0 1px rgba(201,168,76,.12) inset,0 0 40px rgba(201,168,76,.04)} .has-dd:hover .nav-dd,.has-dd:focus-within .nav-dd{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)} .nav-dd-lg{position:fixed;top:72px;left:50%;min-width:0;width:min(1180px,94vw);display:flex;flex-direction:column;gap:0} .nav-dd-sm{min-width:220px;display:flex;flex-direction:column;gap:2px} .nav-dd-sm .nav-dd-item{font-size:13px;padding:9px 12px} .nav-dd-lg .nav-dd-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:22px 0} .nav-dd-col{display:flex;flex-direction:column;gap:2px;padding:0 14px;min-width:0;border-left:1px solid rgba(201,168,76,.28)} .nav-dd-col:nth-child(5n+1){padding-left:0;border-left:none} .nav-dd-col:nth-child(5n){padding-right:0} .nav-dd-grp-lbl{font-family:'Cormorant Garamond',serif;font-size:22px;font-style:italic;font-weight:600;color:var(--text-h);padding:0 0 10px;margin-bottom:8px;margin-top:0;letter-spacing:.01em;line-height:1;border-bottom:1px solid rgba(201,168,76,.45);white-space:nowrap} .nav-dd-lg .nav-dd-grp-lbl a{font-size:18px;white-space:normal;line-height:1.15} .nav-dd-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;font-size:11px;color:var(--text-b);text-decoration:none;transition:background .18s,color .18s,border-color .18s;white-space:nowrap;letter-spacing:.04em;border-left:2px solid transparent} .nav-dd-lg .nav-dd-item{white-space:normal;font-size:12px;padding:6px 8px;letter-spacing:.02em} .nav-dd-item::before{content:'';width:4px;height:4px;border-radius:50%;background:rgba(201,168,76,.45);flex-shrink:0;transition:background .18s,transform .18s} .nav-dd-item:hover::before{background:var(--gold);transform:scale(1.5)} .nav-dd-item:hover{background:rgba(201,168,76,.09);color:var(--gold);border-left-color:rgba(201,168,76,.6)} .nav-dd-em{display:none} .nav-dd-footer{padding-top:14px;margin-top:14px;border-top:1px solid rgba(201,168,76,.35);display:flex;justify-content:flex-end} .nav-dd-all{font-size:11px;font-weight:700;color:var(--gold);text-decoration:none;letter-spacing:.08em;display:inline-flex;align-items:center;gap:5px;transition:gap .25s;text-transform:uppercase} .nav-dd-all:hover{gap:9px} /* Notification bell */ .nav-notif{position:relative;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-b);transition:all .25s} .nav-notif:hover{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.3);color:var(--gold)} .notif-badge{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background:var(--gold);border-radius:50%;font-size:9px;font-weight:700;color:#050816;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);animation:badgePop .4s cubic-bezier(.34,1.56,.64,1)} @keyframes badgePop{from{transform:scale(0)}to{transform:scale(1)}} .nav-notif.no-badge .notif-badge{display:none} /* Theme toggle */ .theme-toggle{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-b);transition:all .25s} .theme-toggle:hover{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.3);color:var(--gold)} .icon-sun{display:block} .icon-moon{display:none} /* Bildirim Paneli */ .notif-panel{position:fixed;top:72px;right:56px;z-index:500;width:320px;background:rgba(5,8,22,.97);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(201,168,76,.22);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(201,168,76,.08);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transition:opacity .22s ease,transform .22s ease,visibility .22s} .notif-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)} .notif-panel-hd{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(201,168,76,.14)} .notif-panel-hd span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)} .notif-panel-x{background:none;border:none;cursor:pointer;color:var(--text-b);padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s} .notif-panel-x:hover{color:var(--text-h);background:rgba(255,255,255,.07)} .notif-list{padding:8px;display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto} .notif-item{display:flex;gap:10px;align-items:flex-start;padding:10px 10px;border-radius:10px;text-decoration:none;transition:background .18s;cursor:pointer} .notif-item:hover{background:rgba(255,255,255,.05)} .notif-i-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:5px;box-shadow:0 0 8px rgba(201,168,76,.5)} .notif-i-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0} .notif-i-msg{font-size:13px;color:var(--text-h);line-height:1.45;word-break:break-word} .notif-i-time{font-size:10px;color:var(--text-b);opacity:.7} .notif-item.read{padding-left:27px} .notif-item.read .notif-i-dot{display:none} .notif-panel-ft{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border-top:1px solid rgba(201,168,76,.1);font-size:11px;font-weight:700;color:var(--gold);text-decoration:none;letter-spacing:.06em;transition:gap .2s,background .2s} .notif-panel-ft:hover{gap:10px;background:rgba(201,168,76,.05)} /* ══════════════════════════════════════════════════════════════ LIGHT MODE — Tam renk inversiyonu (güneş = aydınlık mod) Siyahlar beyaz, beyazlar siyah olur · kontrast korunur ══════════════════════════════════════════════════════════════ */ /* ─ Global değişkenler ─ */ html[data-theme="light"]{--bg:#f0f0f0;--text-h:#0a0a14;--text-b:#374151;--card-bg:#ffffff;--line:rgba(0,0,0,.15)} html[data-theme="light"] body{background:#f0f0f0;color:#374151} /* ─ Navbar ─ */ html[data-theme="light"] .nav{background:#ffffff;border-bottom:2px solid rgba(180,140,40,.7)} html[data-theme="light"] .nav.scrolled{background:#ffffff;border-bottom:2px solid rgba(180,140,40,.7)} html[data-theme="light"] .page-index .nav,html[data-theme="light"] .page-index .nav.scrolled{background:#ffffff!important;border-bottom:2px solid rgba(180,140,40,.7)!important} html[data-theme="light"] .page-iletisim .nav,html[data-theme="light"] .page-iletisim .nav.scrolled{background:#ffffff;border-bottom:2px solid rgba(180,140,40,.7)} html[data-theme="light"] .page-haberler .nav,html[data-theme="light"] .page-galeri .nav,html[data-theme="light"] .page-organizasyon .nav,html[data-theme="light"] .page-gizlilik .nav,html[data-theme="light"] .page-danslar .nav,html[data-theme="light"] .page-program .nav,html[data-theme="light"] .page-dans-detay .nav,html[data-theme="light"] .page-cocuk-detay .nav{background:#ffffff!important;border-bottom:2px solid rgba(180,140,40,.7)!important} html[data-theme="light"] .page-haberler .nav.scrolled,html[data-theme="light"] .page-galeri .nav.scrolled,html[data-theme="light"] .page-organizasyon .nav.scrolled,html[data-theme="light"] .page-gizlilik .nav.scrolled,html[data-theme="light"] .page-danslar .nav.scrolled,html[data-theme="light"] .page-program .nav.scrolled,html[data-theme="light"] .page-dans-detay .nav.scrolled,html[data-theme="light"] .page-cocuk-detay .nav.scrolled{background:#ffffff!important;border-bottom:2px solid rgba(180,140,40,.7)!important} html[data-theme="light"] .nav-links a{color:#1a1f2e} html[data-theme="light"] .nav-links a:hover{color:#0a0a14} html[data-theme="light"] .nav-links a.active{color:var(--gold)} html[data-theme="light"] .nav-notif,html[data-theme="light"] .theme-toggle{background:#ffffff;border-color:rgba(0,0,0,.2);color:#374151;box-shadow:0 1px 4px rgba(0,0,0,.08)} html[data-theme="light"] .btn-contact{color:var(--gold);background:rgba(201,168,76,.14);border-color:var(--gold);box-shadow:0 1px 4px rgba(0,0,0,.08)} html[data-theme="light"] .nav-dd{background:rgba(255,255,255,.99);border-color:rgba(180,140,40,.5);box-shadow:0 28px 70px rgba(0,0,0,.18),0 0 0 1px rgba(180,140,40,.08) inset} html[data-theme="light"] .nav-dd-grp-lbl{color:#0a0a14;border-bottom-color:rgba(180,140,40,.4)} html[data-theme="light"] .nav-dd-col{border-left-color:rgba(180,140,40,.3)} html[data-theme="light"] .nav-dd-item{color:#374151} html[data-theme="light"] .nav-dd-item:hover{background:rgba(180,140,40,.08);color:#0a0a14;border-left-color:rgba(180,140,40,.55)} html[data-theme="light"] .nav-dd-item::before{background:rgba(180,140,40,.4)} html[data-theme="light"] .nav-dd-item:hover::before{background:rgba(180,140,40,.9)} html[data-theme="light"] .nav-dd-divider{background:linear-gradient(to right,transparent,rgba(180,140,40,.4),transparent)} html[data-theme="light"] .nav-dd-footer{border-top-color:rgba(180,140,40,.35)} /* ─ Hero (index): mavi gökyüzü ─ */ html[data-theme="light"] .hero{background:linear-gradient(rgba(0,0,0,.52),rgba(0,0,0,.38)),linear-gradient(180deg,#08305e 0%,#0f4f91 18%,#1d7bc4 42%,#4aabd9 68%,#7ec8e9 86%,#a8daf2 100%)} html[data-theme="light"] .banner-stars{opacity:.9} /* hero koyu arka planda yazılar beyaz olmalı */ html[data-theme="light"] .hero-title-line, html[data-theme="light"] .hero-serif, html[data-theme="light"] .hero-sub, html[data-theme="light"] .h-stat-n, html[data-theme="light"] .h-stat-l, html[data-theme="light"] .hd-name, html[data-theme="light"] .hd-desc{color:#fff} html[data-theme="light"] .hero-badge{background:rgba(255,255,255,.12);border-color:rgba(201,168,76,.5)} /* Bulut katmanı 1 — büyük kabarık bulutlar, metin ve globe olmayan alanlarda */ html[data-theme="light"] .hero::before{ content:'';position:absolute;inset:0;z-index:1;pointer-events:none; background: radial-gradient(ellipse 190px 58px at 70% 9%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.55) 38%,transparent 70%), radial-gradient(ellipse 125px 44px at 74% 6%,rgba(255,255,255,.9) 0%,transparent 65%), radial-gradient(ellipse 85px 32px at 66% 13%,rgba(255,255,255,.82) 0%,transparent 64%), radial-gradient(ellipse 65px 26px at 75% 14%,rgba(255,255,255,.76) 0%,transparent 62%), radial-gradient(ellipse 150px 50px at 95% 20%,rgba(255,255,255,.84) 0%,rgba(255,255,255,.48) 38%,transparent 70%), radial-gradient(ellipse 95px 34px at 98% 15%,rgba(255,255,255,.8) 0%,transparent 64%), radial-gradient(ellipse 70px 27px at 93% 24%,rgba(255,255,255,.72) 0%,transparent 62%), radial-gradient(ellipse 165px 52px at 82% 82%,rgba(255,255,255,.72) 0%,rgba(255,255,255,.38) 38%,transparent 68%), radial-gradient(ellipse 105px 38px at 86% 78%,rgba(255,255,255,.66) 0%,transparent 62%), radial-gradient(ellipse 72px 28px at 79% 86%,rgba(255,255,255,.6) 0%,transparent 60%), radial-gradient(ellipse 140px 46px at 10% 84%,rgba(255,255,255,.66) 0%,rgba(255,255,255,.32) 38%,transparent 68%), radial-gradient(ellipse 88px 32px at 14% 80%,rgba(255,255,255,.6) 0%,transparent 62%), radial-gradient(ellipse 58px 23px at 7% 88%,rgba(255,255,255,.55) 0%,transparent 60%); filter:blur(2.5px); animation:cldDrift1 75s ease-in-out infinite } /* Bulut katmanı 2 — ince sisimsi bulutlar */ html[data-theme="light"] .hero::after{ content:'';position:absolute;inset:0;z-index:1;pointer-events:none; background: radial-gradient(ellipse 80px 26px at 48% 5%,rgba(255,255,255,.62) 0%,transparent 62%), radial-gradient(ellipse 52px 20px at 44% 8%,rgba(255,255,255,.56) 0%,transparent 60%), radial-gradient(ellipse 105px 36px at 99% 46%,rgba(255,255,255,.52) 0%,transparent 62%), radial-gradient(ellipse 68px 26px at 97% 52%,rgba(255,255,255,.46) 0%,transparent 58%), radial-gradient(ellipse 95px 30px at 99% 30%,rgba(255,255,255,.58) 0%,transparent 64%), radial-gradient(ellipse 62px 22px at 96% 26%,rgba(255,255,255,.52) 0%,transparent 60%), radial-gradient(ellipse 130px 40px at 52% 91%,rgba(255,255,255,.56) 0%,transparent 65%), radial-gradient(ellipse 82px 28px at 57% 87%,rgba(255,255,255,.5) 0%,transparent 60%); filter:blur(4.5px); animation:cldDrift2 100s ease-in-out infinite } @keyframes cldDrift1{0%{transform:translateX(0)}50%{transform:translateX(32px)}100%{transform:translateX(0)}} @keyframes cldDrift2{0%{transform:translateX(0)}50%{transform:translateX(-26px)}100%{transform:translateX(0)}} /* ─ Bölümler ─ */ html[data-theme="light"] section{background:#f0f0f0} html[data-theme="light"] .surec{background:#e6e6e6!important;--bg:#e6e6e6!important;--text-h:#0a0a14!important;--text-b:#374151!important;--line:rgba(0,0,0,.15)!important;--card-bg:#f5f5f5!important} html[data-theme="light"] .surec .step-n{background:#d5d5d5!important;color:#0a0a14!important;border-color:rgba(201,168,76,.35)!important} html[data-theme="light"] .surec .proc-step:hover .step-n{background:#c8c8c8!important;border-color:var(--gold)!important} html[data-theme="light"] .cta{background:#e8e8e8!important;--bg:#e8e8e8!important;--text-h:#0a0a14!important;--text-b:#374151!important;--line:rgba(0,0,0,.1)!important} html[data-theme="light"] .surec h2,html[data-theme="light"] .surec h3,html[data-theme="light"] .surec p{color:inherit} html[data-theme="light"] .surec h1,html[data-theme="light"] .surec h2,html[data-theme="light"] .surec h3,html[data-theme="light"] .surec h4{color:#0a0a14!important} html[data-theme="light"] .surec p{color:#374151!important} html[data-theme="light"] .cta h1,html[data-theme="light"] .cta h2,html[data-theme="light"] .cta h3,html[data-theme="light"] .cta h4{color:#0a0a14!important} html[data-theme="light"] .cta p{color:#374151!important} html[data-theme="light"] .cta h2,html[data-theme="light"] .cta h3,html[data-theme="light"] .cta p{color:inherit} html[data-theme="light"] .cta .cta-glow{background:radial-gradient(ellipse,rgba(201,168,76,.1) 0%,transparent 70%)} /* ─ Index: eğitmen kartları ─ */ html[data-theme="light"] .egm-card{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.2);box-shadow:0 2px 20px rgba(0,0,0,.25)} html[data-theme="light"] .egm-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.35)} html[data-theme="light"] .egm-name{color:#ffffff} html[data-theme="light"] .egm-bio{color:rgba(200,212,230,.85)} html[data-theme="light"] .egm-exp-badge{border-color:rgba(255,255,255,.25)} html[data-theme="light"] .egm-tag{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.3);color:var(--gold)} html[data-theme="light"] .page-index .sw section .dns-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 14px rgba(0,0,0,.35)} html[data-theme="light"] .page-index .sw section .dns-card:hover{box-shadow:0 20px 56px rgba(0,0,0,.5),0 0 0 1px var(--dns-col),0 0 30px rgba(0,0,0,.2)} html[data-theme="light"] .page-danslar.sw section .dns-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 14px rgba(0,0,0,.35)} html[data-theme="light"] .page-danslar.sw section .dns-card:hover{box-shadow:0 20px 56px rgba(0,0,0,.5),0 0 0 1px var(--dns-col),0 0 30px rgba(0,0,0,.2)} /* ─ İletişim: beyaz bölümler koyulaşır ─ */ html[data-theme="light"] .iletisim-contact-sec,html[data-theme="light"] .iletisim-pg-hero{background:#050816;--text-h:#fff;--text-b:#bfc8d8;--line:rgba(255,255,255,.08)} html[data-theme="light"] .iletisim-pg-divider{background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 20%,rgba(255,255,255,.12) 80%,transparent)} html[data-theme="light"] .iletisim-contact-sec .iletisim-form-wrap{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)} html[data-theme="light"] .iletisim-contact-sec .iletisim-cf-input{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09);color:#fff} html[data-theme="light"] .iletisim-contact-sec .iletisim-cf-input::placeholder{color:rgba(191,200,216,.3)} html[data-theme="light"] .iletisim-contact-sec .iletisim-cf-input:focus{background:rgba(255,255,255,.07);border-color:rgba(201,168,76,.45);box-shadow:0 0 0 3px rgba(201,168,76,.07)} html[data-theme="light"] .page-dans-detay .dt-form-wrap .cf-input{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09);color:#fff} html[data-theme="light"] .page-dans-detay .dt-form-wrap .cf-input::placeholder{color:rgba(191,200,216,.35)} html[data-theme="light"] .page-dans-detay .dt-form-wrap .cf-input:focus{background:rgba(255,255,255,.07);border-color:rgba(201,168,76,.45);box-shadow:0 0 0 3px rgba(201,168,76,.07)} html[data-theme="light"] .page-cocuk-detay .dt-form-wrap .cf-input{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09);color:#fff} html[data-theme="light"] .page-cocuk-detay .dt-form-wrap .cf-input::placeholder{color:rgba(191,200,216,.35)} html[data-theme="light"] .page-cocuk-detay .dt-form-wrap .cf-input:focus{background:rgba(255,255,255,.07);border-color:rgba(201,168,76,.45);box-shadow:0 0 0 3px rgba(201,168,76,.07)} html[data-theme="light"] .iletisim-contact-sec .iletisim-cf-select{background-color:transparent} html[data-theme="light"] .iletisim-contact-sec .iletisim-cf-select option{background:#050816;color:#fff} html[data-theme="light"] .iletisim-contact-sec .iletisim-ci-card, html[data-theme="light"] .iletisim-pg-hero .iletisim-ci-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09)} html[data-theme="light"] .iletisim-contact-sec .iletisim-ci-card:hover, html[data-theme="light"] .iletisim-pg-hero .iletisim-ci-card:hover{background:rgba(255,255,255,.07);border-color:rgba(201,168,76,.18)} html[data-theme="light"] .iletisim-contact-sec .iletisim-ci-icon-box, html[data-theme="light"] .iletisim-pg-hero .iletisim-ci-icon-box{background:rgba(201,168,76,.07);border-color:rgba(201,168,76,.12)} html[data-theme="light"] .iletisim-contact-sec .iletisim-ci-quote-block{border-top-color:rgba(255,255,255,.1)} html[data-theme="light"] .iletisim-contact-sec .iletisim-ci-socials .iletisim-ci-soc{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#bfc8d8} html[data-theme="light"] .iletisim-contact-sec .iletisim-cf-check{color:#bfc8d8} html[data-theme="light"] .iletisim-pg-map{border-color:rgba(255,255,255,.1);box-shadow:0 12px 48px rgba(0,0,0,.4)} /* ─ Bildirim paneli ─ */ html[data-theme="light"] .wsch-day{background:#ffffff;border-color:rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.06)} html[data-theme="light"] .wsch-day-hd{background:rgba(201,168,76,.07);border-bottom-color:rgba(0,0,0,.08)} html[data-theme="light"] .wsch-day-name,html[data-theme="light"] .wsch-day-short{color:#7a5c10} html[data-theme="light"] .wsch-time{color:rgba(0,0,0,.45)} html[data-theme="light"] .wsch-cls{color:#0a0a14} html[data-theme="light"] .wsch-lvl{color:rgba(0,0,0,.5)} html[data-theme="light"] .wsch-latin{background:rgba(231,76,60,.08);border-color:#e74c3c} html[data-theme="light"] .wsch-klasik{background:rgba(155,89,182,.08);border-color:#9b59b6} html[data-theme="light"] .wsch-flamenko{background:rgba(243,156,18,.08);border-color:#f39c12} html[data-theme="light"] .wsch-urban{background:rgba(46,204,113,.08);border-color:#2ecc71} html[data-theme="light"] .wsch-dunya{background:rgba(52,152,219,.08);border-color:#3498db} html[data-theme="light"] .wsch-ozel{background:rgba(201,168,76,.1);border-color:#C9A84C} html[data-theme="light"] .wsch-legend{border-top-color:rgba(0,0,0,.1)} html[data-theme="light"] .wsch-leg.wsch-latin{color:rgba(160,30,20,.9)} html[data-theme="light"] .wsch-leg.wsch-klasik{color:rgba(90,40,140,.9)} html[data-theme="light"] .wsch-leg.wsch-flamenko{color:rgba(140,80,0,.9)} html[data-theme="light"] .wsch-leg.wsch-urban{color:rgba(15,110,55,.9)} html[data-theme="light"] .wsch-leg.wsch-dunya{color:rgba(20,70,160,.9)} html[data-theme="light"] .wsch-leg.wsch-ozel{color:#7a5c10} /* ─ Footer: koyudan açığa ─ */ html[data-theme="light"] footer{background:#ffffff;border-top:1px solid rgba(0,0,0,.08)} html[data-theme="light"] .ft-brand-p{color:#1a1f2e} html[data-theme="light"] .ft-col ul a,html[data-theme="light"] .ft-col ul .ft-hours{color:#1a1f2e;font-weight:500} html[data-theme="light"] .ft-col ul a:hover{color:#0a0a14} html[data-theme="light"] .ft-bot{border-top-color:rgba(0,0,0,.09)} html[data-theme="light"] .ft-bot p{color:#1a1f2e} html[data-theme="light"] .ft-col .ft-h, html[data-theme="light"] .ft-col h5{color:#0a0a14} html[data-theme="light"] .soc-a{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.12);color:#1a1f2e} html[data-theme="light"] .soc-a:hover{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.35);color:var(--gold)} /* ─ Nav ek detaylar ─ */ html[data-theme="light"] .nav{box-shadow:0 2px 16px rgba(0,0,0,.07)} html[data-theme="light"] .dd-arr{color:#374151} html[data-theme="light"] .nav-notif,html[data-theme="light"] .theme-toggle{background:#f5f5f5;border-color:rgba(0,0,0,.15);color:#374151;box-shadow:0 1px 4px rgba(0,0,0,.08)} /* ─ Grad genel (non-sw sectionlar) ─ */ /* ─ Bildirim paneli ─ */ html[data-theme="light"] .notif-panel{background:#ffffff;border:1px solid rgba(180,140,40,.3);border-top:3px solid rgba(180,140,40,.8);box-shadow:0 20px 60px rgba(0,0,0,.14),0 4px 16px rgba(0,0,0,.08)} html[data-theme="light"] .notif-panel-hd{background:linear-gradient(to right,rgba(201,168,76,.07),rgba(201,168,76,.02));border-bottom:1px solid rgba(180,140,40,.2);padding:16px 18px} html[data-theme="light"] .notif-panel-hd span{color:#7a5c10;font-size:11px} html[data-theme="light"] .notif-panel-x{color:#374151;background:rgba(0,0,0,.04);border-radius:8px} html[data-theme="light"] .notif-panel-x:hover{background:rgba(0,0,0,.09);color:#0a0a14} html[data-theme="light"] .notif-list{background:#ffffff;padding:10px} html[data-theme="light"] .notif-item{border-radius:10px;border:1px solid transparent;border-left:3px solid rgba(201,168,76,.35)} html[data-theme="light"] .notif-item:hover{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.2);border-left-color:rgba(180,140,40,.7)} html[data-theme="light"] .notif-item.read{border-left-color:rgba(0,0,0,.1);padding-left:27px} html[data-theme="light"] .notif-item.read:hover{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)} html[data-theme="light"] .notif-i-msg{color:#0a0a14;font-weight:500} html[data-theme="light"] .notif-item.read .notif-i-msg{color:#374151;font-weight:400} html[data-theme="light"] .notif-i-time{color:#6b7280;opacity:1;font-size:10px} html[data-theme="light"] .notif-i-dot{background:var(--gold);box-shadow:0 0 8px rgba(201,168,76,.5)} html[data-theme="light"] .notif-panel-ft{background:linear-gradient(to right,rgba(201,168,76,.06),rgba(201,168,76,.02));border-top:1px solid rgba(180,140,40,.2);color:#7a5c10;font-weight:700;letter-spacing:.08em} html[data-theme="light"] .notif-panel-ft:hover{background:linear-gradient(to right,rgba(201,168,76,.12),rgba(201,168,76,.06));gap:12px} /* ─ Tema ikonu ─ */ html[data-theme="light"] .icon-sun{display:none} html[data-theme="light"] .icon-moon{display:block} /* ══════════════════════════════════════════════════════════════ İÇ SAYFALAR — NAV PADDİNG SABİT (SARKMA YOK) ══════════════════════════════════════════════════════════════ */ .page-haberler .nav, .page-galeri .nav, .page-organizasyon .nav, .page-gizlilik .nav, .page-danslar .nav, .page-program .nav, .page-iletisim .nav, .page-dans-detay .nav, .page-cocuk-detay .nav{padding:13px 56px} /* ══════════════════════════════════════════════════════════════ HABERLER — TİMLİNE DÜZENİ ══════════════════════════════════════════════════════════════ */ .hbr-timeline{position:relative;padding:20px 0} .hbr-timeline::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to bottom,transparent,rgba(201,168,76,.5) 8%,rgba(201,168,76,.5) 92%,transparent);transform:translateX(-50%)} .hbr-tl-item{display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:flex-start;margin-bottom:36px} .hbr-tl-item:last-child{margin-bottom:0} .hbr-tl-left{padding-right:72px} .hbr-tl-right{padding-left:72px} .hbr-tl-center{display:flex;flex-direction:column;align-items:center;gap:0;position:relative;z-index:2} .hbr-tl-node{width:18px;height:18px;border-radius:50%;background:var(--gold);border:3px solid #fff;box-shadow:0 0 0 3px rgba(201,168,76,.3),0 0 20px rgba(201,168,76,.4);flex-shrink:0;margin-top:28px} .hbr-tl-date-badge{background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.3);border-radius:20px;padding:4px 10px;font-size:9px;font-weight:700;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;margin-top:10px;text-align:center} .hbr-tl-card{display:block;color:inherit;text-decoration:none;background:#ffffff;border:1px solid rgba(201,168,76,.2);border-radius:20px;overflow:hidden;transition:all .45s cubic-bezier(.23,1,.32,1);cursor:pointer} .hbr-tl-card:hover{border-color:rgba(201,168,76,.5);transform:translateY(-6px) scale(1.015);box-shadow:0 0 0 2px rgba(201,168,76,.15),0 24px 60px rgba(0,0,0,.12),0 0 40px rgba(201,168,76,.08)} .hbr-tl-empty{pointer-events:none} .hbr-tl-img{height:240px;background-color:#060c20;background-size:cover;background-position:center center;position:relative;overflow:hidden;transition:background-size .4s} .hbr-tl-card:hover .hbr-tl-img{background-size:108%} .hbr-tl-body{padding:20px 22px 22px} .hbr-tl-cat{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);margin-bottom:7px} .hbr-tl-h{font-size:16px;font-weight:700;letter-spacing:-.03em;color:#111;margin-bottom:8px;line-height:1.25} .hbr-tl-p{font-size:12px;color:#555;line-height:1.75;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .hbr-tl-foot{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)} .hbr-tl-lnk{font-size:11px;font-weight:700;color:var(--gold);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;transition:letter-spacing .3s} .hbr-tl-lnk:hover{letter-spacing:.14em} /* ══════════════════════════════════════════════════════════════ PROGRAM — HAFTALIK PROGRAM ══════════════════════════════════════════════════════════════ */ .wsch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:28px} .wsch-day{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;display:flex;flex-direction:column} .wsch-day-hd{padding:12px 14px 10px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(201,168,76,.05)} .wsch-day-name{font-size:12px;font-weight:700;color:var(--gold);letter-spacing:.04em;display:block} .wsch-day-short{display:none;font-size:11px;font-weight:700;color:var(--gold)} .wsch-slots{display:flex;flex-direction:column;gap:6px;padding:10px} .wsch-slot{border-radius:10px;padding:9px 11px;border-left:4px solid transparent;transition:transform .25s,box-shadow .25s} .wsch-slot:hover{transform:translateX(3px);box-shadow:0 4px 16px rgba(0,0,0,.2)} .wsch-time{font-size:9px;font-weight:600;letter-spacing:.08em;color:rgba(255,255,255,.45);margin-bottom:3px;text-transform:uppercase} .wsch-cls{font-size:11px;font-weight:700;color:#fff;margin-bottom:2px;line-height:1.3} .wsch-lvl{font-size:9px;color:rgba(255,255,255,.5);font-weight:500} .wsch-latin{background:rgba(231,76,60,.12);border-color:#e74c3c} .wsch-klasik{background:rgba(155,89,182,.12);border-color:#9b59b6} .wsch-flamenko{background:rgba(243,156,18,.12);border-color:#f39c12} .wsch-urban{background:rgba(46,204,113,.12);border-color:#2ecc71} .wsch-dunya{background:rgba(52,152,219,.12);border-color:#3498db} .wsch-ozel{background:rgba(201,168,76,.14);border-color:#C9A84C} .wsch-legend{display:flex;gap:10px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)} .wsch-leg{font-size:10px;font-weight:600;padding:4px 12px;border-radius:100px;border-left:3px solid transparent} .wsch-leg.wsch-latin{background:rgba(231,76,60,.08);border-color:rgba(231,76,60,.5);color:rgba(231,76,60,.9)} .wsch-leg.wsch-klasik{background:rgba(155,89,182,.08);border-color:rgba(155,89,182,.5);color:rgba(155,89,182,.9)} .wsch-leg.wsch-flamenko{background:rgba(243,156,18,.08);border-color:rgba(243,156,18,.5);color:rgba(243,156,18,.9)} .wsch-leg.wsch-urban{background:rgba(46,204,113,.08);border-color:rgba(46,204,113,.5);color:rgba(46,204,113,.9)} .wsch-leg.wsch-dunya{background:rgba(52,152,219,.08);border-color:rgba(52,152,219,.5);color:rgba(52,152,219,.9)} .wsch-leg.wsch-ozel{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.6);color:var(--gold)} @media(max-width:1100px){.wsch-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:600px){.wsch-grid{grid-template-columns:repeat(2,1fr)}.wsch-day-name{display:none}.wsch-day-short{display:block}} /* ── GİZLİLİK POLİTİKASI ─────────────────────────────────────── */ .gp-body{max-width:760px;margin-top:36px} .gp-h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:22px;color:var(--text-h);margin:32px 0 12px} .gp-h3:first-child{margin-top:0} .gp-p{font-size:14px;line-height:1.85;color:var(--text-b)} .gp-link{color:var(--gold);text-decoration:underline} .gp-link:hover{opacity:.8} /* ══════════════════════════════════════════════════════════════ PROGRAM — ZAMAN TÜNELÎ DÜZENİ ══════════════════════════════════════════════════════════════ */ .prg-tunnel-sec{background:#050816;position:relative;overflow:hidden;padding:48px 56px} .page-program.sw .wsch-sec{background:#050816!important;--text-h:#ffffff!important;--text-b:#c8d4e4!important;--line:rgba(255,255,255,.12)!important;--card-bg:rgba(255,255,255,.06)!important} .page-program.sw .wsch-sec .sc{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important} html[data-theme="light"] .page-program.sw .wsch-sec{background:#f0f0f0!important;--text-h:#0a0a14!important;--text-b:#374151!important;--line:rgba(0,0,0,.1)!important;--card-bg:#ffffff!important} html[data-theme="light"] .page-program.sw .wsch-sec h1, html[data-theme="light"] .page-program.sw .wsch-sec h2, html[data-theme="light"] .page-program.sw .wsch-sec h3, html[data-theme="light"] .page-program.sw .wsch-sec h4{color:#0a0a14!important} html[data-theme="light"] .page-program.sw .wsch-sec p{color:#374151!important} .prg-tunnel-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(201,168,76,.04) 0%,rgba(5,8,22,.6) 50%,#050816 100%);pointer-events:none} .prg-tunnel-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(201,168,76,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.05) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 0%,transparent 100%);pointer-events:none} .prg-tunnel-wrap{max-width:1200px;margin:0 auto;position:relative;z-index:1} .prg-tunnel-head{text-align:center;margin-bottom:32px} .prg-tunnel-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:14px} .prg-tunnel-label::before{content:'';width:20px;height:1px;background:var(--gold)} .prg-tunnel-h{font-size:clamp(28px,4vw,54px);font-weight:800;letter-spacing:-.04em;color:#fff;line-height:.95;margin-bottom:0} .prg-tunnel-line{position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:0} .prg-tunnel-line::before{content:'';position:absolute;top:38px;left:12%;right:12%;height:2px;background:linear-gradient(to right,transparent 0%,rgba(201,168,76,.6) 10%,rgba(201,168,76,.6) 90%,transparent 100%)} .prg-tunnel-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;padding:0 12px;position:relative} .prg-step-orb{width:76px;height:76px;border-radius:50%;border:1px solid rgba(201,168,76,.35);background:rgba(201,168,76,.06);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;flex-shrink:0;position:relative;z-index:2;transition:all .45s cubic-bezier(.23,1,.32,1)} .prg-tunnel-step:hover .prg-step-orb{border-color:var(--gold);background:rgba(201,168,76,.14);box-shadow:0 0 40px rgba(201,168,76,.25),0 0 80px rgba(201,168,76,.1)} .prg-step-orb-glow{position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.12),transparent 70%);opacity:0;transition:opacity .45s} .prg-tunnel-step:hover .prg-step-orb-glow{opacity:1} .prg-tunnel-content{padding:18px 0 0;text-align:center} .prg-tunnel-num{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(201,168,76,.6);margin-bottom:6px} .prg-tunnel-step-h{font-size:clamp(14px,1.6vw,18px);font-weight:800;letter-spacing:-.03em;color:#fff;margin-bottom:8px;line-height:1.1} .prg-tunnel-step-p{font-size:12px;color:rgba(191,200,216,.8);line-height:1.7;margin-bottom:12px;max-width:none} .prg-tunnel-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:center} .prg-tunnel-tag{padding:4px 10px;border-radius:100px;font-size:9px;font-weight:600;letter-spacing:.06em;border:1px solid rgba(201,168,76,.22);color:var(--gold);background:rgba(201,168,76,.06)} /* ══════════════════════════════════════════════════════════════ DANSLAR — ZARIF TASARIM ══════════════════════════════════════════════════════════════ */ .dns-elegant-cat{margin-bottom:48px} .dns-elegant-cat:last-child{margin-bottom:0} .dns-cat-header{display:flex;align-items:center;gap:24px;margin-bottom:36px} .dns-cat-header-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(201,168,76,.4),transparent)} .dns-cat-title{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:28px;color:var(--text-h);letter-spacing:.06em;white-space:nowrap} .dns-cat-count{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)} /*.dns-elegant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}*/ .dns-elegant-grid{display:flex;justify-content:center; flex-wrap:wrap;gap:20px} /* ── DANSLAR: KATEGORİ ÇUBUĞU ─────────────────────────────── */ .dns-cat-line{width:28px;height:1px;background:var(--gold)} /* ══════════════════════════════════════════════════════════════ DANS-DETAY.HTML ══════════════════════════════════════════════════════════════ */ .page-dans-detay .dt-form-wrap .cf-field{margin-bottom:16px} .page-dans-detay .dt-form-wrap .cf-input{background:#ffffff;border-color:rgba(0,0,0,.14);color:#0f0f0f} .page-dans-detay .dt-form-wrap .cf-input::placeholder{color:rgba(75,85,99,.55)} .page-dans-detay .dt-form-wrap .cf-input:focus{background:#ffffff;border-color:rgba(201,168,76,.5);box-shadow:0 0 0 3px rgba(201,168,76,.08)} .page-cocuk-detay .dt-form-wrap .cf-field{margin-bottom:16px} .page-cocuk-detay .dt-form-wrap .cf-input{background:#ffffff;border-color:rgba(0,0,0,.14);color:#0f0f0f} .page-cocuk-detay .dt-form-wrap .cf-input::placeholder{color:rgba(75,85,99,.55)} .page-cocuk-detay .dt-form-wrap .cf-input:focus{background:#ffffff;border-color:rgba(201,168,76,.5);box-shadow:0 0 0 3px rgba(201,168,76,.08)} /* -- EĞİTMEN KARTI -- */ /* ══════════════════════════════════════════════════════════════ RESPONSIVE ══════════════════════════════════════════════════════════════ */ @media(max-width:1100px){ .hbr-tl-item{grid-template-columns:1fr 50px 1fr} .hbr-tl-left{padding-right:28px} .hbr-tl-right{padding-left:28px} .dns-elegant-grid{grid-template-columns:repeat(2,1fr)} .hero{height:100svh;min-height:0;padding-bottom:0;flex-direction:column;overflow:hidden} .hero-wrap{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:150px auto;grid-template-areas:"globe globe" "text image";align-items:start;align-content:start;padding:88px 20px 0;gap:10px 14px;width:100%;height:100%;overflow:hidden} .hero-3d{display:block;grid-area:globe;position:relative;height:150px;width:100%;margin:0;transform:none;border-radius:20px} .hero-dancer{grid-area:image;position:static;transform:none;height:auto;max-height:none;width:100%;max-width:190px;object-fit:contain;object-position:center bottom;opacity:1;animation:none;margin:0 0 0 auto;justify-self:end} .hero-left{grid-area:text;text-align:left;width:100%;display:block;position:relative} .hero-default{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:6px} .hero-dance{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:6px} .hero-badge{margin-bottom:4px;font-size:9px;padding:5px 10px} .hero-title-line,.hero-serif,.hero-grad{line-height:1.05;font-size:clamp(19px,6.4vw,26px)} .hero-sub{margin:6px 0 10px;max-width:100%;font-size:11.5px;line-height:1.55} .hero-default{display:flex;flex-direction:column;align-items:flex-start} .hero-acts{flex-direction:column;align-items:stretch;gap:6px;width:100%;max-width:150px;align-self:flex-start;margin-top:10px} .page-index .hero-acts .btn{display:flex;width:100%;justify-content:center;font-size:10.5px;padding:8px 10px;white-space:nowrap;border-radius:10px} .hero-stats{display:none} .hd-name{font-size:16px} .hd-country{font-size:9.5px} .hd-desc{font-size:10.5px;line-height:1.4} .hd-acts{align-self:flex-start;margin-top:10px} .hero-nav{display:flex;position:absolute;left:0;right:0;bottom:14px;top:auto;align-items:center;justify-content:center;gap:18px;pointer-events:none;z-index:10} .hero-nav-btn{position:static;transform:none;pointer-events:auto} .hero-dots{position:static;transform:none;pointer-events:auto} .hero-prev:hover,.hero-next:hover{transform:none} .ck-grid,.dns-panel{grid-template-columns:repeat(3,1fr)} .egm-grid{grid-template-columns:repeat(2,1fr)} .proc-line{grid-template-columns:repeat(2,1fr);gap:48px} .proc-line::before{display:none} .ft-top{grid-template-columns:1fr 1fr;gap:40px} .nav{padding:14px 16px} .nav.scrolled{padding:11px 16px} .nav-links{display:none} .nav-end .btn-contact{display:none} .nav-burger{display:flex} .iletisim-contact-wrap{grid-template-columns:1fr} .iletisim-pg-hero-wrap{gap:40px} .iletisim-pg-map{height:360px} .glr-grid{grid-template-columns:repeat(2,1fr);gap:12px} .glr-item:nth-child(n){grid-column:auto;grid-row:auto} .glr-item:nth-child(1){grid-column:1/3;grid-row:1/3} .org-grid{grid-template-columns:1fr} .prg-packages{grid-template-columns:1fr} } @media(max-width:768px){ .nav-links{display:none} .nav{padding:16px 24px} .nav.scrolled{padding:11px 24px} .egitmenler{padding:12px 12px} .egm-grid{grid-template-columns:repeat(2,1fr)} .ck-grid,.dns-panel{grid-template-columns:1fr} .proc-line{grid-template-columns:1fr} .page-index .ft-top{grid-template-columns:1fr 1fr;gap:28px} .ck-top{text-align:center} .ck-strip{gap:12px;padding:18px 20px} .ck-pill{border-right:none;padding:4px 0} .hero-wrap{padding:0 24px} .iletisim-pg-hero{padding:100px 24px 60px} .iletisim-pg-hero-wrap{grid-template-columns:1fr;gap:36px} .iletisim-pg-hero-text{gap:14px} .iletisim-pg-map{height:300px} .iletisim-contact-sec{padding:48px 24px 80px} .iletisim-cf-row-2{grid-template-columns:1fr} .iletisim-form-wrap{padding:28px 22px} .iletisim-pg-divider{margin:0 24px} .page-iletisim .ft{padding:44px 24px 28px} .page-iletisim .ft-top{grid-template-columns:1fr 1fr;gap:28px} .hbr-tl-item{grid-template-columns:1fr;gap:0} .hbr-tl-center{flex-direction:row;justify-content:flex-start;gap:12px;margin-bottom:16px} .hbr-tl-node{margin-top:0} .hbr-tl-date-badge{margin-top:0} .hbr-tl-left,.hbr-tl-right{padding:0} .hbr-tl-empty{display:none} .hbr-timeline::before{left:8px} .hbr-tl-item{padding-left:86px;position:relative} .hbr-tl-center{position:absolute;left:0;top:0;flex-direction:column;align-items:flex-start;gap:6px} .hbr-tl-date-badge{font-size:8px;padding:3px 8px} .prg-tunnel-sec{padding:52px 24px} .prg-tunnel-line::before{left:40px} .prg-tunnel-line{flex-direction:column;align-items:center} .prg-tunnel-line::before{top:0;bottom:0;left:50%;right:auto;width:2px;height:auto} .prg-tunnel-step{width:100%;max-width:420px;padding:0 0 36px} .prg-step-orb{width:68px;height:68px;font-size:18px} .dns-elegant-grid{grid-template-columns:1fr} .glr-grid{grid-template-columns:repeat(2,1fr);gap:10px} .glr-item:nth-child(1){grid-column:1/3;grid-row:1/3} .page-index .ft,.page-haberler .ft,.page-galeri .ft,.page-organizasyon .ft,.page-gizlilik .ft,.page-danslar .ft,.page-program .ft,.page-dans-detay .ft,.page-cocuk-detay .ft{padding:44px 24px 28px} .page-haberler .ft-top,.page-galeri .ft-top,.page-organizasyon .ft-top,.page-gizlilik .ft-top,.page-danslar .ft-top,.page-program .ft-top,.page-dans-detay .ft-top,.page-cocuk-detay .ft-top{grid-template-columns:1fr 1fr;gap:28px} .page-dans-detay .dt-top{grid-template-columns:1fr;gap:32px} .page-dans-detay .dt-egm-card{flex-direction:column;align-items:flex-start;gap:20px;padding:32px 28px} .page-dans-detay .dt-egm-left{width:100%} .page-dans-detay .dt-egm-divider{width:100%;height:1px} .page-cocuk-detay .dt-top{grid-template-columns:1fr;gap:32px} .page-cocuk-detay .dt-egm-card{flex-direction:column;align-items:flex-start;gap:20px;padding:32px 28px} .page-cocuk-detay .dt-egm-left{width:100%} .page-cocuk-detay .dt-egm-divider{width:100%;height:1px} .page-dans-detay .dt-lb-nav{width:38px;height:38px} .page-dans-detay .dt-lb-prev{left:10px} .page-dans-detay .dt-lb-next{right:10px} .page-cocuk-detay .dt-lb-nav{width:38px;height:38px} .page-cocuk-detay .dt-lb-prev{left:10px} .page-cocuk-detay .dt-lb-next{right:10px} .page-galeri .dt-lb-nav{width:38px;height:38px} .page-galeri .dt-lb-prev{left:10px} .page-galeri .dt-lb-next{right:10px} .page-index .sc{padding:40px 24px} .page-index .egitmenler .sc{padding:28px 20px;border-radius:18px} .page-danslar .sc{padding:40px 24px} .page-danslar .egitmenler .sc{padding:28px 20px;border-radius:18px} .page-dans-detay .sc{padding:40px 24px} .page-dans-detay .egitmenler .sc{padding:28px 20px;border-radius:18px} .page-cocuk-detay .sc{padding:40px 24px} .page-cocuk-detay .egitmenler .sc{padding:28px 20px;border-radius:18px} .page-galeri .sc{padding:40px 24px} .page-galeri .egitmenler .sc{padding:28px 20px;border-radius:18px} .page-haberler .sc{padding:40px 24px} .page-haberler .egitmenler .sc{padding:28px 20px;border-radius:18px} .page-iletisim .sc{padding:40px 24px} .page-iletisim .egitmenler .sc{padding:28px 20px;border-radius:18px} .page-organizasyon .sc{padding:40px 24px} .page-organizasyon .egitmenler .sc{padding:28px 20px;border-radius:18px} .page-program .sc{padding:40px 24px} .page-program .egitmenler .sc{padding:28px 20px;border-radius:18px} .page-gizlilik .sc{padding:40px 24px} .page-gizlilik .egitmenler .sc{padding:28px 20px;border-radius:18px} .page-index .dans-bolumu, .page-index .kurslar, .page-index .sw section.pg-content{padding:20px 12px} .page-index .dans-bolumu .sc, .page-index .kurslar .sc, .page-index .sw section.pg-content .sc{padding:30px 20px !important;border-radius:18px} .page-danslar .dans-bolumu, .page-danslar .kurslar, .page-danslar.sw section.pg-content{padding:20px 12px} .page-danslar .dans-bolumu .sc, .page-danslar .kurslar .sc, .page-danslar.sw section.pg-content .sc{padding:40px 24px;border-radius:18px} .page-dans-detay .dans-bolumu, .page-dans-detay .kurslar, .page-dans-detay.sw section.pg-content{padding:20px 12px} .page-dans-detay .dans-bolumu .sc, .page-dans-detay .kurslar .sc, .page-dans-detay.sw section.pg-content .sc{padding:40px 24px;border-radius:18px} .page-cocuk-detay .dans-bolumu, .page-cocuk-detay .kurslar, .page-cocuk-detay.sw section.pg-content{padding:20px 12px} .page-cocuk-detay .dans-bolumu .sc, .page-cocuk-detay .kurslar .sc, .page-cocuk-detay.sw section.pg-content .sc{padding:40px 24px;border-radius:18px} .page-galeri .dans-bolumu, .page-galeri .kurslar, .page-galeri.sw section.pg-content{padding:20px 12px} .page-galeri .dans-bolumu .sc, .page-galeri .kurslar .sc, .page-galeri.sw section.pg-content .sc{padding:40px 24px;border-radius:18px} .page-haberler .dans-bolumu, .page-haberler .kurslar, .page-haberler.sw section.pg-content{padding:20px 12px} .page-haberler .dans-bolumu .sc, .page-haberler .kurslar .sc, .page-haberler.sw section.pg-content .sc{padding:40px 24px;border-radius:18px} .page-iletisim .dans-bolumu, .page-iletisim .kurslar, .page-iletisim .sw section.pg-content{padding:20px 12px} .page-iletisim .dans-bolumu .sc, .page-iletisim .kurslar .sc, .page-iletisim .sw section.pg-content .sc{padding:40px 24px;border-radius:18px} .page-organizasyon .dans-bolumu, .page-organizasyon .kurslar, .page-organizasyon.sw section.pg-content{padding:20px 12px} .page-organizasyon .dans-bolumu .sc, .page-organizasyon .kurslar .sc, .page-organizasyon.sw section.pg-content .sc{padding:40px 24px;border-radius:18px} .page-program .dans-bolumu, .page-program .kurslar, .page-program.sw section.pg-content{padding:20px 12px} .page-program .dans-bolumu .sc, .page-program .kurslar .sc, .page-program.sw section.pg-content .sc{padding:40px 24px;border-radius:18px} .page-gizlilik .dans-bolumu, .page-gizlilik .kurslar, .page-gizlilik.sw section.pg-content{padding:20px 12px} .page-gizlilik .dans-bolumu .sc, .page-gizlilik .kurslar .sc, .page-gizlilik.sw section.pg-content .sc{padding:40px 24px;border-radius:18px} } @media(max-width:480px){ .page-iletisim .ft-top{grid-template-columns:1fr} .iletisim-pg-cards{grid-template-columns:1fr} .page-index .ft-top,.page-haberler .ft-top,.page-galeri .ft-top,.page-organizasyon .ft-top,.page-gizlilik .ft-top,.page-danslar .ft-top,.page-program .ft-top,.page-dans-detay .ft-top,.page-cocuk-detay .ft-top{grid-template-columns:1fr} .org-card{padding:28px 22px} .egm-grid{grid-template-columns:1fr} } /* ══ BÖLÜNDÜ: DANS KARTI (index ↔ danslar) ══ */ /* -- index.html -- */ .page-index .dns-panel.is-enter .dns-card, .page-index .ck-panel.is-enter .ck-card{animation:crdIn .55s cubic-bezier(.23,1,.32,1) both} .page-index .dns-panel.is-enter .dns-card:nth-child(1), .page-index .ck-panel.is-enter .ck-card:nth-child(1){animation-delay:0s} .page-index .dns-panel.is-enter .dns-card:nth-child(2), .page-index .ck-panel.is-enter .ck-card:nth-child(2){animation-delay:.08s} .page-index .dns-panel.is-enter .dns-card:nth-child(3), .page-index .ck-panel.is-enter .ck-card:nth-child(3){animation-delay:.16s} .page-index .dns-panel.is-enter .dns-card:nth-child(4){animation-delay:.24s} .page-index .dns-panel.is-enter .dns-card:nth-child(5){animation-delay:.32s} .page-index .dns-panel.is-enter .dns-card:nth-child(6){animation-delay:.40s} .page-index .dns-panel.is-enter .dns-card:nth-child(7){animation-delay:.48s} .page-index .dns-panel.is-enter .dns-card:nth-child(8){animation-delay:.56s} .page-index .dns-panel.is-enter .dns-card:nth-child(9){animation-delay:.64s} .page-index .dns-panel.is-enter .dns-card:nth-child(10){animation-delay:.72s} .page-index .dns-panel.is-exit .dns-card, .page-index .ck-panel.is-exit .ck-card{animation:crdOut .24s ease-in both} .page-index .dns-card{--dns-col:var(--gold);display:block;color:inherit;text-decoration:none;background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.09);border-radius:22px;overflow:hidden;cursor:pointer;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s,border-color .4s;position:relative;scroll-margin-top:90px} .page-index .dns-card::before{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;z-index:4;border-radius:inherit} .page-index .dns-card:hover::before{animation:shimmerSwipe .65s ease forwards} .page-index .dns-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--dns-col);opacity:0;transition:opacity .4s} .page-index .dns-card:hover::after{opacity:1} .page-index .dns-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 32px 80px rgba(0,0,0,.4),0 0 0 2px var(--dns-col);border-color:var(--dns-col)} .page-index .dns-thumb{height:240px;position:relative;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#0a0a0a} .page-index .dns-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 28%,rgba(5,8,22,.78) 100%);transition:opacity .4s} .page-index .dns-card:hover .dns-thumb::after{opacity:.6} .page-index .dns-ctry{position:absolute;bottom:11px;left:13px;z-index:3;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:3px 10px;font-size:10px;color:rgba(255,255,255,.82);display:flex;align-items:center;gap:5px;transition:transform .35s} .page-index .dns-card:hover .dns-ctry{transform:translateY(-3px)} .page-index .dns-body{padding:14px 16px 18px} .page-index .dns-ctg{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--dns-col);margin-bottom:6px} .page-index .dns-nm{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(18px,1.5vw,23px);line-height:1.1;color:var(--text-h);margin-bottom:8px;transition:color .35s} .page-index .dns-card:hover .dns-nm{color:var(--dns-col)} .page-index .dns-dsc{font-size:12px;color:var(--text-b);line-height:1.78;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .page-index .dns-lnk{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--dns-col);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:gap .3s} .page-index .dns-lnk:hover{gap:9px} /* -- danslar.html -- */ .page-danslar .dns-panel.is-enter .dns-card, .page-danslar .ck-panel.is-enter .ck-card{animation:crdIn .55s cubic-bezier(.23,1,.32,1) both} .page-danslar .dns-panel.is-enter .dns-card:nth-child(1), .page-danslar .ck-panel.is-enter .ck-card:nth-child(1){animation-delay:0s} .page-danslar .dns-panel.is-enter .dns-card:nth-child(2), .page-danslar .ck-panel.is-enter .ck-card:nth-child(2){animation-delay:.08s} .page-danslar .dns-panel.is-enter .dns-card:nth-child(3), .page-danslar .ck-panel.is-enter .ck-card:nth-child(3){animation-delay:.16s} .page-danslar .dns-panel.is-enter .dns-card:nth-child(4){animation-delay:.24s} .page-danslar .dns-panel.is-enter .dns-card:nth-child(5){animation-delay:.32s} .page-danslar .dns-panel.is-enter .dns-card:nth-child(6){animation-delay:.40s} .page-danslar .dns-panel.is-enter .dns-card:nth-child(7){animation-delay:.48s} .page-danslar .dns-panel.is-enter .dns-card:nth-child(8){animation-delay:.56s} .page-danslar .dns-panel.is-enter .dns-card:nth-child(9){animation-delay:.64s} .page-danslar .dns-panel.is-enter .dns-card:nth-child(10){animation-delay:.72s} .page-danslar .dns-panel.is-exit .dns-card, .page-danslar .ck-panel.is-exit .ck-card{animation:crdOut .24s ease-in both} .page-danslar .dns-card{--dns-col:var(--gold);width:32%; display:block;color:inherit;text-decoration:none;background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.09);border-radius:22px;overflow:hidden;cursor:pointer;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s,border-color .4s;position:relative;scroll-margin-top:90px} .page-danslar .dns-card::before{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;z-index:4;border-radius:inherit} .page-danslar .dns-card:hover::before{animation:shimmerSwipe .65s ease forwards} .page-danslar .dns-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--dns-col);opacity:0;transition:opacity .4s} .page-danslar .dns-card:hover::after{opacity:1} .page-danslar .dns-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 32px 80px rgba(0,0,0,.4),0 0 0 2px var(--dns-col);border-color:var(--dns-col)} .page-danslar .dns-thumb{height:240px;position:relative;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#0a0a0a} .page-danslar .dns-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 28%,rgba(5,8,22,.78) 100%);transition:opacity .4s} .page-danslar .dns-card:hover .dns-thumb::after{opacity:.6} .page-danslar .dns-ctry{position:absolute;bottom:11px;left:13px;z-index:3;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:3px 10px;font-size:10px;color:rgba(255,255,255,.82);display:flex;align-items:center;gap:5px;transition:transform .35s} .page-danslar .dns-card:hover .dns-ctry{transform:translateY(-3px)} .page-danslar .dns-body{padding:14px 16px 18px} .page-danslar .dns-ctg{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--dns-col);margin-bottom:6px} .page-danslar .dns-nm{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(18px,1.5vw,23px);line-height:1.1;color:var(--text-h);margin-bottom:8px;transition:color .35s} .page-danslar .dns-card:hover .dns-nm{color:var(--dns-col)} .page-danslar .dns-dsc{font-size:12px;color:var(--text-b);line-height:1.78;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .page-danslar .dns-lnk{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--dns-col);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:gap .3s} .page-danslar .dns-lnk:hover{gap:9px} /* ══ BÖLÜNDÜ: DETAY SAYFASI ÜST/FORM/EĞİTMEN (dans-detay ↔ cocuk-detay) ══ */ /* -- dans-detay.html -- */ .page-dans-detay .dt-top{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:start} .page-dans-detay .dt-tags{display:flex;gap:10px;margin-bottom:16px} .page-dans-detay .dt-ctg, .page-dans-detay .dt-ctry{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:6px 12px;border-radius:20px;border:1px solid rgba(201,168,76,.35);color:var(--gold)} .page-dans-detay .dt-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(26px,4vw,36px);color:var(--text-h);line-height:1.05;margin-bottom:20px} .page-dans-detay .dt-long{font-size:15px;line-height:1.85;color:var(--text-b);max-width:620px} .page-dans-detay .dt-form-wrap{background:var(--card-bg);border:1px solid var(--line);border-radius:24px;padding:36px 32px} .page-dans-detay .dt-form-h{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:26px;color:var(--text-h);margin:6px 0 22px;line-height:1.2} .page-dans-detay .dt-form-submit{width:100%;justify-content:center;margin-top:6px} .page-dans-detay .dt-form-success{display:none;text-align:center;padding:20px 0} .page-dans-detay .dt-form-success.show{display:block} .page-dans-detay .dt-egm-card{display:flex;align-items:center;gap:44px;background:var(--card-bg);border:1px solid var(--line);border-radius:24px;padding:40px 48px;max-width:900px;margin:0 auto} .page-dans-detay .dt-egm-left{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0;width:210px} .page-dans-detay .dt-egm-avatar{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:30px;font-weight:300;color:#050816;letter-spacing:.04em;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#b8962e 0%,var(--gold) 50%,#e8c86a 100%)} .page-dans-detay .dt-egm-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:26px;color:var(--text-h);letter-spacing:.02em;line-height:1.2} .page-dans-detay .dt-egm-dance{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-top:-6px} .page-dans-detay .dt-egm-divider{width:1px;align-self:stretch;background:var(--line);flex-shrink:0} .page-dans-detay .dt-egm-bio{font-size:15px;color:var(--text-b);line-height:1.85;flex:1;margin:0} /* -- cocuk-detay.html -- */ .page-cocuk-detay .dt-top{display:grid;grid-template-columns:1.9fr 1fr;gap:30px;align-items:start} .page-cocuk-detay .dt-tags{display:flex;gap:10px;margin-bottom:16px} .page-cocuk-detay .dt-ctg, .page-cocuk-detay .dt-ctry{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:6px 12px;border-radius:20px;border:1px solid rgba(201,168,76,.35);color:var(--gold)} .page-cocuk-detay .dt-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(34px,4vw,52px);color:var(--text-h);line-height:1.05;margin-bottom:20px} .page-cocuk-detay .dt-long{font-size:15px;line-height:1.85;color:var(--text-b);max-width:620px} .page-cocuk-detay .dt-form-wrap{background:var(--card-bg);border:1px solid var(--line);border-radius:24px;padding:36px 32px} .page-cocuk-detay .dt-form-h{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:26px;color:var(--text-h);margin:6px 0 22px;line-height:1.2} .page-cocuk-detay .dt-form-submit{width:100%;justify-content:center;margin-top:6px} .page-cocuk-detay .dt-form-success{display:none;text-align:center;padding:20px 0} .page-cocuk-detay .dt-form-success.show{display:block} .page-cocuk-detay .dt-egm-card{display:flex;align-items:center;gap:44px;background:var(--card-bg);border:1px solid var(--line);border-radius:24px;padding:40px 48px;max-width:900px;margin:0 auto} .page-cocuk-detay .dt-egm-left{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0;width:210px} .page-cocuk-detay .dt-egm-avatar{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:30px;font-weight:300;color:#050816;letter-spacing:.04em;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#b8962e 0%,var(--gold) 50%,#e8c86a 100%)} .page-cocuk-detay .dt-egm-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:26px;color:var(--text-h);letter-spacing:.02em;line-height:1.2} .page-cocuk-detay .dt-egm-dance{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-top:-6px} .page-cocuk-detay .dt-egm-divider{width:1px;align-self:stretch;background:var(--line);flex-shrink:0} .page-cocuk-detay .dt-egm-bio{font-size:15px;color:var(--text-b);line-height:1.85;flex:1;margin:0} /* ══ BÖLÜNDÜ: GALERİ + LIGHTBOX (dans-detay ↔ cocuk-detay ↔ galeri) ══ */ /* -- dans-detay.html -- */ .page-dans-detay .dt-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:32px} .page-dans-detay .dt-gitem{aspect-ratio:1/1;border-radius:18px;background-size:cover;background-position:center;cursor:pointer;transition:transform .35s ease;position:relative;overflow:hidden} .page-dans-detay .dt-gitem:hover{transform:translateY(-4px) scale(1.015)} .page-dans-detay .dt-lightbox{position:fixed;inset:0;background:rgba(2,3,10,.95);z-index:1001;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease} .page-dans-detay .dt-lightbox.open{display:flex;opacity:1} .page-dans-detay .dt-lb-img{max-width:82vw;max-height:82vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)} .page-dans-detay .dt-lb-close{position:absolute;top:24px;right:28px;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;width:44px;height:44px;border-radius:50%;transition:background .2s} .page-dans-detay .dt-lb-close:hover{background:rgba(255,255,255,.1)} .page-dans-detay .dt-lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.35);color:var(--gold);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s} .page-dans-detay .dt-lb-nav:hover{background:rgba(201,168,76,.28)} .page-dans-detay .dt-lb-prev{left:24px} .page-dans-detay .dt-lb-next{right:24px} /* -- cocuk-detay.html -- */ .page-cocuk-detay .dt-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:32px} .page-cocuk-detay .dt-gitem{aspect-ratio:1/1;border-radius:18px;background-size:cover;background-position:center;cursor:pointer;transition:transform .35s ease;position:relative;overflow:hidden} .page-cocuk-detay .dt-gitem:hover{transform:translateY(-4px) scale(1.015)} .page-cocuk-detay .dt-lightbox{position:fixed;inset:0;background:rgba(2,3,10,.95);z-index:1001;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease} .page-cocuk-detay .dt-lightbox.open{display:flex;opacity:1} .page-cocuk-detay .dt-lb-img{max-width:82vw;max-height:82vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)} .page-cocuk-detay .dt-lb-close{position:absolute;top:24px;right:28px;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;width:44px;height:44px;border-radius:50%;transition:background .2s} .page-cocuk-detay .dt-lb-close:hover{background:rgba(255,255,255,.1)} .page-cocuk-detay .dt-lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.35);color:var(--gold);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s} .page-cocuk-detay .dt-lb-nav:hover{background:rgba(201,168,76,.28)} .page-cocuk-detay .dt-lb-prev{left:24px} .page-cocuk-detay .dt-lb-next{right:24px} /* -- galeri.html -- */ .page-galeri .dt-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:32px} .page-galeri .dt-gitem{aspect-ratio:1/1;border-radius:18px;background-size:cover;background-position:center;cursor:pointer;transition:transform .35s ease;position:relative;overflow:hidden} .page-galeri .dt-gitem:hover{transform:translateY(-4px) scale(1.015)} .page-galeri .dt-lightbox{position:fixed;inset:0;background:rgba(2,3,10,.95);z-index:1001;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease} .page-galeri .dt-lightbox.open{display:flex;opacity:1} .page-galeri .dt-lb-img{max-width:82vw;max-height:82vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)} .page-galeri .dt-lb-close{position:absolute;top:24px;right:28px;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;width:44px;height:44px;border-radius:50%;transition:background .2s} .page-galeri .dt-lb-close:hover{background:rgba(255,255,255,.1)} .page-galeri .dt-lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.35);color:var(--gold);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s} .page-galeri .dt-lb-nav:hover{background:rgba(201,168,76,.28)} .page-galeri .dt-lb-prev{left:24px} .page-galeri .dt-lb-next{right:24px} /* -- kurumsal.asp (hakkimizda) galeri -- */ .page-hakkimizda .dt-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:32px} .page-hakkimizda .dt-gitem{aspect-ratio:1/1;border-radius:18px;background-size:cover;background-position:center;cursor:pointer;transition:transform .35s ease;position:relative;overflow:hidden} .page-hakkimizda .dt-gitem:hover{transform:translateY(-4px) scale(1.015)} .page-hakkimizda .dt-lightbox{position:fixed;inset:0;background:rgba(2,3,10,.95);z-index:1001;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease} .page-hakkimizda .dt-lightbox.open{display:flex;opacity:1} .page-hakkimizda .dt-lb-img{max-width:82vw;max-height:82vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)} .page-hakkimizda .dt-lb-close{position:absolute;top:24px;right:28px;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;width:44px;height:44px;border-radius:50%;transition:background .2s} .page-hakkimizda .dt-lb-close:hover{background:rgba(255,255,255,.1)} .page-hakkimizda .dt-lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.35);color:var(--gold);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s} .page-hakkimizda .dt-lb-nav:hover{background:rgba(201,168,76,.28)} .page-hakkimizda .dt-lb-prev{left:24px} .page-hakkimizda .dt-lb-next{right:24px} /* -- default.asp (anasayfa) galeri -- */ .page-index .dt-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:32px} .page-index .dt-gitem{aspect-ratio:1/1;border-radius:18px;background-size:cover;background-position:center;cursor:pointer;transition:transform .35s ease;position:relative;overflow:hidden} .page-index .dt-gitem:hover{transform:translateY(-4px) scale(1.015)} .page-index .dt-lightbox{position:fixed;inset:0;background:rgba(2,3,10,.95);z-index:1001;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease} .page-index .dt-lightbox.open{display:flex;opacity:1} .page-index .dt-lb-img{max-width:82vw;max-height:82vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)} .page-index .dt-lb-close{position:absolute;top:24px;right:28px;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;width:44px;height:44px;border-radius:50%;transition:background .2s} .page-index .dt-lb-close:hover{background:rgba(255,255,255,.1)} .page-index .dt-lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.35);color:var(--gold);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s} .page-index .dt-lb-nav:hover{background:rgba(201,168,76,.28)} .page-index .dt-lb-prev{left:24px} .page-index .dt-lb-next{right:24px} /* ══ BÖLÜNDÜ: İLETİŞİM FORM ALANLARI (dans-detay ↔ cocuk-detay ödünç alıyor) ══ */ /* -- dans-detay.html -- */ .page-dans-detay .iletisim-contact-sec .cf-input{background:#ffffff;border-color:rgba(0,0,0,.12);color:#0f0f0f} .page-dans-detay .iletisim-contact-sec .cf-input::placeholder{color:rgba(75,85,99,.4)} .page-dans-detay .iletisim-contact-sec .cf-input:focus{background:#ffffff;border-color:rgba(201,168,76,.5);box-shadow:0 0 0 3px rgba(201,168,76,.07)} .page-dans-detay .cf-field{display:flex;flex-direction:column;gap:7px} .page-dans-detay .cf-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-b)} .page-dans-detay .cf-input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:13px 16px;color:var(--text-h);font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border-color .3s,box-shadow .3s,background .3s;-webkit-appearance:none;appearance:none} .page-dans-detay .cf-input::placeholder{color:rgba(191,200,216,.3)} .page-dans-detay .cf-input:focus{border-color:rgba(201,168,76,.45);box-shadow:0 0 0 3px rgba(201,168,76,.07);background:rgba(255,255,255,.06)} .page-dans-detay .cf-input.err{border-color:rgba(239,68,68,.45);box-shadow:0 0 0 3px rgba(239,68,68,.06)} .page-dans-detay .cf-input.err::placeholder{color:rgba(239,68,68,.4)} .page-dans-detay .fs-ring{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(201,168,76,.04));border:1px solid rgba(201,168,76,.28);display:flex;align-items:center;justify-content:center;margin:0 auto 28px;font-size:32px;color:var(--gold);animation:iletisim-fsRing .6s cubic-bezier(.34,1.56,.64,1) both} .page-dans-detay .fs-sub{font-size:15px;color:var(--text-b);line-height:1.65;margin-bottom:32px;max-width:320px;margin-left:auto;margin-right:auto} html[data-theme="light"] .page-dans-detay .iletisim-contact-sec .cf-input{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09);color:#fff} html[data-theme="light"] .page-dans-detay .iletisim-contact-sec .cf-input::placeholder{color:rgba(191,200,216,.3)} html[data-theme="light"] .page-dans-detay .iletisim-contact-sec .cf-input:focus{background:rgba(255,255,255,.07);border-color:rgba(201,168,76,.45);box-shadow:0 0 0 3px rgba(201,168,76,.07)} /* -- cocuk-detay.html -- */ .page-cocuk-detay .iletisim-contact-sec .cf-input{background:#ffffff;border-color:rgba(0,0,0,.12);color:#0f0f0f} .page-cocuk-detay .iletisim-contact-sec .cf-input::placeholder{color:rgba(75,85,99,.4)} .page-cocuk-detay .iletisim-contact-sec .cf-input:focus{background:#ffffff;border-color:rgba(201,168,76,.5);box-shadow:0 0 0 3px rgba(201,168,76,.07)} .page-cocuk-detay .cf-field{display:flex;flex-direction:column;gap:7px} .page-cocuk-detay .cf-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-b)} .page-cocuk-detay .cf-input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:13px 16px;color:var(--text-h);font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border-color .3s,box-shadow .3s,background .3s;-webkit-appearance:none;appearance:none} .page-cocuk-detay .cf-input::placeholder{color:rgba(191,200,216,.3)} .page-cocuk-detay .cf-input:focus{border-color:rgba(201,168,76,.45);box-shadow:0 0 0 3px rgba(201,168,76,.07);background:rgba(255,255,255,.06)} .page-cocuk-detay .cf-input.err{border-color:rgba(239,68,68,.45);box-shadow:0 0 0 3px rgba(239,68,68,.06)} .page-cocuk-detay .cf-input.err::placeholder{color:rgba(239,68,68,.4)} .page-cocuk-detay .fs-ring{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(201,168,76,.04));border:1px solid rgba(201,168,76,.28);display:flex;align-items:center;justify-content:center;margin:0 auto 28px;font-size:32px;color:var(--gold);animation:iletisim-fsRing .6s cubic-bezier(.34,1.56,.64,1) both} .page-cocuk-detay .fs-sub{font-size:15px;color:var(--text-b);line-height:1.65;margin-bottom:32px;max-width:320px;margin-left:auto;margin-right:auto} html[data-theme="light"] .page-cocuk-detay .iletisim-contact-sec .cf-input{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09);color:#fff} html[data-theme="light"] .page-cocuk-detay .iletisim-contact-sec .cf-input::placeholder{color:rgba(191,200,216,.3)} html[data-theme="light"] .page-cocuk-detay .iletisim-contact-sec .cf-input:focus{background:rgba(255,255,255,.07);border-color:rgba(201,168,76,.45);box-shadow:0 0 0 3px rgba(201,168,76,.07)} /* ══ BÖLÜNDÜ: EĞİTMEN BAŞLIK SARMALAYICI (dans-detay ↔ cocuk-detay ödünç alıyor) ══ */ /* -- dans-detay.html -- */ .page-dans-detay .egm-head{text-align:center;margin-bottom:48px} /* -- cocuk-detay.html -- */ .page-cocuk-detay .egm-head{text-align:center;margin-bottom:48px} /* ══ BÖLÜNDÜ: GENEL TASARIM SİSTEMİ (tüm sayfalar) ══ */ /* -- index.html -- */ .page-index .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-index .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-index .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-index .btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s} .page-index .btn-gold:hover::before{left:100%} .page-index .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-index .btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none} .page-index .btn-g{background:transparent;color:var(--text-b);border:1px solid var(--line)} .page-index .btn-g:hover{background:var(--card-bg);color:var(--text-h);border-color:rgba(255,255,255,.15);transform:translateY(-2px)} .page-index .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-index .btn-glow{position:relative} .page-index .hero-acts .btn{padding:13px 34px;font-size:12px;border-radius:10px;letter-spacing:.05em} .page-index .btn-glow::after{content:'';position:absolute;inset:-4px;border-radius:18px;background:linear-gradient(135deg,#111,var(--gold));z-index:-1;opacity:0;filter:blur(14px);transition:opacity .4s} .page-index .btn-glow:hover::after{opacity:.5} .page-index .btn:hover .arr{transform:translateX(4px)} .page-index .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-index .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-index .s-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:18px} .page-index .s-label::before{content:'';width:20px;height:1px;background:var(--gold)} .page-index .sw section .ck-card::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;border-radius:inherit} .page-index .sw section .ck-card:hover::after{animation:shimmerSwipe .65s ease forwards} .page-index .hero-default .btn-g{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.4)} .page-index .hero-default .btn-g:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff;transform:translateY(-2px)} .page-index .hero-default .btn-gold{text-shadow:0 1px 8px rgba(0,0,0,.3)} .page-index .sw{position:relative;z-index:10;overflow-x:hidden} .page-index .sc{max-width:1400px;margin:0 auto;padding:48px 60px} .page-index .s-h2{font-size:clamp(34px,4vw,60px);margin-bottom:16px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-h)} .page-index .s-sub{font-size:16px;color:var(--text-b);line-height:1.8;font-weight:400;margin-bottom:36px} .page-index .egitmenler .s-h2{white-space:nowrap;font-size:clamp(24px,3.2vw,52px)} .page-index .surec .grad{background-image:linear-gradient(135deg,#ffffff 0%,var(--gold) 48%,var(--secondary) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important} .page-index .sw section .tab-bar, .page-index .sw section .ck-tabs{background:none;border:none;box-shadow:none} .page-index .sw section .tab-btn, .page-index .sw section .ck-tab-btn{border:1px solid rgba(0,0,0,.14);color:#777;background:transparent} .page-index .sw section .tab-btn.active, .page-index .sw section .ck-tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold)} .page-index .sw section .tab-btn:hover:not(.active), .page-index .sw section .ck-tab-btn:hover:not(.active){border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} .page-index .sw section{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;position:relative;color:var(--text-h);border-bottom:2px solid var(--gold)} .page-index .sw section .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center} .page-index .sw section .s-h2{text-align:center} .page-index .sw section .s-sub{text-align:center;margin-left:auto;margin-right:auto} .page-index .sw section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,#D4A017 50%,var(--gold) 70%,transparent 100%)} .page-index .sw section .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 45%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-index .sw section .grad-g{background:linear-gradient(135deg,#b8820a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-index .sw section .s-box::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-index .sw .prg-tunnel-sec{background:#f8f5ef} .page-index .sw .prg-tunnel-sec::before{display:none} .page-index .sw .prg-tunnel-h{color:#050816} .page-index .sw .prg-tunnel-step-h{color:#050816} .page-index .sw .prg-tunnel-step-p{color:rgba(5,8,22,.6)} .page-index .sw .prg-tunnel-num{color:rgba(201,168,76,.85)} .page-index .sw .prg-step-orb{background:rgba(201,168,76,.1);color:#050816;border-color:rgba(201,168,76,.45)} .page-index .sw .prg-tunnel-step:hover .prg-step-orb{background:rgba(201,168,76,.2);color:#050816} .page-index .sw .prg-tunnel-tag{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.3);color:#4a3800} .page-index .sw section .step-n{background:#111111;color:#ffffff;border-color:var(--gold)} .page-index .sw section .proc-step:hover .step-n{background:#1a1a1a;border-color:var(--gold);box-shadow:0 0 24px rgba(201,168,76,.35)} .page-index .sw section .proc-line::before{background:linear-gradient(90deg,transparent,var(--gold) 30%,#D4A017 70%,transparent)} .page-index .sw section .ck-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-index .sw section .ck-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 40px rgba(201,168,76,.08)} .page-index .sw section .ck-card::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-index .sw section .ck-styles{background:rgba(201,168,76,.12);border-left:2px solid var(--gold)} .page-index .sw section .ck-strip{background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.22)} .page-index .sw section .ck-pill{border-right-color:rgba(0,0,0,.1)} .page-index .sw section .tag{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);color:#666} .page-index .sw section .tag-g{border-color:rgba(201,168,76,.35);color:var(--gold);background:rgba(201,168,76,.07)} .page-index .sw section .org-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-index .sw section .org-card::before{opacity:0} .page-index .sw section .org-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1);transform:translateY(-6px)} .page-index .sw section .org-card:hover::before{opacity:1} .page-index .sw section .prg-pkg{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-index .sw section .prg-pkg:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1)} .page-index .sw section .prg-pkg-top{border-bottom-color:rgba(0,0,0,.1)} .page-index .sw section .prg-pkg-feat{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.04)} .page-index .sw section .prg-pkg-feat .prg-pkg-list li{color:var(--text-b)} .page-index .sw section .glr-item{border:1px solid rgba(201,168,76,.18)} .page-index .sw section .glr-item:hover{border-color:rgba(201,168,76,.45);box-shadow:0 28px 72px rgba(0,0,0,.2),0 0 0 1px rgba(201,168,76,.28)} .page-index .sw section .glr-cap{color:#fff} .page-index .sw section .tab-btn{border:1px solid rgba(0,0,0,.14);color:var(--text-b);background:transparent} .page-index .sw section .tab-btn:hover{border-color:rgba(201,168,76,.5);color:var(--gold);background:rgba(201,168,76,.06)} .page-index .sw section .tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold);box-shadow:0 0 22px rgba(201,168,76,.12)} .page-index .sw section .ck-age-a{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.4);color:#4338ca} .page-index .sw section .ck-age-c{background:rgba(219,39,119,.1);border:1px solid rgba(219,39,119,.4);color:#9d174d} .page-index .sw section:not(.cta) .btn-g{border-color:rgba(0,0,0,.28);color:#3a3a3a;background:rgba(0,0,0,.05)} .page-index .cta .btn-g{border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.88);background:rgba(255,255,255,.07)} .page-index .cta .btn-g:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-2px)} .page-index .sw section:not(.cta) .btn-g:hover{background:rgba(0,0,0,.09);border-color:rgba(0,0,0,.36);color:#111} .page-index .sw section .ck-info{border-top-color:rgba(0,0,0,.1)} .page-index .surec .grad-g{background:linear-gradient(135deg,var(--gold),#D4A017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-index .kurslar>.sc{position:relative} .page-index .sw section.pg-content{padding:36px 36px 28px} .page-index .sw section.pg-content .sc{background:#f4f3f0;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-index .dans-bolumu .sc, .page-index .kurslar .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-index .egitmenler .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;position:relative;--card-bg:#ffffff} .page-index .prg-pkg .btn{margin-top:auto} html[data-theme="light"] .page-index .surec .grad{background-image:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 48%,var(--secondary) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important} html[data-theme="light"] .page-index .cta .btn-g{border-color:rgba(0,0,0,.22);color:#374151;background:rgba(0,0,0,.06)} html[data-theme="light"] .page-index .cta .btn-g:hover{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.3);color:#0a0a14} /* ─ .sw section (sayfa .page-X atasıyla): beyazdan koyuya ─ */ html[data-theme="light"] .page-index .sw section{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06)} html[data-theme="light"] .page-index .sw section h1, html[data-theme="light"] .page-index .sw section h2, html[data-theme="light"] .page-index .sw section h3, html[data-theme="light"] .page-index .sw section h4{color:#ffffff} html[data-theme="light"] .page-index .sw section p{color:#c8d4e4} html[data-theme="light"] .page-index .sw section .s-label{color:var(--gold)} html[data-theme="light"] .page-index .sw section.pg-content .sc, html[data-theme="light"] .page-index .dans-bolumu .sc, html[data-theme="light"] .page-index .kurslar .sc, html[data-theme="light"] .page-index .egitmenler .sc{background:#050816;border-color:rgba(201,168,76,.14);box-shadow:0 4px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04) inset;--card-bg:rgba(255,255,255,.04)} html[data-theme="light"] .page-index .sw section .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-index .sw section .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-index .sw .prg-tunnel-sec{background:#050816} html[data-theme="light"] .page-index .sw .prg-tunnel-h, html[data-theme="light"] .page-index .sw .prg-tunnel-step-h{color:#fff} html[data-theme="light"] .page-index .sw .prg-tunnel-step-p{color:rgba(191,200,216,.8)} html[data-theme="light"] .page-index .sw .prg-step-orb{background:rgba(201,168,76,.07);color:#fff;border-color:rgba(201,168,76,.3)} html[data-theme="light"] .page-index .sw .prg-tunnel-tag{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.22);color:var(--gold)} html[data-theme="light"] .page-index .sw section .step-n{background:rgba(255,255,255,.08);color:#fff;border-color:var(--gold)} html[data-theme="light"] .page-index .sw section .proc-step:hover .step-n{background:rgba(201,168,76,.1);border-color:var(--gold)} html[data-theme="light"] .page-index .sw section .dbs-main-tabs{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)} html[data-theme="light"] .page-index .sw section .ck-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-index .sw section .ck-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 40px rgba(201,168,76,.1)} html[data-theme="light"] .page-index .sw section .ck-strip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} html[data-theme="light"] .page-index .sw section .ck-pill{border-right-color:rgba(255,255,255,.1)} html[data-theme="light"] .page-index .sw section .tag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--text-b)} html[data-theme="light"] .page-index .sw section .tag-g{border-color:rgba(201,168,76,.32);color:var(--gold);background:rgba(201,168,76,.1)} html[data-theme="light"] .page-index .sw section .hbr-tl-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)} html[data-theme="light"] .page-index .sw section .hbr-tl-card:hover{border-color:rgba(201,168,76,.45)} html[data-theme="light"] .page-index .sw section .org-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-index .sw section .org-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45);transform:translateY(-6px)} html[data-theme="light"] .page-index .sw section .prg-pkg{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-index .sw section .prg-pkg:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.4)} html[data-theme="light"] .page-index .sw section .prg-pkg-top{border-bottom-color:rgba(255,255,255,.07)} html[data-theme="light"] .page-index .sw section .prg-pkg-feat{border-color:rgba(201,168,76,.35);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-index .sw section .glr-item{border:1px solid rgba(255,255,255,.07)} html[data-theme="light"] .page-index .sw section .glr-item:hover{border-color:rgba(201,168,76,.4);box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 1px rgba(201,168,76,.28)} html[data-theme="light"] .page-index .sw section .tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-index .sw section .tab-btn:hover{border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-index .sw section .tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-index .sw section .ck-tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-index .sw section .ck-tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-index .sw section .ck-age-a{background:rgba(79,70,229,.12);border:1px solid rgba(79,70,229,.4);color:#a5b4fc} html[data-theme="light"] .page-index .sw section .ck-age-c{background:rgba(219,39,119,.12);border:1px solid rgba(219,39,119,.4);color:#f9a8d4} html[data-theme="light"] .page-index .sw section:not(.cta) .btn-g{border-color:rgba(255,255,255,.16);color:var(--text-b);background:rgba(255,255,255,.04)} html[data-theme="light"] .page-index .sw section:not(.cta) .btn-g:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff} html[data-theme="light"] .page-index .sw section .ck-info{border-top-color:rgba(255,255,255,.08)} html[data-theme="light"] .page-index .iletisim-contact-sec .grad, html[data-theme="light"] .page-index .iletisim-pg-hero .grad{background:linear-gradient(135deg,#fff 0%,#C9A84C 45%,#b87d00 100%);background-clip:text;-webkit-background-clip:text} /* -- danslar.html -- */ .page-danslar .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-danslar .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-danslar .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-danslar .btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s} .page-danslar .btn-gold:hover::before{left:100%} .page-danslar .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-danslar .btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none} .page-danslar .btn-g{background:transparent;color:var(--text-b);border:1px solid var(--line)} .page-danslar .btn-g:hover{background:var(--card-bg);color:var(--text-h);border-color:rgba(255,255,255,.15);transform:translateY(-2px)} .page-danslar .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-danslar .btn-glow{position:relative} .page-danslar .btn-glow::after{content:'';position:absolute;inset:-4px;border-radius:18px;background:linear-gradient(135deg,#111,var(--gold));z-index:-1;opacity:0;filter:blur(14px);transition:opacity .4s} .page-danslar .btn-glow:hover::after{opacity:.5} .page-danslar .btn:hover .arr{transform:translateX(4px)} .page-danslar .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-danslar .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-danslar .s-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:18px} .page-danslar .s-label::before{content:'';width:20px;height:1px;background:var(--gold)} .page-danslar.sw section .ck-card::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;border-radius:inherit} .page-danslar.sw section .ck-card:hover::after{animation:shimmerSwipe .65s ease forwards} .page-danslar .hero-default .btn-g{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.4)} .page-danslar .hero-default .btn-g:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff;transform:translateY(-2px)} .page-danslar .hero-default .btn-gold{text-shadow:0 1px 8px rgba(0,0,0,.3)} .page-danslar.sw{position:relative;z-index:10;overflow-x:hidden} .page-danslar .sc{max-width:1400px;margin:0 auto;padding:48px 60px} .page-danslar .s-h2{font-size:clamp(34px,4vw,60px);margin-bottom:16px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-h)} .page-danslar .s-sub{font-size:16px;color:var(--text-b);line-height:1.8;font-weight:400;margin-bottom:36px} .page-danslar .egitmenler .s-h2{white-space:nowrap;font-size:clamp(24px,3.2vw,52px)} .page-danslar .surec .grad{background:linear-gradient(135deg,#ffffff 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-danslar.sw section .tab-bar, .page-danslar.sw section .ck-tabs{background:none;border:none;box-shadow:none} .page-danslar.sw section .tab-btn, .page-danslar.sw section .ck-tab-btn{border:1px solid rgba(0,0,0,.14);color:#777;background:transparent} .page-danslar.sw section .tab-btn.active, .page-danslar.sw section .ck-tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold)} .page-danslar.sw section .tab-btn:hover:not(.active), .page-danslar.sw section .ck-tab-btn:hover:not(.active){border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} .page-danslar.sw section{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;position:relative;color:var(--text-h);border-bottom:2px solid var(--gold)} .page-danslar.sw section .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center} .page-danslar.sw section .s-h2{text-align:center} .page-danslar.sw section .s-sub{text-align:center;margin-left:auto;margin-right:auto} .page-danslar.sw section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,#D4A017 50%,var(--gold) 70%,transparent 100%)} .page-danslar.sw section .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 45%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-danslar.sw section .grad-g{background:linear-gradient(135deg,#b8820a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-danslar.sw section .s-box::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-danslar.sw .prg-tunnel-sec{background:#f8f5ef} .page-danslar.sw .prg-tunnel-sec::before{display:none} .page-danslar.sw .prg-tunnel-h{color:#050816} .page-danslar.sw .prg-tunnel-step-h{color:#050816} .page-danslar.sw .prg-tunnel-step-p{color:rgba(5,8,22,.6)} .page-danslar.sw .prg-tunnel-num{color:rgba(201,168,76,.85)} .page-danslar.sw .prg-step-orb{background:rgba(201,168,76,.1);color:#050816;border-color:rgba(201,168,76,.45)} .page-danslar.sw .prg-tunnel-step:hover .prg-step-orb{background:rgba(201,168,76,.2);color:#050816} .page-danslar.sw .prg-tunnel-tag{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.3);color:#4a3800} .page-danslar.sw section .step-n{background:#111111;color:#ffffff;border-color:var(--gold)} .page-danslar.sw section .proc-step:hover .step-n{background:#1a1a1a;border-color:var(--gold);box-shadow:0 0 24px rgba(201,168,76,.35)} .page-danslar.sw section .proc-line::before{background:linear-gradient(90deg,transparent,var(--gold) 30%,#D4A017 70%,transparent)} .page-danslar.sw section .ck-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-danslar.sw section .ck-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 40px rgba(201,168,76,.08)} .page-danslar.sw section .ck-card::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-danslar.sw section .ck-styles{background:rgba(201,168,76,.12);border-left:2px solid var(--gold)} .page-danslar.sw section .ck-strip{background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.22)} .page-danslar.sw section .ck-pill{border-right-color:rgba(0,0,0,.1)} .page-danslar.sw section .tag{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);color:#666} .page-danslar.sw section .tag-g{border-color:rgba(201,168,76,.35);color:var(--gold);background:rgba(201,168,76,.07)} .page-danslar.sw section .org-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-danslar.sw section .org-card::before{opacity:0} .page-danslar.sw section .org-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1);transform:translateY(-6px)} .page-danslar.sw section .org-card:hover::before{opacity:1} .page-danslar.sw section .prg-pkg{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-danslar.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1)} .page-danslar.sw section .prg-pkg-top{border-bottom-color:rgba(0,0,0,.1)} .page-danslar.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.04)} .page-danslar.sw section .prg-pkg-feat .prg-pkg-list li{color:var(--text-b)} .page-danslar.sw section .glr-item{border:1px solid rgba(201,168,76,.18)} .page-danslar.sw section .glr-item:hover{border-color:rgba(201,168,76,.45);box-shadow:0 28px 72px rgba(0,0,0,.2),0 0 0 1px rgba(201,168,76,.28)} .page-danslar.sw section .glr-cap{color:#fff} .page-danslar.sw section .tab-btn{border:1px solid rgba(0,0,0,.14);color:var(--text-b);background:transparent} .page-danslar.sw section .tab-btn:hover{border-color:rgba(201,168,76,.5);color:var(--gold);background:rgba(201,168,76,.06)} .page-danslar.sw section .tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold);box-shadow:0 0 22px rgba(201,168,76,.12)} .page-danslar.sw section .ck-age-a{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.4);color:#4338ca} .page-danslar.sw section .ck-age-c{background:rgba(219,39,119,.1);border:1px solid rgba(219,39,119,.4);color:#9d174d} .page-danslar.sw section:not(.cta) .btn-g{border-color:rgba(0,0,0,.28);color:#3a3a3a;background:rgba(0,0,0,.05)} .page-danslar .cta .btn-g{border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.88);background:rgba(255,255,255,.07)} .page-danslar .cta .btn-g:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-2px)} .page-danslar.sw section:not(.cta) .btn-g:hover{background:rgba(0,0,0,.09);border-color:rgba(0,0,0,.36);color:#111} .page-danslar.sw section .ck-info{border-top-color:rgba(0,0,0,.1)} .page-danslar .surec .grad-g{background:linear-gradient(135deg,var(--gold),#D4A017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-danslar .kurslar>.sc{position:relative} .page-danslar.sw section.pg-content{padding:36px 36px 28px} .page-danslar.sw section.pg-content .sc{background:#f4f3f0;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-danslar .dans-bolumu .sc, .page-danslar .kurslar .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-danslar .egitmenler .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;position:relative;--card-bg:#ffffff} .page-danslar .prg-pkg .btn{margin-top:auto} html[data-theme="light"] .page-danslar .surec .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-danslar .cta .btn-g{border-color:rgba(0,0,0,.22);color:#374151;background:rgba(0,0,0,.06)} html[data-theme="light"] .page-danslar .cta .btn-g:hover{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.3);color:#0a0a14} /* ─ .sw section (sayfa .page-X atasıyla): beyazdan koyuya ─ */ html[data-theme="light"] .page-danslar.sw section{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06)} html[data-theme="light"] .page-danslar.sw section h1, html[data-theme="light"] .page-danslar.sw section h2, html[data-theme="light"] .page-danslar.sw section h3, html[data-theme="light"] .page-danslar.sw section h4{color:#ffffff} html[data-theme="light"] .page-danslar.sw section p{color:#c8d4e4} html[data-theme="light"] .page-danslar.sw section .s-label{color:var(--gold)} html[data-theme="light"] .page-danslar.sw section.pg-content .sc, html[data-theme="light"] .page-danslar .dans-bolumu .sc, html[data-theme="light"] .page-danslar .kurslar .sc, html[data-theme="light"] .page-danslar .egitmenler .sc{background:#050816;border-color:rgba(201,168,76,.14);box-shadow:0 4px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04) inset;--card-bg:rgba(255,255,255,.04)} html[data-theme="light"] .page-danslar.sw section .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-danslar.sw section .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-danslar.sw .prg-tunnel-sec{background:#050816} html[data-theme="light"] .page-danslar.sw .prg-tunnel-h, html[data-theme="light"] .page-danslar.sw .prg-tunnel-step-h{color:#fff} html[data-theme="light"] .page-danslar.sw .prg-tunnel-step-p{color:rgba(191,200,216,.8)} html[data-theme="light"] .page-danslar.sw .prg-step-orb{background:rgba(201,168,76,.07);color:#fff;border-color:rgba(201,168,76,.3)} html[data-theme="light"] .page-danslar.sw .prg-tunnel-tag{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.22);color:var(--gold)} html[data-theme="light"] .page-danslar.sw section .step-n{background:rgba(255,255,255,.08);color:#fff;border-color:var(--gold)} html[data-theme="light"] .page-danslar.sw section .proc-step:hover .step-n{background:rgba(201,168,76,.1);border-color:var(--gold)} html[data-theme="light"] .page-danslar.sw section .dbs-main-tabs{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)} html[data-theme="light"] .page-danslar.sw section .ck-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-danslar.sw section .ck-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 40px rgba(201,168,76,.1)} html[data-theme="light"] .page-danslar.sw section .ck-strip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} html[data-theme="light"] .page-danslar.sw section .ck-pill{border-right-color:rgba(255,255,255,.1)} html[data-theme="light"] .page-danslar.sw section .tag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--text-b)} html[data-theme="light"] .page-danslar.sw section .tag-g{border-color:rgba(201,168,76,.32);color:var(--gold);background:rgba(201,168,76,.1)} html[data-theme="light"] .page-danslar.sw section .hbr-tl-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)} html[data-theme="light"] .page-danslar.sw section .hbr-tl-card:hover{border-color:rgba(201,168,76,.45)} html[data-theme="light"] .page-danslar.sw section .org-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-danslar.sw section .org-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45);transform:translateY(-6px)} html[data-theme="light"] .page-danslar.sw section .prg-pkg{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-danslar.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.4)} html[data-theme="light"] .page-danslar.sw section .prg-pkg-top{border-bottom-color:rgba(255,255,255,.07)} html[data-theme="light"] .page-danslar.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.35);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-danslar.sw section .glr-item{border:1px solid rgba(255,255,255,.07)} html[data-theme="light"] .page-danslar.sw section .glr-item:hover{border-color:rgba(201,168,76,.4);box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 1px rgba(201,168,76,.28)} html[data-theme="light"] .page-danslar.sw section .tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-danslar.sw section .tab-btn:hover{border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-danslar.sw section .tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-danslar.sw section .ck-tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-danslar.sw section .ck-tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-danslar.sw section .ck-age-a{background:rgba(79,70,229,.12);border:1px solid rgba(79,70,229,.4);color:#a5b4fc} html[data-theme="light"] .page-danslar.sw section .ck-age-c{background:rgba(219,39,119,.12);border:1px solid rgba(219,39,119,.4);color:#f9a8d4} html[data-theme="light"] .page-danslar.sw section:not(.cta) .btn-g{border-color:rgba(255,255,255,.16);color:var(--text-b);background:rgba(255,255,255,.04)} html[data-theme="light"] .page-danslar.sw section:not(.cta) .btn-g:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff} html[data-theme="light"] .page-danslar.sw section .ck-info{border-top-color:rgba(255,255,255,.08)} html[data-theme="light"] .page-danslar .iletisim-contact-sec .grad, html[data-theme="light"] .page-danslar .iletisim-pg-hero .grad{background:linear-gradient(135deg,#fff 0%,#C9A84C 45%,#b87d00 100%);background-clip:text;-webkit-background-clip:text} /* -- dans-detay.html -- */ .page-dans-detay .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-dans-detay .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-dans-detay .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-dans-detay .btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s} .page-dans-detay .btn-gold:hover::before{left:100%} .page-dans-detay .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-dans-detay .btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none} .page-dans-detay .btn-g{background:transparent;color:var(--text-b);border:1px solid var(--line)} .page-dans-detay .btn-g:hover{background:var(--card-bg);color:var(--text-h);border-color:rgba(255,255,255,.15);transform:translateY(-2px)} .page-dans-detay .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-dans-detay .btn-glow{position:relative} .page-dans-detay .btn-glow::after{content:'';position:absolute;inset:-4px;border-radius:18px;background:linear-gradient(135deg,#111,var(--gold));z-index:-1;opacity:0;filter:blur(14px);transition:opacity .4s} .page-dans-detay .btn-glow:hover::after{opacity:.5} .page-dans-detay .btn:hover .arr{transform:translateX(4px)} .page-dans-detay .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-dans-detay .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-dans-detay .s-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:18px} .page-dans-detay .s-label::before{content:'';width:20px;height:1px;background:var(--gold)} .page-dans-detay.sw section .ck-card::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;border-radius:inherit} .page-dans-detay.sw section .ck-card:hover::after{animation:shimmerSwipe .65s ease forwards} .page-dans-detay .hero-default .btn-g{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.4)} .page-dans-detay .hero-default .btn-g:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff;transform:translateY(-2px)} .page-dans-detay .hero-default .btn-gold{text-shadow:0 1px 8px rgba(0,0,0,.3)} .page-dans-detay.sw{position:relative;z-index:10;overflow-x:hidden} .page-dans-detay .sc{max-width:1400px;margin:0 auto;padding:48px 60px} .page-dans-detay .s-h2{font-size:clamp(34px,4vw,60px);margin-bottom:16px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-h)} .page-dans-detay .s-sub{font-size:16px;color:var(--text-b);max-width:520px;line-height:1.8;font-weight:400;margin-bottom:36px} .page-dans-detay .egitmenler .s-h2{white-space:nowrap;font-size:clamp(24px,3.2vw,52px)} .page-dans-detay .surec .grad{background:linear-gradient(135deg,#ffffff 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-dans-detay.sw section .tab-bar, .page-dans-detay.sw section .ck-tabs{background:none;border:none;box-shadow:none} .page-dans-detay.sw section .tab-btn, .page-dans-detay.sw section .ck-tab-btn{border:1px solid rgba(0,0,0,.14);color:#777;background:transparent} .page-dans-detay.sw section .tab-btn.active, .page-dans-detay.sw section .ck-tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold)} .page-dans-detay.sw section .tab-btn:hover:not(.active), .page-dans-detay.sw section .ck-tab-btn:hover:not(.active){border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} .page-dans-detay.sw section{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;position:relative;color:var(--text-h);border-bottom:2px solid var(--gold)} .page-dans-detay.sw section .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center} .page-dans-detay.sw section .s-h2{text-align:center} .page-dans-detay.sw section .s-sub{text-align:center;margin-left:auto;margin-right:auto} .page-dans-detay.sw section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,#D4A017 50%,var(--gold) 70%,transparent 100%)} .page-dans-detay.sw section .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 45%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-dans-detay.sw section .grad-g{background:linear-gradient(135deg,#b8820a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-dans-detay.sw section .s-box::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-dans-detay.sw .prg-tunnel-sec{background:#f8f5ef} .page-dans-detay.sw .prg-tunnel-sec::before{display:none} .page-dans-detay.sw .prg-tunnel-h{color:#050816} .page-dans-detay.sw .prg-tunnel-step-h{color:#050816} .page-dans-detay.sw .prg-tunnel-step-p{color:rgba(5,8,22,.6)} .page-dans-detay.sw .prg-tunnel-num{color:rgba(201,168,76,.85)} .page-dans-detay.sw .prg-step-orb{background:rgba(201,168,76,.1);color:#050816;border-color:rgba(201,168,76,.45)} .page-dans-detay.sw .prg-tunnel-step:hover .prg-step-orb{background:rgba(201,168,76,.2);color:#050816} .page-dans-detay.sw .prg-tunnel-tag{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.3);color:#4a3800} .page-dans-detay.sw section .step-n{background:#111111;color:#ffffff;border-color:var(--gold)} .page-dans-detay.sw section .proc-step:hover .step-n{background:#1a1a1a;border-color:var(--gold);box-shadow:0 0 24px rgba(201,168,76,.35)} .page-dans-detay.sw section .proc-line::before{background:linear-gradient(90deg,transparent,var(--gold) 30%,#D4A017 70%,transparent)} .page-dans-detay.sw section .ck-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-dans-detay.sw section .ck-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 40px rgba(201,168,76,.08)} .page-dans-detay.sw section .ck-card::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-dans-detay.sw section .ck-styles{background:rgba(201,168,76,.12);border-left:2px solid var(--gold)} .page-dans-detay.sw section .ck-strip{background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.22)} .page-dans-detay.sw section .ck-pill{border-right-color:rgba(0,0,0,.1)} .page-dans-detay.sw section .tag{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);color:#666} .page-dans-detay.sw section .tag-g{border-color:rgba(201,168,76,.35);color:var(--gold);background:rgba(201,168,76,.07)} .page-dans-detay.sw section .org-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-dans-detay.sw section .org-card::before{opacity:0} .page-dans-detay.sw section .org-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1);transform:translateY(-6px)} .page-dans-detay.sw section .org-card:hover::before{opacity:1} .page-dans-detay.sw section .prg-pkg{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-dans-detay.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1)} .page-dans-detay.sw section .prg-pkg-top{border-bottom-color:rgba(0,0,0,.1)} .page-dans-detay.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.04)} .page-dans-detay.sw section .prg-pkg-feat .prg-pkg-list li{color:var(--text-b)} .page-dans-detay.sw section .glr-item{border:1px solid rgba(201,168,76,.18)} .page-dans-detay.sw section .glr-item:hover{border-color:rgba(201,168,76,.45);box-shadow:0 28px 72px rgba(0,0,0,.2),0 0 0 1px rgba(201,168,76,.28)} .page-dans-detay.sw section .glr-cap{color:#fff} .page-dans-detay.sw section .tab-btn{border:1px solid rgba(0,0,0,.14);color:var(--text-b);background:transparent} .page-dans-detay.sw section .tab-btn:hover{border-color:rgba(201,168,76,.5);color:var(--gold);background:rgba(201,168,76,.06)} .page-dans-detay.sw section .tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold);box-shadow:0 0 22px rgba(201,168,76,.12)} .page-dans-detay.sw section .ck-age-a{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.4);color:#4338ca} .page-dans-detay.sw section .ck-age-c{background:rgba(219,39,119,.1);border:1px solid rgba(219,39,119,.4);color:#9d174d} .page-dans-detay.sw section:not(.cta) .btn-g{border-color:rgba(0,0,0,.28);color:#3a3a3a;background:rgba(0,0,0,.05)} .page-dans-detay .cta .btn-g{border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.88);background:rgba(255,255,255,.07)} .page-dans-detay .cta .btn-g:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-2px)} .page-dans-detay.sw section:not(.cta) .btn-g:hover{background:rgba(0,0,0,.09);border-color:rgba(0,0,0,.36);color:#111} .page-dans-detay.sw section .ck-info{border-top-color:rgba(0,0,0,.1)} .page-dans-detay .surec .grad-g{background:linear-gradient(135deg,var(--gold),#D4A017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-dans-detay .kurslar>.sc{position:relative} .page-dans-detay.sw section.pg-content{padding:36px 36px 28px} .page-dans-detay.sw section.pg-content .sc{background:#f4f3f0;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-dans-detay .dans-bolumu .sc, .page-dans-detay .kurslar .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-dans-detay .egitmenler .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;position:relative;--card-bg:#ffffff} .page-dans-detay .prg-pkg .btn{margin-top:auto} html[data-theme="light"] .page-dans-detay .surec .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-dans-detay .cta .btn-g{border-color:rgba(0,0,0,.22);color:#374151;background:rgba(0,0,0,.06)} html[data-theme="light"] .page-dans-detay .cta .btn-g:hover{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.3);color:#0a0a14} /* ─ .sw section (sayfa .page-X atasıyla): beyazdan koyuya ─ */ html[data-theme="light"] .page-dans-detay.sw section{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06)} html[data-theme="light"] .page-dans-detay.sw section h1, html[data-theme="light"] .page-dans-detay.sw section h2, html[data-theme="light"] .page-dans-detay.sw section h3, html[data-theme="light"] .page-dans-detay.sw section h4{color:#ffffff} html[data-theme="light"] .page-dans-detay.sw section p{color:#c8d4e4} html[data-theme="light"] .page-dans-detay.sw section .s-label{color:var(--gold)} html[data-theme="light"] .page-dans-detay.sw section.pg-content .sc, html[data-theme="light"] .page-dans-detay .dans-bolumu .sc, html[data-theme="light"] .page-dans-detay .kurslar .sc, html[data-theme="light"] .page-dans-detay .egitmenler .sc{background:#050816;border-color:rgba(201,168,76,.14);box-shadow:0 4px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04) inset;--card-bg:rgba(255,255,255,.04)} html[data-theme="light"] .page-dans-detay.sw section .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-dans-detay.sw section .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-dans-detay.sw .prg-tunnel-sec{background:#050816} html[data-theme="light"] .page-dans-detay.sw .prg-tunnel-h, html[data-theme="light"] .page-dans-detay.sw .prg-tunnel-step-h{color:#fff} html[data-theme="light"] .page-dans-detay.sw .prg-tunnel-step-p{color:rgba(191,200,216,.8)} html[data-theme="light"] .page-dans-detay.sw .prg-step-orb{background:rgba(201,168,76,.07);color:#fff;border-color:rgba(201,168,76,.3)} html[data-theme="light"] .page-dans-detay.sw .prg-tunnel-tag{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.22);color:var(--gold)} html[data-theme="light"] .page-dans-detay.sw section .step-n{background:rgba(255,255,255,.08);color:#fff;border-color:var(--gold)} html[data-theme="light"] .page-dans-detay.sw section .proc-step:hover .step-n{background:rgba(201,168,76,.1);border-color:var(--gold)} html[data-theme="light"] .page-dans-detay.sw section .dbs-main-tabs{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)} html[data-theme="light"] .page-dans-detay.sw section .ck-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-dans-detay.sw section .ck-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 40px rgba(201,168,76,.1)} html[data-theme="light"] .page-dans-detay.sw section .ck-strip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} html[data-theme="light"] .page-dans-detay.sw section .ck-pill{border-right-color:rgba(255,255,255,.1)} html[data-theme="light"] .page-dans-detay.sw section .tag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--text-b)} html[data-theme="light"] .page-dans-detay.sw section .tag-g{border-color:rgba(201,168,76,.32);color:var(--gold);background:rgba(201,168,76,.1)} html[data-theme="light"] .page-dans-detay.sw section .hbr-tl-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)} html[data-theme="light"] .page-dans-detay.sw section .hbr-tl-card:hover{border-color:rgba(201,168,76,.45)} html[data-theme="light"] .page-dans-detay.sw section .org-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-dans-detay.sw section .org-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45);transform:translateY(-6px)} html[data-theme="light"] .page-dans-detay.sw section .prg-pkg{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-dans-detay.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.4)} html[data-theme="light"] .page-dans-detay.sw section .prg-pkg-top{border-bottom-color:rgba(255,255,255,.07)} html[data-theme="light"] .page-dans-detay.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.35);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-dans-detay.sw section .glr-item{border:1px solid rgba(255,255,255,.07)} html[data-theme="light"] .page-dans-detay.sw section .glr-item:hover{border-color:rgba(201,168,76,.4);box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 1px rgba(201,168,76,.28)} html[data-theme="light"] .page-dans-detay.sw section .tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-dans-detay.sw section .tab-btn:hover{border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-dans-detay.sw section .tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-dans-detay.sw section .ck-tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-dans-detay.sw section .ck-tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-dans-detay.sw section .ck-age-a{background:rgba(79,70,229,.12);border:1px solid rgba(79,70,229,.4);color:#a5b4fc} html[data-theme="light"] .page-dans-detay.sw section .ck-age-c{background:rgba(219,39,119,.12);border:1px solid rgba(219,39,119,.4);color:#f9a8d4} html[data-theme="light"] .page-dans-detay.sw section:not(.cta) .btn-g{border-color:rgba(255,255,255,.16);color:var(--text-b);background:rgba(255,255,255,.04)} html[data-theme="light"] .page-dans-detay.sw section:not(.cta) .btn-g:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff} html[data-theme="light"] .page-dans-detay.sw section .ck-info{border-top-color:rgba(255,255,255,.08)} html[data-theme="light"] .page-dans-detay .iletisim-contact-sec .grad, html[data-theme="light"] .page-dans-detay .iletisim-pg-hero .grad{background:linear-gradient(135deg,#fff 0%,#C9A84C 45%,#b87d00 100%);background-clip:text;-webkit-background-clip:text} /* -- cocuk-detay.html -- */ .page-cocuk-detay .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-cocuk-detay .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-cocuk-detay .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-cocuk-detay .btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s} .page-cocuk-detay .btn-gold:hover::before{left:100%} .page-cocuk-detay .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-cocuk-detay .btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none} .page-cocuk-detay .btn-g{background:transparent;color:var(--text-b);border:1px solid var(--line)} .page-cocuk-detay .btn-g:hover{background:var(--card-bg);color:var(--text-h);border-color:rgba(255,255,255,.15);transform:translateY(-2px)} .page-cocuk-detay .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-cocuk-detay .btn-glow{position:relative} .page-cocuk-detay .btn-glow::after{content:'';position:absolute;inset:-4px;border-radius:18px;background:linear-gradient(135deg,#111,var(--gold));z-index:-1;opacity:0;filter:blur(14px);transition:opacity .4s} .page-cocuk-detay .btn-glow:hover::after{opacity:.5} .page-cocuk-detay .btn:hover .arr{transform:translateX(4px)} .page-cocuk-detay .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-cocuk-detay .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-cocuk-detay .s-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:18px} .page-cocuk-detay .s-label::before{content:'';width:20px;height:1px;background:var(--gold)} .page-cocuk-detay.sw section .ck-card::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;border-radius:inherit} .page-cocuk-detay.sw section .ck-card:hover::after{animation:shimmerSwipe .65s ease forwards} .page-cocuk-detay .hero-default .btn-g{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.4)} .page-cocuk-detay .hero-default .btn-g:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff;transform:translateY(-2px)} .page-cocuk-detay .hero-default .btn-gold{text-shadow:0 1px 8px rgba(0,0,0,.3)} .page-cocuk-detay.sw{position:relative;z-index:10;overflow-x:hidden} .page-cocuk-detay .sc{max-width:1400px;margin:0 auto;padding:48px 60px} .page-cocuk-detay .s-h2{font-size:clamp(34px,4vw,60px);margin-bottom:16px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-h)} .page-cocuk-detay .s-sub{font-size:16px;color:var(--text-b);max-width:520px;line-height:1.8;font-weight:400;margin-bottom:36px} .page-cocuk-detay .egitmenler .s-h2{white-space:nowrap;font-size:clamp(24px,3.2vw,52px)} .page-cocuk-detay .surec .grad{background:linear-gradient(135deg,#ffffff 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-cocuk-detay.sw section .tab-bar, .page-cocuk-detay.sw section .ck-tabs{background:none;border:none;box-shadow:none} .page-cocuk-detay.sw section .tab-btn, .page-cocuk-detay.sw section .ck-tab-btn{border:1px solid rgba(0,0,0,.14);color:#777;background:transparent} .page-cocuk-detay.sw section .tab-btn.active, .page-cocuk-detay.sw section .ck-tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold)} .page-cocuk-detay.sw section .tab-btn:hover:not(.active), .page-cocuk-detay.sw section .ck-tab-btn:hover:not(.active){border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} .page-cocuk-detay.sw section{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;position:relative;color:var(--text-h);border-bottom:2px solid var(--gold)} .page-cocuk-detay.sw section .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center} .page-cocuk-detay.sw section .s-h2{text-align:center} .page-cocuk-detay.sw section .s-sub{text-align:center;margin-left:auto;margin-right:auto} .page-cocuk-detay.sw section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,#D4A017 50%,var(--gold) 70%,transparent 100%)} .page-cocuk-detay.sw section .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 45%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-cocuk-detay.sw section .grad-g{background:linear-gradient(135deg,#b8820a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-cocuk-detay.sw section .s-box::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-cocuk-detay.sw .prg-tunnel-sec{background:#f8f5ef} .page-cocuk-detay.sw .prg-tunnel-sec::before{display:none} .page-cocuk-detay.sw .prg-tunnel-h{color:#050816} .page-cocuk-detay.sw .prg-tunnel-step-h{color:#050816} .page-cocuk-detay.sw .prg-tunnel-step-p{color:rgba(5,8,22,.6)} .page-cocuk-detay.sw .prg-tunnel-num{color:rgba(201,168,76,.85)} .page-cocuk-detay.sw .prg-step-orb{background:rgba(201,168,76,.1);color:#050816;border-color:rgba(201,168,76,.45)} .page-cocuk-detay.sw .prg-tunnel-step:hover .prg-step-orb{background:rgba(201,168,76,.2);color:#050816} .page-cocuk-detay.sw .prg-tunnel-tag{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.3);color:#4a3800} .page-cocuk-detay.sw section .step-n{background:#111111;color:#ffffff;border-color:var(--gold)} .page-cocuk-detay.sw section .proc-step:hover .step-n{background:#1a1a1a;border-color:var(--gold);box-shadow:0 0 24px rgba(201,168,76,.35)} .page-cocuk-detay.sw section .proc-line::before{background:linear-gradient(90deg,transparent,var(--gold) 30%,#D4A017 70%,transparent)} .page-cocuk-detay.sw section .ck-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-cocuk-detay.sw section .ck-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 40px rgba(201,168,76,.08)} .page-cocuk-detay.sw section .ck-card::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-cocuk-detay.sw section .ck-styles{background:rgba(201,168,76,.12);border-left:2px solid var(--gold)} .page-cocuk-detay.sw section .ck-strip{background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.22)} .page-cocuk-detay.sw section .ck-pill{border-right-color:rgba(0,0,0,.1)} .page-cocuk-detay.sw section .tag{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);color:#666} .page-cocuk-detay.sw section .tag-g{border-color:rgba(201,168,76,.35);color:var(--gold);background:rgba(201,168,76,.07)} .page-cocuk-detay.sw section .org-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-cocuk-detay.sw section .org-card::before{opacity:0} .page-cocuk-detay.sw section .org-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1);transform:translateY(-6px)} .page-cocuk-detay.sw section .org-card:hover::before{opacity:1} .page-cocuk-detay.sw section .prg-pkg{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-cocuk-detay.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1)} .page-cocuk-detay.sw section .prg-pkg-top{border-bottom-color:rgba(0,0,0,.1)} .page-cocuk-detay.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.04)} .page-cocuk-detay.sw section .prg-pkg-feat .prg-pkg-list li{color:var(--text-b)} .page-cocuk-detay.sw section .glr-item{border:1px solid rgba(201,168,76,.18)} .page-cocuk-detay.sw section .glr-item:hover{border-color:rgba(201,168,76,.45);box-shadow:0 28px 72px rgba(0,0,0,.2),0 0 0 1px rgba(201,168,76,.28)} .page-cocuk-detay.sw section .glr-cap{color:#fff} .page-cocuk-detay.sw section .tab-btn{border:1px solid rgba(0,0,0,.14);color:var(--text-b);background:transparent} .page-cocuk-detay.sw section .tab-btn:hover{border-color:rgba(201,168,76,.5);color:var(--gold);background:rgba(201,168,76,.06)} .page-cocuk-detay.sw section .tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold);box-shadow:0 0 22px rgba(201,168,76,.12)} .page-cocuk-detay.sw section .ck-age-a{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.4);color:#4338ca} .page-cocuk-detay.sw section .ck-age-c{background:rgba(219,39,119,.1);border:1px solid rgba(219,39,119,.4);color:#9d174d} .page-cocuk-detay.sw section:not(.cta) .btn-g{border-color:rgba(0,0,0,.28);color:#3a3a3a;background:rgba(0,0,0,.05)} .page-cocuk-detay .cta .btn-g{border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.88);background:rgba(255,255,255,.07)} .page-cocuk-detay .cta .btn-g:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-2px)} .page-cocuk-detay.sw section:not(.cta) .btn-g:hover{background:rgba(0,0,0,.09);border-color:rgba(0,0,0,.36);color:#111} .page-cocuk-detay.sw section .ck-info{border-top-color:rgba(0,0,0,.1)} .page-cocuk-detay .surec .grad-g{background:linear-gradient(135deg,var(--gold),#D4A017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-cocuk-detay .kurslar>.sc{position:relative} .page-cocuk-detay.sw section.pg-content{padding:36px 36px 28px} .page-cocuk-detay.sw section.pg-content .sc{background:#f4f3f0;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-cocuk-detay .dans-bolumu .sc, .page-cocuk-detay .kurslar .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-cocuk-detay .egitmenler .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;position:relative;--card-bg:#ffffff} .page-cocuk-detay .prg-pkg .btn{margin-top:auto} html[data-theme="light"] .page-cocuk-detay .surec .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-cocuk-detay .cta .btn-g{border-color:rgba(0,0,0,.22);color:#374151;background:rgba(0,0,0,.06)} html[data-theme="light"] .page-cocuk-detay .cta .btn-g:hover{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.3);color:#0a0a14} /* ─ .sw section (sayfa .page-X atasıyla): beyazdan koyuya ─ */ html[data-theme="light"] .page-cocuk-detay.sw section{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06)} html[data-theme="light"] .page-cocuk-detay.sw section h1, html[data-theme="light"] .page-cocuk-detay.sw section h2, html[data-theme="light"] .page-cocuk-detay.sw section h3, html[data-theme="light"] .page-cocuk-detay.sw section h4{color:#ffffff} html[data-theme="light"] .page-cocuk-detay.sw section p{color:#c8d4e4} html[data-theme="light"] .page-cocuk-detay.sw section .s-label{color:var(--gold)} html[data-theme="light"] .page-cocuk-detay.sw section.pg-content .sc, html[data-theme="light"] .page-cocuk-detay .dans-bolumu .sc, html[data-theme="light"] .page-cocuk-detay .kurslar .sc, html[data-theme="light"] .page-cocuk-detay .egitmenler .sc{background:#050816;border-color:rgba(201,168,76,.14);box-shadow:0 4px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04) inset;--card-bg:rgba(255,255,255,.04)} html[data-theme="light"] .page-cocuk-detay.sw section .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-cocuk-detay.sw section .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-cocuk-detay.sw .prg-tunnel-sec{background:#050816} html[data-theme="light"] .page-cocuk-detay.sw .prg-tunnel-h, html[data-theme="light"] .page-cocuk-detay.sw .prg-tunnel-step-h{color:#fff} html[data-theme="light"] .page-cocuk-detay.sw .prg-tunnel-step-p{color:rgba(191,200,216,.8)} html[data-theme="light"] .page-cocuk-detay.sw .prg-step-orb{background:rgba(201,168,76,.07);color:#fff;border-color:rgba(201,168,76,.3)} html[data-theme="light"] .page-cocuk-detay.sw .prg-tunnel-tag{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.22);color:var(--gold)} html[data-theme="light"] .page-cocuk-detay.sw section .step-n{background:rgba(255,255,255,.08);color:#fff;border-color:var(--gold)} html[data-theme="light"] .page-cocuk-detay.sw section .proc-step:hover .step-n{background:rgba(201,168,76,.1);border-color:var(--gold)} html[data-theme="light"] .page-cocuk-detay.sw section .dbs-main-tabs{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)} html[data-theme="light"] .page-cocuk-detay.sw section .ck-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-cocuk-detay.sw section .ck-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 40px rgba(201,168,76,.1)} html[data-theme="light"] .page-cocuk-detay.sw section .ck-strip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} html[data-theme="light"] .page-cocuk-detay.sw section .ck-pill{border-right-color:rgba(255,255,255,.1)} html[data-theme="light"] .page-cocuk-detay.sw section .tag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--text-b)} html[data-theme="light"] .page-cocuk-detay.sw section .tag-g{border-color:rgba(201,168,76,.32);color:var(--gold);background:rgba(201,168,76,.1)} html[data-theme="light"] .page-cocuk-detay.sw section .hbr-tl-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)} html[data-theme="light"] .page-cocuk-detay.sw section .hbr-tl-card:hover{border-color:rgba(201,168,76,.45)} html[data-theme="light"] .page-cocuk-detay.sw section .org-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-cocuk-detay.sw section .org-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45);transform:translateY(-6px)} html[data-theme="light"] .page-cocuk-detay.sw section .prg-pkg{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-cocuk-detay.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.4)} html[data-theme="light"] .page-cocuk-detay.sw section .prg-pkg-top{border-bottom-color:rgba(255,255,255,.07)} html[data-theme="light"] .page-cocuk-detay.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.35);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-cocuk-detay.sw section .glr-item{border:1px solid rgba(255,255,255,.07)} html[data-theme="light"] .page-cocuk-detay.sw section .glr-item:hover{border-color:rgba(201,168,76,.4);box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 1px rgba(201,168,76,.28)} html[data-theme="light"] .page-cocuk-detay.sw section .tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-cocuk-detay.sw section .tab-btn:hover{border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-cocuk-detay.sw section .tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-cocuk-detay.sw section .ck-tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-cocuk-detay.sw section .ck-tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-cocuk-detay.sw section .ck-age-a{background:rgba(79,70,229,.12);border:1px solid rgba(79,70,229,.4);color:#a5b4fc} html[data-theme="light"] .page-cocuk-detay.sw section .ck-age-c{background:rgba(219,39,119,.12);border:1px solid rgba(219,39,119,.4);color:#f9a8d4} html[data-theme="light"] .page-cocuk-detay.sw section:not(.cta) .btn-g{border-color:rgba(255,255,255,.16);color:var(--text-b);background:rgba(255,255,255,.04)} html[data-theme="light"] .page-cocuk-detay.sw section:not(.cta) .btn-g:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff} html[data-theme="light"] .page-cocuk-detay.sw section .ck-info{border-top-color:rgba(255,255,255,.08)} html[data-theme="light"] .page-cocuk-detay .iletisim-contact-sec .grad, html[data-theme="light"] .page-cocuk-detay .iletisim-pg-hero .grad{background:linear-gradient(135deg,#fff 0%,#C9A84C 45%,#b87d00 100%);background-clip:text;-webkit-background-clip:text} /* -- galeri.html -- */ .page-galeri .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-galeri .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-galeri .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-galeri .btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s} .page-galeri .btn-gold:hover::before{left:100%} .page-galeri .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-galeri .btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none} .page-galeri .btn-g{background:transparent;color:var(--text-b);border:1px solid var(--line)} .page-galeri .btn-g:hover{background:var(--card-bg);color:var(--text-h);border-color:rgba(255,255,255,.15);transform:translateY(-2px)} .page-galeri .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-galeri .btn-glow{position:relative} .page-galeri .btn-glow::after{content:'';position:absolute;inset:-4px;border-radius:18px;background:linear-gradient(135deg,#111,var(--gold));z-index:-1;opacity:0;filter:blur(14px);transition:opacity .4s} .page-galeri .btn-glow:hover::after{opacity:.5} .page-galeri .btn:hover .arr{transform:translateX(4px)} .page-galeri .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-galeri .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-galeri .s-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:18px} .page-galeri .s-label::before{content:'';width:20px;height:1px;background:var(--gold)} .page-galeri.sw section .ck-card::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;border-radius:inherit} .page-galeri.sw section .ck-card:hover::after{animation:shimmerSwipe .65s ease forwards} .page-galeri .hero-default .btn-g{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.4)} .page-galeri .hero-default .btn-g:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff;transform:translateY(-2px)} .page-galeri .hero-default .btn-gold{text-shadow:0 1px 8px rgba(0,0,0,.3)} .page-galeri.sw{position:relative;z-index:10;overflow-x:hidden} .page-galeri .sc{max-width:1400px;margin:0 auto;padding:48px 60px} .page-galeri .s-h2{font-size:clamp(34px,4vw,60px);margin-bottom:16px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-h)} .page-galeri .s-sub{font-size:16px;color:var(--text-b);line-height:1.8;font-weight:400;margin-bottom:36px} .page-galeri .egitmenler .s-h2{white-space:nowrap;font-size:clamp(24px,3.2vw,52px)} .page-galeri .surec .grad{background:linear-gradient(135deg,#ffffff 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-galeri.sw section .tab-bar, .page-galeri.sw section .ck-tabs{background:none;border:none;box-shadow:none} .page-galeri.sw section .tab-btn, .page-galeri.sw section .ck-tab-btn{border:1px solid rgba(0,0,0,.14);color:#777;background:transparent} .page-galeri.sw section .tab-btn.active, .page-galeri.sw section .ck-tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold)} .page-galeri.sw section .tab-btn:hover:not(.active), .page-galeri.sw section .ck-tab-btn:hover:not(.active){border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} .page-galeri.sw section{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;position:relative;color:var(--text-h);border-bottom:2px solid var(--gold)} .page-galeri.sw section .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center} .page-galeri.sw section .s-h2{text-align:center} .page-galeri.sw section .s-sub{text-align:center;margin-left:auto;margin-right:auto} .page-galeri.sw section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,#D4A017 50%,var(--gold) 70%,transparent 100%)} .page-galeri.sw section .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 45%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-galeri.sw section .grad-g{background:linear-gradient(135deg,#b8820a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-galeri.sw section .s-box::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-galeri.sw .prg-tunnel-sec{background:#f8f5ef} .page-galeri.sw .prg-tunnel-sec::before{display:none} .page-galeri.sw .prg-tunnel-h{color:#050816} .page-galeri.sw .prg-tunnel-step-h{color:#050816} .page-galeri.sw .prg-tunnel-step-p{color:rgba(5,8,22,.6)} .page-galeri.sw .prg-tunnel-num{color:rgba(201,168,76,.85)} .page-galeri.sw .prg-step-orb{background:rgba(201,168,76,.1);color:#050816;border-color:rgba(201,168,76,.45)} .page-galeri.sw .prg-tunnel-step:hover .prg-step-orb{background:rgba(201,168,76,.2);color:#050816} .page-galeri.sw .prg-tunnel-tag{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.3);color:#4a3800} .page-galeri.sw section .step-n{background:#111111;color:#ffffff;border-color:var(--gold)} .page-galeri.sw section .proc-step:hover .step-n{background:#1a1a1a;border-color:var(--gold);box-shadow:0 0 24px rgba(201,168,76,.35)} .page-galeri.sw section .proc-line::before{background:linear-gradient(90deg,transparent,var(--gold) 30%,#D4A017 70%,transparent)} .page-galeri.sw section .ck-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-galeri.sw section .ck-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 40px rgba(201,168,76,.08)} .page-galeri.sw section .ck-card::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-galeri.sw section .ck-styles{background:rgba(201,168,76,.12);border-left:2px solid var(--gold)} .page-galeri.sw section .ck-strip{background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.22)} .page-galeri.sw section .ck-pill{border-right-color:rgba(0,0,0,.1)} .page-galeri.sw section .tag{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);color:#666} .page-galeri.sw section .tag-g{border-color:rgba(201,168,76,.35);color:var(--gold);background:rgba(201,168,76,.07)} .page-galeri.sw section .org-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-galeri.sw section .org-card::before{opacity:0} .page-galeri.sw section .org-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1);transform:translateY(-6px)} .page-galeri.sw section .org-card:hover::before{opacity:1} .page-galeri.sw section .prg-pkg{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-galeri.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1)} .page-galeri.sw section .prg-pkg-top{border-bottom-color:rgba(0,0,0,.1)} .page-galeri.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.04)} .page-galeri.sw section .prg-pkg-feat .prg-pkg-list li{color:var(--text-b)} .page-galeri.sw section .glr-item{border:1px solid rgba(201,168,76,.18)} .page-galeri.sw section .glr-item:hover{border-color:rgba(201,168,76,.45);box-shadow:0 28px 72px rgba(0,0,0,.2),0 0 0 1px rgba(201,168,76,.28)} .page-galeri.sw section .glr-cap{color:#fff} .page-galeri.sw section .tab-btn{border:1px solid rgba(0,0,0,.14);color:var(--text-b);background:transparent} .page-galeri.sw section .tab-btn:hover{border-color:rgba(201,168,76,.5);color:var(--gold);background:rgba(201,168,76,.06)} .page-galeri.sw section .tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold);box-shadow:0 0 22px rgba(201,168,76,.12)} .page-galeri.sw section .ck-age-a{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.4);color:#4338ca} .page-galeri.sw section .ck-age-c{background:rgba(219,39,119,.1);border:1px solid rgba(219,39,119,.4);color:#9d174d} .page-galeri.sw section:not(.cta) .btn-g{border-color:rgba(0,0,0,.28);color:#3a3a3a;background:rgba(0,0,0,.05)} .page-galeri .cta .btn-g{border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.88);background:rgba(255,255,255,.07)} .page-galeri .cta .btn-g:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-2px)} .page-galeri.sw section:not(.cta) .btn-g:hover{background:rgba(0,0,0,.09);border-color:rgba(0,0,0,.36);color:#111} .page-galeri.sw section .ck-info{border-top-color:rgba(0,0,0,.1)} .page-galeri .surec .grad-g{background:linear-gradient(135deg,var(--gold),#D4A017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-galeri .kurslar>.sc{position:relative} .page-galeri.sw section.pg-content{padding:36px 36px 28px} .page-galeri.sw section.pg-content .sc{background:#f4f3f0;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-galeri .dans-bolumu .sc, .page-galeri .kurslar .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-galeri .egitmenler .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;position:relative;--card-bg:#ffffff} .page-galeri .prg-pkg .btn{margin-top:auto} html[data-theme="light"] .page-galeri .surec .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-galeri .cta .btn-g{border-color:rgba(0,0,0,.22);color:#374151;background:rgba(0,0,0,.06)} html[data-theme="light"] .page-galeri .cta .btn-g:hover{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.3);color:#0a0a14} /* ─ .sw section (sayfa .page-X atasıyla): beyazdan koyuya ─ */ html[data-theme="light"] .page-galeri.sw section{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06)} html[data-theme="light"] .page-galeri.sw section h1, html[data-theme="light"] .page-galeri.sw section h2, html[data-theme="light"] .page-galeri.sw section h3, html[data-theme="light"] .page-galeri.sw section h4{color:#ffffff} html[data-theme="light"] .page-galeri.sw section p{color:#c8d4e4} html[data-theme="light"] .page-galeri.sw section .s-label{color:var(--gold)} html[data-theme="light"] .page-galeri.sw section.pg-content .sc, html[data-theme="light"] .page-galeri .dans-bolumu .sc, html[data-theme="light"] .page-galeri .kurslar .sc, html[data-theme="light"] .page-galeri .egitmenler .sc{background:#050816;border-color:rgba(201,168,76,.14);box-shadow:0 4px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04) inset;--card-bg:rgba(255,255,255,.04)} html[data-theme="light"] .page-galeri.sw section .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-galeri.sw section .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-galeri.sw .prg-tunnel-sec{background:#050816} html[data-theme="light"] .page-galeri.sw .prg-tunnel-h, html[data-theme="light"] .page-galeri.sw .prg-tunnel-step-h{color:#fff} html[data-theme="light"] .page-galeri.sw .prg-tunnel-step-p{color:rgba(191,200,216,.8)} html[data-theme="light"] .page-galeri.sw .prg-step-orb{background:rgba(201,168,76,.07);color:#fff;border-color:rgba(201,168,76,.3)} html[data-theme="light"] .page-galeri.sw .prg-tunnel-tag{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.22);color:var(--gold)} html[data-theme="light"] .page-galeri.sw section .step-n{background:rgba(255,255,255,.08);color:#fff;border-color:var(--gold)} html[data-theme="light"] .page-galeri.sw section .proc-step:hover .step-n{background:rgba(201,168,76,.1);border-color:var(--gold)} html[data-theme="light"] .page-galeri.sw section .dbs-main-tabs{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)} html[data-theme="light"] .page-galeri.sw section .ck-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-galeri.sw section .ck-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 40px rgba(201,168,76,.1)} html[data-theme="light"] .page-galeri.sw section .ck-strip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} html[data-theme="light"] .page-galeri.sw section .ck-pill{border-right-color:rgba(255,255,255,.1)} html[data-theme="light"] .page-galeri.sw section .tag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--text-b)} html[data-theme="light"] .page-galeri.sw section .tag-g{border-color:rgba(201,168,76,.32);color:var(--gold);background:rgba(201,168,76,.1)} html[data-theme="light"] .page-galeri.sw section .hbr-tl-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)} html[data-theme="light"] .page-galeri.sw section .hbr-tl-card:hover{border-color:rgba(201,168,76,.45)} html[data-theme="light"] .page-galeri.sw section .org-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-galeri.sw section .org-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45);transform:translateY(-6px)} html[data-theme="light"] .page-galeri.sw section .prg-pkg{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-galeri.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.4)} html[data-theme="light"] .page-galeri.sw section .prg-pkg-top{border-bottom-color:rgba(255,255,255,.07)} html[data-theme="light"] .page-galeri.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.35);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-galeri.sw section .glr-item{border:1px solid rgba(255,255,255,.07)} html[data-theme="light"] .page-galeri.sw section .glr-item:hover{border-color:rgba(201,168,76,.4);box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 1px rgba(201,168,76,.28)} html[data-theme="light"] .page-galeri.sw section .tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-galeri.sw section .tab-btn:hover{border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-galeri.sw section .tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-galeri.sw section .ck-tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-galeri.sw section .ck-tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-galeri.sw section .ck-age-a{background:rgba(79,70,229,.12);border:1px solid rgba(79,70,229,.4);color:#a5b4fc} html[data-theme="light"] .page-galeri.sw section .ck-age-c{background:rgba(219,39,119,.12);border:1px solid rgba(219,39,119,.4);color:#f9a8d4} html[data-theme="light"] .page-galeri.sw section:not(.cta) .btn-g{border-color:rgba(255,255,255,.16);color:var(--text-b);background:rgba(255,255,255,.04)} html[data-theme="light"] .page-galeri.sw section:not(.cta) .btn-g:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff} html[data-theme="light"] .page-galeri.sw section .ck-info{border-top-color:rgba(255,255,255,.08)} html[data-theme="light"] .page-galeri .iletisim-contact-sec .grad, html[data-theme="light"] .page-galeri .iletisim-pg-hero .grad{background:linear-gradient(135deg,#fff 0%,#C9A84C 45%,#b87d00 100%);background-clip:text;-webkit-background-clip:text} /* -- haberler.html -- */ .page-haberler .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-haberler .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-haberler .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-haberler .btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s} .page-haberler .btn-gold:hover::before{left:100%} .page-haberler .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-haberler .btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none} .page-haberler .btn-g{background:transparent;color:var(--text-b);border:1px solid var(--line)} .page-haberler .btn-g:hover{background:var(--card-bg);color:var(--text-h);border-color:rgba(255,255,255,.15);transform:translateY(-2px)} .page-haberler .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-haberler .btn-glow{position:relative} .page-haberler .btn-glow::after{content:'';position:absolute;inset:-4px;border-radius:18px;background:linear-gradient(135deg,#111,var(--gold));z-index:-1;opacity:0;filter:blur(14px);transition:opacity .4s} .page-haberler .btn-glow:hover::after{opacity:.5} .page-haberler .btn:hover .arr{transform:translateX(4px)} .page-haberler .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-haberler .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-haberler .s-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:18px} .page-haberler .s-label::before{content:'';width:20px;height:1px;background:var(--gold)} .page-haberler.sw section .ck-card::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;border-radius:inherit} .page-haberler.sw section .ck-card:hover::after{animation:shimmerSwipe .65s ease forwards} .page-haberler .hero-default .btn-g{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.4)} .page-haberler .hero-default .btn-g:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff;transform:translateY(-2px)} .page-haberler .hero-default .btn-gold{text-shadow:0 1px 8px rgba(0,0,0,.3)} .page-haberler.sw{position:relative;z-index:10;overflow-x:hidden} .page-haberler .sc{max-width:1400px;margin:0 auto;padding:48px 60px} .page-haberler .s-h2{font-size:clamp(34px,4vw,60px);margin-bottom:16px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-h)} .page-haberler .s-sub{font-size:16px;color:var(--text-b);max-width:520px;line-height:1.8;font-weight:400;margin-bottom:36px} .page-haberler .egitmenler .s-h2{white-space:nowrap;font-size:clamp(24px,3.2vw,52px)} .page-haberler .surec .grad{background:linear-gradient(135deg,#ffffff 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-haberler.sw section .tab-bar, .page-haberler.sw section .ck-tabs{background:none;border:none;box-shadow:none} .page-haberler.sw section .tab-btn, .page-haberler.sw section .ck-tab-btn{border:1px solid rgba(0,0,0,.14);color:#777;background:transparent} .page-haberler.sw section .tab-btn.active, .page-haberler.sw section .ck-tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold)} .page-haberler.sw section .tab-btn:hover:not(.active), .page-haberler.sw section .ck-tab-btn:hover:not(.active){border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} .page-haberler.sw section{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;position:relative;color:var(--text-h);border-bottom:2px solid var(--gold)} .page-haberler.sw section .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center} .page-haberler.sw section .s-h2{text-align:center} .page-haberler.sw section .s-sub{text-align:center;margin-left:auto;margin-right:auto} .page-haberler.sw section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,#D4A017 50%,var(--gold) 70%,transparent 100%)} .page-haberler.sw section .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 45%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-haberler.sw section .grad-g{background:linear-gradient(135deg,#b8820a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-haberler.sw section .s-box::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-haberler.sw .prg-tunnel-sec{background:#f8f5ef} .page-haberler.sw .prg-tunnel-sec::before{display:none} .page-haberler.sw .prg-tunnel-h{color:#050816} .page-haberler.sw .prg-tunnel-step-h{color:#050816} .page-haberler.sw .prg-tunnel-step-p{color:rgba(5,8,22,.6)} .page-haberler.sw .prg-tunnel-num{color:rgba(201,168,76,.85)} .page-haberler.sw .prg-step-orb{background:rgba(201,168,76,.1);color:#050816;border-color:rgba(201,168,76,.45)} .page-haberler.sw .prg-tunnel-step:hover .prg-step-orb{background:rgba(201,168,76,.2);color:#050816} .page-haberler.sw .prg-tunnel-tag{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.3);color:#4a3800} .page-haberler.sw section .step-n{background:#111111;color:#ffffff;border-color:var(--gold)} .page-haberler.sw section .proc-step:hover .step-n{background:#1a1a1a;border-color:var(--gold);box-shadow:0 0 24px rgba(201,168,76,.35)} .page-haberler.sw section .proc-line::before{background:linear-gradient(90deg,transparent,var(--gold) 30%,#D4A017 70%,transparent)} .page-haberler.sw section .ck-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-haberler.sw section .ck-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 40px rgba(201,168,76,.08)} .page-haberler.sw section .ck-card::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-haberler.sw section .ck-styles{background:rgba(201,168,76,.12);border-left:2px solid var(--gold)} .page-haberler.sw section .ck-strip{background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.22)} .page-haberler.sw section .ck-pill{border-right-color:rgba(0,0,0,.1)} .page-haberler.sw section .tag{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);color:#666} .page-haberler.sw section .tag-g{border-color:rgba(201,168,76,.35);color:var(--gold);background:rgba(201,168,76,.07)} .page-haberler.sw section .org-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-haberler.sw section .org-card::before{opacity:0} .page-haberler.sw section .org-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1);transform:translateY(-6px)} .page-haberler.sw section .org-card:hover::before{opacity:1} .page-haberler.sw section .prg-pkg{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-haberler.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1)} .page-haberler.sw section .prg-pkg-top{border-bottom-color:rgba(0,0,0,.1)} .page-haberler.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.04)} .page-haberler.sw section .prg-pkg-feat .prg-pkg-list li{color:var(--text-b)} .page-haberler.sw section .glr-item{border:1px solid rgba(201,168,76,.18)} .page-haberler.sw section .glr-item:hover{border-color:rgba(201,168,76,.45);box-shadow:0 28px 72px rgba(0,0,0,.2),0 0 0 1px rgba(201,168,76,.28)} .page-haberler.sw section .glr-cap{color:#fff} .page-haberler.sw section .tab-btn{border:1px solid rgba(0,0,0,.14);color:var(--text-b);background:transparent} .page-haberler.sw section .tab-btn:hover{border-color:rgba(201,168,76,.5);color:var(--gold);background:rgba(201,168,76,.06)} .page-haberler.sw section .tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold);box-shadow:0 0 22px rgba(201,168,76,.12)} .page-haberler.sw section .ck-age-a{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.4);color:#4338ca} .page-haberler.sw section .ck-age-c{background:rgba(219,39,119,.1);border:1px solid rgba(219,39,119,.4);color:#9d174d} .page-haberler.sw section:not(.cta) .btn-g{border-color:rgba(0,0,0,.28);color:#3a3a3a;background:rgba(0,0,0,.05)} .page-haberler .cta .btn-g{border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.88);background:rgba(255,255,255,.07)} .page-haberler .cta .btn-g:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-2px)} .page-haberler.sw section:not(.cta) .btn-g:hover{background:rgba(0,0,0,.09);border-color:rgba(0,0,0,.36);color:#111} .page-haberler.sw section .ck-info{border-top-color:rgba(0,0,0,.1)} .page-haberler .surec .grad-g{background:linear-gradient(135deg,var(--gold),#D4A017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-haberler .kurslar>.sc{position:relative} .page-haberler.sw section.pg-content{padding:36px 36px 28px} .page-haberler.sw section.pg-content .sc{background:#f4f3f0;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-haberler .dans-bolumu .sc, .page-haberler .kurslar .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-haberler .egitmenler .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;position:relative;--card-bg:#ffffff} .page-haberler .prg-pkg .btn{margin-top:auto} html[data-theme="light"] .page-haberler .surec .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-haberler .cta .btn-g{border-color:rgba(0,0,0,.22);color:#374151;background:rgba(0,0,0,.06)} html[data-theme="light"] .page-haberler .cta .btn-g:hover{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.3);color:#0a0a14} /* ─ .sw section (sayfa .page-X atasıyla): beyazdan koyuya ─ */ html[data-theme="light"] .page-haberler.sw section{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06)} html[data-theme="light"] .page-haberler.sw section h1, html[data-theme="light"] .page-haberler.sw section h2, html[data-theme="light"] .page-haberler.sw section h3, html[data-theme="light"] .page-haberler.sw section h4{color:#ffffff} html[data-theme="light"] .page-haberler.sw section p{color:#c8d4e4} html[data-theme="light"] .page-haberler.sw section .s-label{color:var(--gold)} html[data-theme="light"] .page-haberler.sw section.pg-content .sc, html[data-theme="light"] .page-haberler .dans-bolumu .sc, html[data-theme="light"] .page-haberler .kurslar .sc, html[data-theme="light"] .page-haberler .egitmenler .sc{background:#050816;border-color:rgba(201,168,76,.14);box-shadow:0 4px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04) inset;--card-bg:rgba(255,255,255,.04)} html[data-theme="light"] .page-haberler.sw section .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-haberler.sw section .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-haberler.sw .prg-tunnel-sec{background:#050816} html[data-theme="light"] .page-haberler.sw .prg-tunnel-h, html[data-theme="light"] .page-haberler.sw .prg-tunnel-step-h{color:#fff} html[data-theme="light"] .page-haberler.sw .prg-tunnel-step-p{color:rgba(191,200,216,.8)} html[data-theme="light"] .page-haberler.sw .prg-step-orb{background:rgba(201,168,76,.07);color:#fff;border-color:rgba(201,168,76,.3)} html[data-theme="light"] .page-haberler.sw .prg-tunnel-tag{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.22);color:var(--gold)} html[data-theme="light"] .page-haberler.sw section .step-n{background:rgba(255,255,255,.08);color:#fff;border-color:var(--gold)} html[data-theme="light"] .page-haberler.sw section .proc-step:hover .step-n{background:rgba(201,168,76,.1);border-color:var(--gold)} html[data-theme="light"] .page-haberler.sw section .dbs-main-tabs{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)} html[data-theme="light"] .page-haberler.sw section .ck-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-haberler.sw section .ck-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 40px rgba(201,168,76,.1)} html[data-theme="light"] .page-haberler.sw section .ck-strip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} html[data-theme="light"] .page-haberler.sw section .ck-pill{border-right-color:rgba(255,255,255,.1)} html[data-theme="light"] .page-haberler.sw section .tag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--text-b)} html[data-theme="light"] .page-haberler.sw section .tag-g{border-color:rgba(201,168,76,.32);color:var(--gold);background:rgba(201,168,76,.1)} html[data-theme="light"] .page-haberler.sw section .hbr-tl-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)} html[data-theme="light"] .page-haberler.sw section .hbr-tl-card:hover{border-color:rgba(201,168,76,.45)} html[data-theme="light"] .page-haberler.sw section .org-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-haberler.sw section .org-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45);transform:translateY(-6px)} html[data-theme="light"] .page-haberler.sw section .prg-pkg{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-haberler.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.4)} html[data-theme="light"] .page-haberler.sw section .prg-pkg-top{border-bottom-color:rgba(255,255,255,.07)} html[data-theme="light"] .page-haberler.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.35);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-haberler.sw section .glr-item{border:1px solid rgba(255,255,255,.07)} html[data-theme="light"] .page-haberler.sw section .glr-item:hover{border-color:rgba(201,168,76,.4);box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 1px rgba(201,168,76,.28)} html[data-theme="light"] .page-haberler.sw section .tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-haberler.sw section .tab-btn:hover{border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-haberler.sw section .tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-haberler.sw section .ck-tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-haberler.sw section .ck-tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-haberler.sw section .ck-age-a{background:rgba(79,70,229,.12);border:1px solid rgba(79,70,229,.4);color:#a5b4fc} html[data-theme="light"] .page-haberler.sw section .ck-age-c{background:rgba(219,39,119,.12);border:1px solid rgba(219,39,119,.4);color:#f9a8d4} html[data-theme="light"] .page-haberler.sw section:not(.cta) .btn-g{border-color:rgba(255,255,255,.16);color:var(--text-b);background:rgba(255,255,255,.04)} html[data-theme="light"] .page-haberler.sw section:not(.cta) .btn-g:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff} html[data-theme="light"] .page-haberler.sw section .ck-info{border-top-color:rgba(255,255,255,.08)} html[data-theme="light"] .page-haberler .iletisim-contact-sec .grad, html[data-theme="light"] .page-haberler .iletisim-pg-hero .grad{background:linear-gradient(135deg,#fff 0%,#C9A84C 45%,#b87d00 100%);background-clip:text;-webkit-background-clip:text} /* -- iletisim.html -- */ .page-iletisim .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-iletisim .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-iletisim .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-iletisim .btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s} .page-iletisim .btn-gold:hover::before{left:100%} .page-iletisim .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-iletisim .btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none} .page-iletisim .btn-g{background:transparent;color:var(--text-b);border:1px solid var(--line)} .page-iletisim .btn-g:hover{background:var(--card-bg);color:var(--text-h);border-color:rgba(255,255,255,.15);transform:translateY(-2px)} .page-iletisim .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-iletisim .btn-glow{position:relative} .page-iletisim .btn-glow::after{content:'';position:absolute;inset:-4px;border-radius:18px;background:linear-gradient(135deg,#111,var(--gold));z-index:-1;opacity:0;filter:blur(14px);transition:opacity .4s} .page-iletisim .btn-glow:hover::after{opacity:.5} .page-iletisim .btn:hover .arr{transform:translateX(4px)} .page-iletisim .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-iletisim .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-iletisim .s-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:18px} .page-iletisim .s-label::before{content:'';width:20px;height:1px;background:var(--gold)} .page-iletisim .sw section .ck-card::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;border-radius:inherit} .page-iletisim .sw section .ck-card:hover::after{animation:shimmerSwipe .65s ease forwards} .page-iletisim .hero-default .btn-g{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.4)} .page-iletisim .hero-default .btn-g:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff;transform:translateY(-2px)} .page-iletisim .hero-default .btn-gold{text-shadow:0 1px 8px rgba(0,0,0,.3)} .page-iletisim .sw{position:relative;z-index:10;overflow-x:hidden} .page-iletisim .sc{max-width:1400px;margin:0 auto;padding:48px 60px} .page-iletisim .s-h2{font-size:clamp(34px,4vw,60px);margin-bottom:16px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-h)} .page-iletisim .s-sub{font-size:16px;color:var(--text-b);max-width:520px;line-height:1.8;font-weight:400;margin-bottom:36px} .page-iletisim .egitmenler .s-h2{white-space:nowrap;font-size:clamp(24px,3.2vw,52px)} .page-iletisim .surec .grad{background:linear-gradient(135deg,#ffffff 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-iletisim .sw section .tab-bar, .page-iletisim .sw section .ck-tabs{background:none;border:none;box-shadow:none} .page-iletisim .sw section .tab-btn, .page-iletisim .sw section .ck-tab-btn{border:1px solid rgba(0,0,0,.14);color:#777;background:transparent} .page-iletisim .sw section .tab-btn.active, .page-iletisim .sw section .ck-tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold)} .page-iletisim .sw section .tab-btn:hover:not(.active), .page-iletisim .sw section .ck-tab-btn:hover:not(.active){border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} .page-iletisim .sw section{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;position:relative;color:var(--text-h);border-bottom:2px solid var(--gold)} .page-iletisim .sw section .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center} .page-iletisim .sw section .s-h2{text-align:center} .page-iletisim .sw section .s-sub{text-align:center;margin-left:auto;margin-right:auto} .page-iletisim .sw section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,#D4A017 50%,var(--gold) 70%,transparent 100%)} .page-iletisim .sw section .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 45%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-iletisim .sw section .grad-g{background:linear-gradient(135deg,#b8820a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-iletisim .sw section .s-box::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-iletisim .sw .prg-tunnel-sec{background:#f8f5ef} .page-iletisim .sw .prg-tunnel-sec::before{display:none} .page-iletisim .sw .prg-tunnel-h{color:#050816} .page-iletisim .sw .prg-tunnel-step-h{color:#050816} .page-iletisim .sw .prg-tunnel-step-p{color:rgba(5,8,22,.6)} .page-iletisim .sw .prg-tunnel-num{color:rgba(201,168,76,.85)} .page-iletisim .sw .prg-step-orb{background:rgba(201,168,76,.1);color:#050816;border-color:rgba(201,168,76,.45)} .page-iletisim .sw .prg-tunnel-step:hover .prg-step-orb{background:rgba(201,168,76,.2);color:#050816} .page-iletisim .sw .prg-tunnel-tag{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.3);color:#4a3800} .page-iletisim .sw section .step-n{background:#111111;color:#ffffff;border-color:var(--gold)} .page-iletisim .sw section .proc-step:hover .step-n{background:#1a1a1a;border-color:var(--gold);box-shadow:0 0 24px rgba(201,168,76,.35)} .page-iletisim .sw section .proc-line::before{background:linear-gradient(90deg,transparent,var(--gold) 30%,#D4A017 70%,transparent)} .page-iletisim .sw section .ck-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-iletisim .sw section .ck-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 40px rgba(201,168,76,.08)} .page-iletisim .sw section .ck-card::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-iletisim .sw section .ck-styles{background:rgba(201,168,76,.12);border-left:2px solid var(--gold)} .page-iletisim .sw section .ck-strip{background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.22)} .page-iletisim .sw section .ck-pill{border-right-color:rgba(0,0,0,.1)} .page-iletisim .sw section .tag{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);color:#666} .page-iletisim .sw section .tag-g{border-color:rgba(201,168,76,.35);color:var(--gold);background:rgba(201,168,76,.07)} .page-iletisim .sw section .org-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-iletisim .sw section .org-card::before{opacity:0} .page-iletisim .sw section .org-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1);transform:translateY(-6px)} .page-iletisim .sw section .org-card:hover::before{opacity:1} .page-iletisim .sw section .prg-pkg{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-iletisim .sw section .prg-pkg:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1)} .page-iletisim .sw section .prg-pkg-top{border-bottom-color:rgba(0,0,0,.1)} .page-iletisim .sw section .prg-pkg-feat{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.04)} .page-iletisim .sw section .prg-pkg-feat .prg-pkg-list li{color:var(--text-b)} .page-iletisim .sw section .glr-item{border:1px solid rgba(201,168,76,.18)} .page-iletisim .sw section .glr-item:hover{border-color:rgba(201,168,76,.45);box-shadow:0 28px 72px rgba(0,0,0,.2),0 0 0 1px rgba(201,168,76,.28)} .page-iletisim .sw section .glr-cap{color:#fff} .page-iletisim .sw section .tab-btn{border:1px solid rgba(0,0,0,.14);color:var(--text-b);background:transparent} .page-iletisim .sw section .tab-btn:hover{border-color:rgba(201,168,76,.5);color:var(--gold);background:rgba(201,168,76,.06)} .page-iletisim .sw section .tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold);box-shadow:0 0 22px rgba(201,168,76,.12)} .page-iletisim .sw section .ck-age-a{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.4);color:#4338ca} .page-iletisim .sw section .ck-age-c{background:rgba(219,39,119,.1);border:1px solid rgba(219,39,119,.4);color:#9d174d} .page-iletisim .sw section:not(.cta) .btn-g{border-color:rgba(0,0,0,.28);color:#3a3a3a;background:rgba(0,0,0,.05)} .page-iletisim .cta .btn-g{border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.88);background:rgba(255,255,255,.07)} .page-iletisim .cta .btn-g:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-2px)} .page-iletisim .sw section:not(.cta) .btn-g:hover{background:rgba(0,0,0,.09);border-color:rgba(0,0,0,.36);color:#111} .page-iletisim .sw section .ck-info{border-top-color:rgba(0,0,0,.1)} .page-iletisim .surec .grad-g{background:linear-gradient(135deg,var(--gold),#D4A017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-iletisim .kurslar>.sc{position:relative} .page-iletisim .sw section.pg-content{padding:36px 36px 28px} .page-iletisim .sw section.pg-content .sc{background:#f4f3f0;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-iletisim .dans-bolumu .sc, .page-iletisim .kurslar .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-iletisim .egitmenler .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;position:relative;--card-bg:#ffffff} .page-iletisim .prg-pkg .btn{margin-top:auto} html[data-theme="light"] .page-iletisim .surec .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-iletisim .cta .btn-g{border-color:rgba(0,0,0,.22);color:#374151;background:rgba(0,0,0,.06)} html[data-theme="light"] .page-iletisim .cta .btn-g:hover{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.3);color:#0a0a14} /* ─ .sw section (sayfa .page-X atasıyla): beyazdan koyuya ─ */ html[data-theme="light"] .page-iletisim .sw section{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06)} html[data-theme="light"] .page-iletisim .sw section h1, html[data-theme="light"] .page-iletisim .sw section h2, html[data-theme="light"] .page-iletisim .sw section h3, html[data-theme="light"] .page-iletisim .sw section h4{color:#ffffff} html[data-theme="light"] .page-iletisim .sw section p{color:#c8d4e4} html[data-theme="light"] .page-iletisim .sw section .s-label{color:var(--gold)} html[data-theme="light"] .page-iletisim .sw section.pg-content .sc, html[data-theme="light"] .page-iletisim .dans-bolumu .sc, html[data-theme="light"] .page-iletisim .kurslar .sc, html[data-theme="light"] .page-iletisim .egitmenler .sc{background:#050816;border-color:rgba(201,168,76,.14);box-shadow:0 4px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04) inset;--card-bg:rgba(255,255,255,.04)} html[data-theme="light"] .page-iletisim .sw section .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-iletisim .sw section .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-iletisim .sw .prg-tunnel-sec{background:#050816} html[data-theme="light"] .page-iletisim .sw .prg-tunnel-h, html[data-theme="light"] .page-iletisim .sw .prg-tunnel-step-h{color:#fff} html[data-theme="light"] .page-iletisim .sw .prg-tunnel-step-p{color:rgba(191,200,216,.8)} html[data-theme="light"] .page-iletisim .sw .prg-step-orb{background:rgba(201,168,76,.07);color:#fff;border-color:rgba(201,168,76,.3)} html[data-theme="light"] .page-iletisim .sw .prg-tunnel-tag{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.22);color:var(--gold)} html[data-theme="light"] .page-iletisim .sw section .step-n{background:rgba(255,255,255,.08);color:#fff;border-color:var(--gold)} html[data-theme="light"] .page-iletisim .sw section .proc-step:hover .step-n{background:rgba(201,168,76,.1);border-color:var(--gold)} html[data-theme="light"] .page-iletisim .sw section .dbs-main-tabs{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)} html[data-theme="light"] .page-iletisim .sw section .ck-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-iletisim .sw section .ck-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 40px rgba(201,168,76,.1)} html[data-theme="light"] .page-iletisim .sw section .ck-strip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} html[data-theme="light"] .page-iletisim .sw section .ck-pill{border-right-color:rgba(255,255,255,.1)} html[data-theme="light"] .page-iletisim .sw section .tag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--text-b)} html[data-theme="light"] .page-iletisim .sw section .tag-g{border-color:rgba(201,168,76,.32);color:var(--gold);background:rgba(201,168,76,.1)} html[data-theme="light"] .page-iletisim .sw section .hbr-tl-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)} html[data-theme="light"] .page-iletisim .sw section .hbr-tl-card:hover{border-color:rgba(201,168,76,.45)} html[data-theme="light"] .page-iletisim .sw section .org-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-iletisim .sw section .org-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45);transform:translateY(-6px)} html[data-theme="light"] .page-iletisim .sw section .prg-pkg{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-iletisim .sw section .prg-pkg:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.4)} html[data-theme="light"] .page-iletisim .sw section .prg-pkg-top{border-bottom-color:rgba(255,255,255,.07)} html[data-theme="light"] .page-iletisim .sw section .prg-pkg-feat{border-color:rgba(201,168,76,.35);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-iletisim .sw section .glr-item{border:1px solid rgba(255,255,255,.07)} html[data-theme="light"] .page-iletisim .sw section .glr-item:hover{border-color:rgba(201,168,76,.4);box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 1px rgba(201,168,76,.28)} html[data-theme="light"] .page-iletisim .sw section .tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-iletisim .sw section .tab-btn:hover{border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-iletisim .sw section .tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-iletisim .sw section .ck-tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-iletisim .sw section .ck-tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-iletisim .sw section .ck-age-a{background:rgba(79,70,229,.12);border:1px solid rgba(79,70,229,.4);color:#a5b4fc} html[data-theme="light"] .page-iletisim .sw section .ck-age-c{background:rgba(219,39,119,.12);border:1px solid rgba(219,39,119,.4);color:#f9a8d4} html[data-theme="light"] .page-iletisim .sw section:not(.cta) .btn-g{border-color:rgba(255,255,255,.16);color:var(--text-b);background:rgba(255,255,255,.04)} html[data-theme="light"] .page-iletisim .sw section:not(.cta) .btn-g:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff} html[data-theme="light"] .page-iletisim .sw section .ck-info{border-top-color:rgba(255,255,255,.08)} html[data-theme="light"] .page-iletisim .iletisim-contact-sec .grad, html[data-theme="light"] .page-iletisim .iletisim-pg-hero .grad{background:linear-gradient(135deg,#fff 0%,#C9A84C 45%,#b87d00 100%);background-clip:text;-webkit-background-clip:text} /* -- organizasyon.html -- */ .page-organizasyon .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-organizasyon .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-organizasyon .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-organizasyon .btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s} .page-organizasyon .btn-gold:hover::before{left:100%} .page-organizasyon .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-organizasyon .btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none} .page-organizasyon .btn-g{background:transparent;color:var(--text-b);border:1px solid var(--line)} .page-organizasyon .btn-g:hover{background:var(--card-bg);color:var(--text-h);border-color:rgba(255,255,255,.15);transform:translateY(-2px)} .page-organizasyon .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-organizasyon .btn-glow{position:relative} .page-organizasyon .btn-glow::after{content:'';position:absolute;inset:-4px;border-radius:18px;background:linear-gradient(135deg,#111,var(--gold));z-index:-1;opacity:0;filter:blur(14px);transition:opacity .4s} .page-organizasyon .btn-glow:hover::after{opacity:.5} .page-organizasyon .btn:hover .arr{transform:translateX(4px)} .page-organizasyon .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-organizasyon .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-organizasyon .s-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:18px} .page-organizasyon .s-label::before{content:'';width:20px;height:1px;background:var(--gold)} .page-organizasyon.sw section .ck-card::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;border-radius:inherit} .page-organizasyon.sw section .ck-card:hover::after{animation:shimmerSwipe .65s ease forwards} .page-organizasyon .hero-default .btn-g{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.4)} .page-organizasyon .hero-default .btn-g:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff;transform:translateY(-2px)} .page-organizasyon .hero-default .btn-gold{text-shadow:0 1px 8px rgba(0,0,0,.3)} .page-organizasyon.sw{position:relative;z-index:10;overflow-x:hidden} .page-organizasyon .sc{max-width:1400px;margin:0 auto;padding:48px 60px} .page-organizasyon .s-h2{font-size:clamp(34px,4vw,60px);margin-bottom:16px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-h)} .page-organizasyon .s-sub{font-size:16px;color:var(--text-b);max-width:520px;line-height:1.8;font-weight:400;margin-bottom:36px} .page-organizasyon .egitmenler .s-h2{white-space:nowrap;font-size:clamp(24px,3.2vw,52px)} .page-organizasyon .surec .grad{background:linear-gradient(135deg,#ffffff 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-organizasyon.sw section .tab-bar, .page-organizasyon.sw section .ck-tabs{background:none;border:none;box-shadow:none} .page-organizasyon.sw section .tab-btn, .page-organizasyon.sw section .ck-tab-btn{border:1px solid rgba(0,0,0,.14);color:#777;background:transparent} .page-organizasyon.sw section .tab-btn.active, .page-organizasyon.sw section .ck-tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold)} .page-organizasyon.sw section .tab-btn:hover:not(.active), .page-organizasyon.sw section .ck-tab-btn:hover:not(.active){border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} .page-organizasyon.sw section{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;position:relative;color:var(--text-h);border-bottom:2px solid var(--gold)} .page-organizasyon.sw section .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center} .page-organizasyon.sw section .s-h2{text-align:center} .page-organizasyon.sw section .s-sub{text-align:center;margin-left:auto;margin-right:auto} .page-organizasyon.sw section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,#D4A017 50%,var(--gold) 70%,transparent 100%)} .page-organizasyon.sw section .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 45%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-organizasyon.sw section .grad-g{background:linear-gradient(135deg,#b8820a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-organizasyon.sw section .s-box::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-organizasyon.sw .prg-tunnel-sec{background:#f8f5ef} .page-organizasyon.sw .prg-tunnel-sec::before{display:none} .page-organizasyon.sw .prg-tunnel-h{color:#050816} .page-organizasyon.sw .prg-tunnel-step-h{color:#050816} .page-organizasyon.sw .prg-tunnel-step-p{color:rgba(5,8,22,.6)} .page-organizasyon.sw .prg-tunnel-num{color:rgba(201,168,76,.85)} .page-organizasyon.sw .prg-step-orb{background:rgba(201,168,76,.1);color:#050816;border-color:rgba(201,168,76,.45)} .page-organizasyon.sw .prg-tunnel-step:hover .prg-step-orb{background:rgba(201,168,76,.2);color:#050816} .page-organizasyon.sw .prg-tunnel-tag{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.3);color:#4a3800} .page-organizasyon.sw section .step-n{background:#111111;color:#ffffff;border-color:var(--gold)} .page-organizasyon.sw section .proc-step:hover .step-n{background:#1a1a1a;border-color:var(--gold);box-shadow:0 0 24px rgba(201,168,76,.35)} .page-organizasyon.sw section .proc-line::before{background:linear-gradient(90deg,transparent,var(--gold) 30%,#D4A017 70%,transparent)} .page-organizasyon.sw section .ck-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-organizasyon.sw section .ck-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 40px rgba(201,168,76,.08)} .page-organizasyon.sw section .ck-card::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-organizasyon.sw section .ck-styles{background:rgba(201,168,76,.12);border-left:2px solid var(--gold)} .page-organizasyon.sw section .ck-strip{background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.22)} .page-organizasyon.sw section .ck-pill{border-right-color:rgba(0,0,0,.1)} .page-organizasyon.sw section .tag{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);color:#666} .page-organizasyon.sw section .tag-g{border-color:rgba(201,168,76,.35);color:var(--gold);background:rgba(201,168,76,.07)} .page-organizasyon.sw section .org-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-organizasyon.sw section .org-card::before{opacity:0} .page-organizasyon.sw section .org-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1);transform:translateY(-6px)} .page-organizasyon.sw section .org-card:hover::before{opacity:1} .page-organizasyon.sw section .prg-pkg{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-organizasyon.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1)} .page-organizasyon.sw section .prg-pkg-top{border-bottom-color:rgba(0,0,0,.1)} .page-organizasyon.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.04)} .page-organizasyon.sw section .prg-pkg-feat .prg-pkg-list li{color:var(--text-b)} .page-organizasyon.sw section .glr-item{border:1px solid rgba(201,168,76,.18)} .page-organizasyon.sw section .glr-item:hover{border-color:rgba(201,168,76,.45);box-shadow:0 28px 72px rgba(0,0,0,.2),0 0 0 1px rgba(201,168,76,.28)} .page-organizasyon.sw section .glr-cap{color:#fff} .page-organizasyon.sw section .tab-btn{border:1px solid rgba(0,0,0,.14);color:var(--text-b);background:transparent} .page-organizasyon.sw section .tab-btn:hover{border-color:rgba(201,168,76,.5);color:var(--gold);background:rgba(201,168,76,.06)} .page-organizasyon.sw section .tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold);box-shadow:0 0 22px rgba(201,168,76,.12)} .page-organizasyon.sw section .ck-age-a{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.4);color:#4338ca} .page-organizasyon.sw section .ck-age-c{background:rgba(219,39,119,.1);border:1px solid rgba(219,39,119,.4);color:#9d174d} .page-organizasyon.sw section:not(.cta) .btn-g{border-color:rgba(0,0,0,.28);color:#3a3a3a;background:rgba(0,0,0,.05)} .page-organizasyon .cta .btn-g{border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.88);background:rgba(255,255,255,.07)} .page-organizasyon .cta .btn-g:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-2px)} .page-organizasyon.sw section:not(.cta) .btn-g:hover{background:rgba(0,0,0,.09);border-color:rgba(0,0,0,.36);color:#111} .page-organizasyon.sw section .ck-info{border-top-color:rgba(0,0,0,.1)} .page-organizasyon .surec .grad-g{background:linear-gradient(135deg,var(--gold),#D4A017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-organizasyon .kurslar>.sc{position:relative} .page-organizasyon.sw section.pg-content{padding:36px 36px 28px} .page-organizasyon.sw section.pg-content .sc{background:#f4f3f0;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-organizasyon .dans-bolumu .sc, .page-organizasyon .kurslar .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-organizasyon .egitmenler .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;position:relative;--card-bg:#ffffff} .page-organizasyon .prg-pkg .btn{margin-top:auto} html[data-theme="light"] .page-organizasyon .surec .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-organizasyon .cta .btn-g{border-color:rgba(0,0,0,.22);color:#374151;background:rgba(0,0,0,.06)} html[data-theme="light"] .page-organizasyon .cta .btn-g:hover{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.3);color:#0a0a14} /* ─ .sw section (sayfa .page-X atasıyla): beyazdan koyuya ─ */ html[data-theme="light"] .page-organizasyon.sw section{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06)} html[data-theme="light"] .page-organizasyon.sw section h1, html[data-theme="light"] .page-organizasyon.sw section h2, html[data-theme="light"] .page-organizasyon.sw section h3, html[data-theme="light"] .page-organizasyon.sw section h4{color:#ffffff} html[data-theme="light"] .page-organizasyon.sw section p{color:#c8d4e4} html[data-theme="light"] .page-organizasyon.sw section .s-label{color:var(--gold)} html[data-theme="light"] .page-organizasyon.sw section.pg-content .sc, html[data-theme="light"] .page-organizasyon .dans-bolumu .sc, html[data-theme="light"] .page-organizasyon .kurslar .sc, html[data-theme="light"] .page-organizasyon .egitmenler .sc{background:#050816;border-color:rgba(201,168,76,.14);box-shadow:0 4px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04) inset;--card-bg:rgba(255,255,255,.04)} html[data-theme="light"] .page-organizasyon.sw section .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-organizasyon.sw section .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-organizasyon.sw .prg-tunnel-sec{background:#050816} html[data-theme="light"] .page-organizasyon.sw .prg-tunnel-h, html[data-theme="light"] .page-organizasyon.sw .prg-tunnel-step-h{color:#fff} html[data-theme="light"] .page-organizasyon.sw .prg-tunnel-step-p{color:rgba(191,200,216,.8)} html[data-theme="light"] .page-organizasyon.sw .prg-step-orb{background:rgba(201,168,76,.07);color:#fff;border-color:rgba(201,168,76,.3)} html[data-theme="light"] .page-organizasyon.sw .prg-tunnel-tag{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.22);color:var(--gold)} html[data-theme="light"] .page-organizasyon.sw section .step-n{background:rgba(255,255,255,.08);color:#fff;border-color:var(--gold)} html[data-theme="light"] .page-organizasyon.sw section .proc-step:hover .step-n{background:rgba(201,168,76,.1);border-color:var(--gold)} html[data-theme="light"] .page-organizasyon.sw section .dbs-main-tabs{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)} html[data-theme="light"] .page-organizasyon.sw section .ck-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-organizasyon.sw section .ck-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 40px rgba(201,168,76,.1)} html[data-theme="light"] .page-organizasyon.sw section .ck-strip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} html[data-theme="light"] .page-organizasyon.sw section .ck-pill{border-right-color:rgba(255,255,255,.1)} html[data-theme="light"] .page-organizasyon.sw section .tag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--text-b)} html[data-theme="light"] .page-organizasyon.sw section .tag-g{border-color:rgba(201,168,76,.32);color:var(--gold);background:rgba(201,168,76,.1)} html[data-theme="light"] .page-organizasyon.sw section .hbr-tl-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)} html[data-theme="light"] .page-organizasyon.sw section .hbr-tl-card:hover{border-color:rgba(201,168,76,.45)} html[data-theme="light"] .page-organizasyon.sw section .org-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-organizasyon.sw section .org-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45);transform:translateY(-6px)} html[data-theme="light"] .page-organizasyon.sw section .prg-pkg{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-organizasyon.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.4)} html[data-theme="light"] .page-organizasyon.sw section .prg-pkg-top{border-bottom-color:rgba(255,255,255,.07)} html[data-theme="light"] .page-organizasyon.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.35);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-organizasyon.sw section .glr-item{border:1px solid rgba(255,255,255,.07)} html[data-theme="light"] .page-organizasyon.sw section .glr-item:hover{border-color:rgba(201,168,76,.4);box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 1px rgba(201,168,76,.28)} html[data-theme="light"] .page-organizasyon.sw section .tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-organizasyon.sw section .tab-btn:hover{border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-organizasyon.sw section .tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-organizasyon.sw section .ck-tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-organizasyon.sw section .ck-tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-organizasyon.sw section .ck-age-a{background:rgba(79,70,229,.12);border:1px solid rgba(79,70,229,.4);color:#a5b4fc} html[data-theme="light"] .page-organizasyon.sw section .ck-age-c{background:rgba(219,39,119,.12);border:1px solid rgba(219,39,119,.4);color:#f9a8d4} html[data-theme="light"] .page-organizasyon.sw section:not(.cta) .btn-g{border-color:rgba(255,255,255,.16);color:var(--text-b);background:rgba(255,255,255,.04)} html[data-theme="light"] .page-organizasyon.sw section:not(.cta) .btn-g:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff} html[data-theme="light"] .page-organizasyon.sw section .ck-info{border-top-color:rgba(255,255,255,.08)} html[data-theme="light"] .page-organizasyon .iletisim-contact-sec .grad, html[data-theme="light"] .page-organizasyon .iletisim-pg-hero .grad{background:linear-gradient(135deg,#fff 0%,#C9A84C 45%,#b87d00 100%);background-clip:text;-webkit-background-clip:text} /* -- program.html -- */ .page-program .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-program .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-program .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-program .btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s} .page-program .btn-gold:hover::before{left:100%} .page-program .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-program .btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none} .page-program .btn-g{background:transparent;color:var(--text-b);border:1px solid var(--line)} .page-program .btn-g:hover{background:var(--card-bg);color:var(--text-h);border-color:rgba(255,255,255,.15);transform:translateY(-2px)} .page-program .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-program .btn-glow{position:relative} .page-program .btn-glow::after{content:'';position:absolute;inset:-4px;border-radius:18px;background:linear-gradient(135deg,#111,var(--gold));z-index:-1;opacity:0;filter:blur(14px);transition:opacity .4s} .page-program .btn-glow:hover::after{opacity:.5} .page-program .btn:hover .arr{transform:translateX(4px)} .page-program .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-program .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-program .s-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:18px} .page-program .s-label::before{content:'';width:20px;height:1px;background:var(--gold)} .page-program.sw section .ck-card::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;border-radius:inherit} .page-program.sw section .ck-card:hover::after{animation:shimmerSwipe .65s ease forwards} .page-program .hero-default .btn-g{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.4)} .page-program .hero-default .btn-g:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff;transform:translateY(-2px)} .page-program .hero-default .btn-gold{text-shadow:0 1px 8px rgba(0,0,0,.3)} .page-program.sw{position:relative;z-index:10;overflow-x:hidden} .page-program .sc{max-width:1400px;margin:0 auto;padding:48px 60px} .page-program .s-h2{font-size:clamp(34px,4vw,60px);margin-bottom:16px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-h)} .page-program .s-sub{font-size:16px;color:var(--text-b);max-width:520px;line-height:1.8;font-weight:400;margin-bottom:36px} .page-program .egitmenler .s-h2{white-space:nowrap;font-size:clamp(24px,3.2vw,52px)} .page-program .surec .grad{background:linear-gradient(135deg,#ffffff 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-program.sw section .tab-bar, .page-program.sw section .ck-tabs{background:none;border:none;box-shadow:none} .page-program.sw section .tab-btn, .page-program.sw section .ck-tab-btn{border:1px solid rgba(0,0,0,.14);color:#777;background:transparent} .page-program.sw section .tab-btn.active, .page-program.sw section .ck-tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold)} .page-program.sw section .tab-btn:hover:not(.active), .page-program.sw section .ck-tab-btn:hover:not(.active){border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} .page-program.sw section{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;position:relative;color:var(--text-h);border-bottom:2px solid var(--gold)} .page-program.sw section .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center} .page-program.sw section .s-h2{text-align:center} .page-program.sw section .s-sub{text-align:center;margin-left:auto;margin-right:auto} .page-program.sw section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,#D4A017 50%,var(--gold) 70%,transparent 100%)} .page-program.sw section .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 45%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-program.sw section .grad-g{background:linear-gradient(135deg,#b8820a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-program.sw section .s-box::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-program.sw .prg-tunnel-sec{background:#f8f5ef} .page-program.sw .prg-tunnel-sec::before{display:none} .page-program.sw .prg-tunnel-h{color:#050816} .page-program.sw .prg-tunnel-step-h{color:#050816} .page-program.sw .prg-tunnel-step-p{color:rgba(5,8,22,.6)} .page-program.sw .prg-tunnel-num{color:rgba(201,168,76,.85)} .page-program.sw .prg-step-orb{background:rgba(201,168,76,.1);color:#050816;border-color:rgba(201,168,76,.45)} .page-program.sw .prg-tunnel-step:hover .prg-step-orb{background:rgba(201,168,76,.2);color:#050816} .page-program.sw .prg-tunnel-tag{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.3);color:#4a3800} .page-program.sw section .step-n{background:#111111;color:#ffffff;border-color:var(--gold)} .page-program.sw section .proc-step:hover .step-n{background:#1a1a1a;border-color:var(--gold);box-shadow:0 0 24px rgba(201,168,76,.35)} .page-program.sw section .proc-line::before{background:linear-gradient(90deg,transparent,var(--gold) 30%,#D4A017 70%,transparent)} .page-program.sw section .ck-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-program.sw section .ck-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 40px rgba(201,168,76,.08)} .page-program.sw section .ck-card::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-program.sw section .ck-styles{background:rgba(201,168,76,.12);border-left:2px solid var(--gold)} .page-program.sw section .ck-strip{background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.22)} .page-program.sw section .ck-pill{border-right-color:rgba(0,0,0,.1)} .page-program.sw section .tag{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);color:#666} .page-program.sw section .tag-g{border-color:rgba(201,168,76,.35);color:var(--gold);background:rgba(201,168,76,.07)} .page-program.sw section .org-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-program.sw section .org-card::before{opacity:0} .page-program.sw section .org-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1);transform:translateY(-6px)} .page-program.sw section .org-card:hover::before{opacity:1} .page-program.sw section .prg-pkg{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-program.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1)} .page-program.sw section .prg-pkg-top{border-bottom-color:rgba(0,0,0,.1)} .page-program.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.04)} .page-program.sw section .prg-pkg-feat .prg-pkg-list li{color:var(--text-b)} .page-program.sw section .glr-item{border:1px solid rgba(201,168,76,.18)} .page-program.sw section .glr-item:hover{border-color:rgba(201,168,76,.45);box-shadow:0 28px 72px rgba(0,0,0,.2),0 0 0 1px rgba(201,168,76,.28)} .page-program.sw section .glr-cap{color:#fff} .page-program.sw section .tab-btn{border:1px solid rgba(0,0,0,.14);color:var(--text-b);background:transparent} .page-program.sw section .tab-btn:hover{border-color:rgba(201,168,76,.5);color:var(--gold);background:rgba(201,168,76,.06)} .page-program.sw section .tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold);box-shadow:0 0 22px rgba(201,168,76,.12)} .page-program.sw section .ck-age-a{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.4);color:#4338ca} .page-program.sw section .ck-age-c{background:rgba(219,39,119,.1);border:1px solid rgba(219,39,119,.4);color:#9d174d} .page-program.sw section:not(.cta) .btn-g{border-color:rgba(0,0,0,.28);color:#3a3a3a;background:rgba(0,0,0,.05)} .page-program .cta .btn-g{border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.88);background:rgba(255,255,255,.07)} .page-program .cta .btn-g:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-2px)} .page-program.sw section:not(.cta) .btn-g:hover{background:rgba(0,0,0,.09);border-color:rgba(0,0,0,.36);color:#111} .page-program.sw section .ck-info{border-top-color:rgba(0,0,0,.1)} .page-program .surec .grad-g{background:linear-gradient(135deg,var(--gold),#D4A017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-program .kurslar>.sc{position:relative} .page-program.sw section.pg-content{padding:36px 36px 28px} .page-program.sw section.pg-content .sc{background:#f4f3f0;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-program .dans-bolumu .sc, .page-program .kurslar .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-program .egitmenler .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;position:relative;--card-bg:#ffffff} .page-program .prg-pkg .btn{margin-top:auto} html[data-theme="light"] .page-program .surec .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-program .cta .btn-g{border-color:rgba(0,0,0,.22);color:#374151;background:rgba(0,0,0,.06)} html[data-theme="light"] .page-program .cta .btn-g:hover{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.3);color:#0a0a14} /* ─ .sw section (sayfa .page-X atasıyla): beyazdan koyuya ─ */ html[data-theme="light"] .page-program.sw section{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06)} html[data-theme="light"] .page-program.sw section h1, html[data-theme="light"] .page-program.sw section h2, html[data-theme="light"] .page-program.sw section h3, html[data-theme="light"] .page-program.sw section h4{color:#ffffff} html[data-theme="light"] .page-program.sw section p{color:#c8d4e4} html[data-theme="light"] .page-program.sw section .s-label{color:var(--gold)} html[data-theme="light"] .page-program.sw section.pg-content .sc, html[data-theme="light"] .page-program .dans-bolumu .sc, html[data-theme="light"] .page-program .kurslar .sc, html[data-theme="light"] .page-program .egitmenler .sc{background:#050816;border-color:rgba(201,168,76,.14);box-shadow:0 4px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04) inset;--card-bg:rgba(255,255,255,.04)} html[data-theme="light"] .page-program.sw section .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-program.sw section .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-program.sw .prg-tunnel-sec{background:#050816} html[data-theme="light"] .page-program.sw .prg-tunnel-h, html[data-theme="light"] .page-program.sw .prg-tunnel-step-h{color:#fff} html[data-theme="light"] .page-program.sw .prg-tunnel-step-p{color:rgba(191,200,216,.8)} html[data-theme="light"] .page-program.sw .prg-step-orb{background:rgba(201,168,76,.07);color:#fff;border-color:rgba(201,168,76,.3)} html[data-theme="light"] .page-program.sw .prg-tunnel-tag{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.22);color:var(--gold)} html[data-theme="light"] .page-program.sw section .step-n{background:rgba(255,255,255,.08);color:#fff;border-color:var(--gold)} html[data-theme="light"] .page-program.sw section .proc-step:hover .step-n{background:rgba(201,168,76,.1);border-color:var(--gold)} html[data-theme="light"] .page-program.sw section .dbs-main-tabs{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)} html[data-theme="light"] .page-program.sw section .ck-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-program.sw section .ck-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 40px rgba(201,168,76,.1)} html[data-theme="light"] .page-program.sw section .ck-strip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} html[data-theme="light"] .page-program.sw section .ck-pill{border-right-color:rgba(255,255,255,.1)} html[data-theme="light"] .page-program.sw section .tag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--text-b)} html[data-theme="light"] .page-program.sw section .tag-g{border-color:rgba(201,168,76,.32);color:var(--gold);background:rgba(201,168,76,.1)} html[data-theme="light"] .page-program.sw section .hbr-tl-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)} html[data-theme="light"] .page-program.sw section .hbr-tl-card:hover{border-color:rgba(201,168,76,.45)} html[data-theme="light"] .page-program.sw section .org-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-program.sw section .org-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45);transform:translateY(-6px)} html[data-theme="light"] .page-program.sw section .prg-pkg{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-program.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.4)} html[data-theme="light"] .page-program.sw section .prg-pkg-top{border-bottom-color:rgba(255,255,255,.07)} html[data-theme="light"] .page-program.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.35);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-program.sw section .glr-item{border:1px solid rgba(255,255,255,.07)} html[data-theme="light"] .page-program.sw section .glr-item:hover{border-color:rgba(201,168,76,.4);box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 1px rgba(201,168,76,.28)} html[data-theme="light"] .page-program.sw section .tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-program.sw section .tab-btn:hover{border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-program.sw section .tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-program.sw section .ck-tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-program.sw section .ck-tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-program.sw section .ck-age-a{background:rgba(79,70,229,.12);border:1px solid rgba(79,70,229,.4);color:#a5b4fc} html[data-theme="light"] .page-program.sw section .ck-age-c{background:rgba(219,39,119,.12);border:1px solid rgba(219,39,119,.4);color:#f9a8d4} html[data-theme="light"] .page-program.sw section:not(.cta) .btn-g{border-color:rgba(255,255,255,.16);color:var(--text-b);background:rgba(255,255,255,.04)} html[data-theme="light"] .page-program.sw section:not(.cta) .btn-g:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff} html[data-theme="light"] .page-program.sw section .ck-info{border-top-color:rgba(255,255,255,.08)} html[data-theme="light"] .page-program .iletisim-contact-sec .grad, html[data-theme="light"] .page-program .iletisim-pg-hero .grad{background:linear-gradient(135deg,#fff 0%,#C9A84C 45%,#b87d00 100%);background-clip:text;-webkit-background-clip:text} /* ─ Haftalık Program (wsch-sec .sw dışında) ─ */ html[data-theme="light"] .page-program .grad{background:linear-gradient(135deg,#0a0a14 0%,#7a5c10 45%,#C9A84C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-program .wsch-sec .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center} .page-program .wsch-sec .s-h2{text-align:center} .page-program .wsch-sec .s-sub{text-align:center;margin-left:auto;margin-right:auto} /* -- gizlilik-politikasi.html -- */ .page-gizlilik .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-gizlilik .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-gizlilik .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-gizlilik .btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s} .page-gizlilik .btn-gold:hover::before{left:100%} .page-gizlilik .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-gizlilik .btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none} .page-gizlilik .btn-g{background:transparent;color:var(--text-b);border:1px solid var(--line)} .page-gizlilik .btn-g:hover{background:var(--card-bg);color:var(--text-h);border-color:rgba(255,255,255,.15);transform:translateY(-2px)} .page-gizlilik .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-gizlilik .btn-glow{position:relative} .page-gizlilik .btn-glow::after{content:'';position:absolute;inset:-4px;border-radius:18px;background:linear-gradient(135deg,#111,var(--gold));z-index:-1;opacity:0;filter:blur(14px);transition:opacity .4s} .page-gizlilik .btn-glow:hover::after{opacity:.5} .page-gizlilik .btn:hover .arr{transform:translateX(4px)} .page-gizlilik .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-gizlilik .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-gizlilik .s-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:18px} .page-gizlilik .s-label::before{content:'';width:20px;height:1px;background:var(--gold)} .page-gizlilik.sw section .ck-card::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none;border-radius:inherit} .page-gizlilik.sw section .ck-card:hover::after{animation:shimmerSwipe .65s ease forwards} .page-gizlilik .hero-default .btn-g{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.4)} .page-gizlilik .hero-default .btn-g:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff;transform:translateY(-2px)} .page-gizlilik .hero-default .btn-gold{text-shadow:0 1px 8px rgba(0,0,0,.3)} .page-gizlilik.sw{position:relative;z-index:10;overflow-x:hidden} .page-gizlilik .sc{max-width:1400px;margin:0 auto;padding:48px 60px} .page-gizlilik .s-h2{font-size:clamp(34px,4vw,60px);margin-bottom:16px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-h)} .page-gizlilik .s-sub{font-size:16px;color:var(--text-b);max-width:520px;line-height:1.8;font-weight:400;margin-bottom:36px} .page-gizlilik .egitmenler .s-h2{white-space:nowrap;font-size:clamp(24px,3.2vw,52px)} .page-gizlilik .surec .grad{background:linear-gradient(135deg,#ffffff 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-gizlilik.sw section .tab-bar, .page-gizlilik.sw section .ck-tabs{background:none;border:none;box-shadow:none} .page-gizlilik.sw section .tab-btn, .page-gizlilik.sw section .ck-tab-btn{border:1px solid rgba(0,0,0,.14);color:#777;background:transparent} .page-gizlilik.sw section .tab-btn.active, .page-gizlilik.sw section .ck-tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold)} .page-gizlilik.sw section .tab-btn:hover:not(.active), .page-gizlilik.sw section .ck-tab-btn:hover:not(.active){border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} .page-gizlilik.sw section{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;position:relative;color:var(--text-h);border-bottom:2px solid var(--gold)} .page-gizlilik.sw section .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center} .page-gizlilik.sw section .s-h2{text-align:center} .page-gizlilik.sw section .s-sub{text-align:center;margin-left:auto;margin-right:auto} .page-gizlilik.sw section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,#D4A017 50%,var(--gold) 70%,transparent 100%)} .page-gizlilik.sw section .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 45%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-gizlilik.sw section .grad-g{background:linear-gradient(135deg,#b8820a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-gizlilik.sw section .s-box::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-gizlilik.sw .prg-tunnel-sec{background:#f8f5ef} .page-gizlilik.sw .prg-tunnel-sec::before{display:none} .page-gizlilik.sw .prg-tunnel-h{color:#050816} .page-gizlilik.sw .prg-tunnel-step-h{color:#050816} .page-gizlilik.sw .prg-tunnel-step-p{color:rgba(5,8,22,.6)} .page-gizlilik.sw .prg-tunnel-num{color:rgba(201,168,76,.85)} .page-gizlilik.sw .prg-step-orb{background:rgba(201,168,76,.1);color:#050816;border-color:rgba(201,168,76,.45)} .page-gizlilik.sw .prg-tunnel-step:hover .prg-step-orb{background:rgba(201,168,76,.2);color:#050816} .page-gizlilik.sw .prg-tunnel-tag{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.3);color:#4a3800} .page-gizlilik.sw section .step-n{background:#111111;color:#ffffff;border-color:var(--gold)} .page-gizlilik.sw section .proc-step:hover .step-n{background:#1a1a1a;border-color:var(--gold);box-shadow:0 0 24px rgba(201,168,76,.35)} .page-gizlilik.sw section .proc-line::before{background:linear-gradient(90deg,transparent,var(--gold) 30%,#D4A017 70%,transparent)} .page-gizlilik.sw section .ck-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-gizlilik.sw section .ck-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1),0 0 40px rgba(201,168,76,.08)} .page-gizlilik.sw section .ck-card::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)} .page-gizlilik.sw section .ck-styles{background:rgba(201,168,76,.12);border-left:2px solid var(--gold)} .page-gizlilik.sw section .ck-strip{background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.22)} .page-gizlilik.sw section .ck-pill{border-right-color:rgba(0,0,0,.1)} .page-gizlilik.sw section .tag{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);color:#666} .page-gizlilik.sw section .tag-g{border-color:rgba(201,168,76,.35);color:var(--gold);background:rgba(201,168,76,.07)} .page-gizlilik.sw section .org-card{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-gizlilik.sw section .org-card::before{opacity:0} .page-gizlilik.sw section .org-card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1);transform:translateY(-6px)} .page-gizlilik.sw section .org-card:hover::before{opacity:1} .page-gizlilik.sw section .prg-pkg{background:#ffffff;border:1px solid rgba(201,168,76,.28);box-shadow:0 2px 14px rgba(0,0,0,.06)} .page-gizlilik.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.5);box-shadow:0 20px 60px rgba(0,0,0,.1)} .page-gizlilik.sw section .prg-pkg-top{border-bottom-color:rgba(0,0,0,.1)} .page-gizlilik.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.04)} .page-gizlilik.sw section .prg-pkg-feat .prg-pkg-list li{color:var(--text-b)} .page-gizlilik.sw section .glr-item{border:1px solid rgba(201,168,76,.18)} .page-gizlilik.sw section .glr-item:hover{border-color:rgba(201,168,76,.45);box-shadow:0 28px 72px rgba(0,0,0,.2),0 0 0 1px rgba(201,168,76,.28)} .page-gizlilik.sw section .glr-cap{color:#fff} .page-gizlilik.sw section .tab-btn{border:1px solid rgba(0,0,0,.14);color:var(--text-b);background:transparent} .page-gizlilik.sw section .tab-btn:hover{border-color:rgba(201,168,76,.5);color:var(--gold);background:rgba(201,168,76,.06)} .page-gizlilik.sw section .tab-btn.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.6);color:var(--gold);box-shadow:0 0 22px rgba(201,168,76,.12)} .page-gizlilik.sw section .ck-age-a{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.4);color:#4338ca} .page-gizlilik.sw section .ck-age-c{background:rgba(219,39,119,.1);border:1px solid rgba(219,39,119,.4);color:#9d174d} .page-gizlilik.sw section:not(.cta) .btn-g{border-color:rgba(0,0,0,.28);color:#3a3a3a;background:rgba(0,0,0,.05)} .page-gizlilik .cta .btn-g{border-color:rgba(255,255,255,.32);color:rgba(255,255,255,.88);background:rgba(255,255,255,.07)} .page-gizlilik .cta .btn-g:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-2px)} .page-gizlilik.sw section:not(.cta) .btn-g:hover{background:rgba(0,0,0,.09);border-color:rgba(0,0,0,.36);color:#111} .page-gizlilik.sw section .ck-info{border-top-color:rgba(0,0,0,.1)} .page-gizlilik .surec .grad-g{background:linear-gradient(135deg,var(--gold),#D4A017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-gizlilik .kurslar>.sc{position:relative} .page-gizlilik.sw section.pg-content{padding:36px 36px 28px} .page-gizlilik.sw section.pg-content .sc{background:#f4f3f0;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-gizlilik .dans-bolumu .sc, .page-gizlilik .kurslar .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} .page-gizlilik .egitmenler .sc{background:#f4f3f0;border-radius:28px;padding:32px 48px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;position:relative;--card-bg:#ffffff} .page-gizlilik .prg-pkg .btn{margin-top:auto} html[data-theme="light"] .page-gizlilik .surec .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 48%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-gizlilik .cta .btn-g{border-color:rgba(0,0,0,.22);color:#374151;background:rgba(0,0,0,.06)} html[data-theme="light"] .page-gizlilik .cta .btn-g:hover{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.3);color:#0a0a14} /* ─ .sw section (sayfa .page-X atasıyla): beyazdan koyuya ─ */ html[data-theme="light"] .page-gizlilik.sw section{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06)} html[data-theme="light"] .page-gizlilik.sw section h1, html[data-theme="light"] .page-gizlilik.sw section h2, html[data-theme="light"] .page-gizlilik.sw section h3, html[data-theme="light"] .page-gizlilik.sw section h4{color:#ffffff} html[data-theme="light"] .page-gizlilik.sw section p{color:#c8d4e4} html[data-theme="light"] .page-gizlilik.sw section .s-label{color:var(--gold)} html[data-theme="light"] .page-gizlilik.sw section.pg-content .sc, html[data-theme="light"] .page-gizlilik .dans-bolumu .sc, html[data-theme="light"] .page-gizlilik .kurslar .sc, html[data-theme="light"] .page-gizlilik .egitmenler .sc{background:#050816;border-color:rgba(201,168,76,.14);box-shadow:0 4px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04) inset;--card-bg:rgba(255,255,255,.04)} html[data-theme="light"] .page-gizlilik.sw section .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-gizlilik.sw section .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-gizlilik.sw .prg-tunnel-sec{background:#050816} html[data-theme="light"] .page-gizlilik.sw .prg-tunnel-h, html[data-theme="light"] .page-gizlilik.sw .prg-tunnel-step-h{color:#fff} html[data-theme="light"] .page-gizlilik.sw .prg-tunnel-step-p{color:rgba(191,200,216,.8)} html[data-theme="light"] .page-gizlilik.sw .prg-step-orb{background:rgba(201,168,76,.07);color:#fff;border-color:rgba(201,168,76,.3)} html[data-theme="light"] .page-gizlilik.sw .prg-tunnel-tag{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.22);color:var(--gold)} html[data-theme="light"] .page-gizlilik.sw section .step-n{background:rgba(255,255,255,.08);color:#fff;border-color:var(--gold)} html[data-theme="light"] .page-gizlilik.sw section .proc-step:hover .step-n{background:rgba(201,168,76,.1);border-color:var(--gold)} html[data-theme="light"] .page-gizlilik.sw section .dbs-main-tabs{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)} html[data-theme="light"] .page-gizlilik.sw section .ck-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-gizlilik.sw section .ck-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 40px rgba(201,168,76,.1)} html[data-theme="light"] .page-gizlilik.sw section .ck-strip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)} html[data-theme="light"] .page-gizlilik.sw section .ck-pill{border-right-color:rgba(255,255,255,.1)} html[data-theme="light"] .page-gizlilik.sw section .tag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--text-b)} html[data-theme="light"] .page-gizlilik.sw section .tag-g{border-color:rgba(201,168,76,.32);color:var(--gold);background:rgba(201,168,76,.1)} html[data-theme="light"] .page-gizlilik.sw section .hbr-tl-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)} html[data-theme="light"] .page-gizlilik.sw section .hbr-tl-card:hover{border-color:rgba(201,168,76,.45)} html[data-theme="light"] .page-gizlilik.sw section .org-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-gizlilik.sw section .org-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45);transform:translateY(-6px)} html[data-theme="light"] .page-gizlilik.sw section .prg-pkg{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} html[data-theme="light"] .page-gizlilik.sw section .prg-pkg:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.4)} html[data-theme="light"] .page-gizlilik.sw section .prg-pkg-top{border-bottom-color:rgba(255,255,255,.07)} html[data-theme="light"] .page-gizlilik.sw section .prg-pkg-feat{border-color:rgba(201,168,76,.35);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-gizlilik.sw section .glr-item{border:1px solid rgba(255,255,255,.07)} html[data-theme="light"] .page-gizlilik.sw section .glr-item:hover{border-color:rgba(201,168,76,.4);box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 1px rgba(201,168,76,.28)} html[data-theme="light"] .page-gizlilik.sw section .tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-gizlilik.sw section .tab-btn:hover{border-color:rgba(201,168,76,.4);color:var(--gold);background:rgba(201,168,76,.06)} html[data-theme="light"] .page-gizlilik.sw section .tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-gizlilik.sw section .ck-tab-btn{border:1px solid rgba(255,255,255,.12);color:var(--text-b);background:transparent} html[data-theme="light"] .page-gizlilik.sw section .ck-tab-btn.active{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.5);color:var(--gold)} html[data-theme="light"] .page-gizlilik.sw section .ck-age-a{background:rgba(79,70,229,.12);border:1px solid rgba(79,70,229,.4);color:#a5b4fc} html[data-theme="light"] .page-gizlilik.sw section .ck-age-c{background:rgba(219,39,119,.12);border:1px solid rgba(219,39,119,.4);color:#f9a8d4} html[data-theme="light"] .page-gizlilik.sw section:not(.cta) .btn-g{border-color:rgba(255,255,255,.16);color:var(--text-b);background:rgba(255,255,255,.04)} html[data-theme="light"] .page-gizlilik.sw section:not(.cta) .btn-g:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff} html[data-theme="light"] .page-gizlilik.sw section .ck-info{border-top-color:rgba(255,255,255,.08)} html[data-theme="light"] .page-gizlilik .iletisim-contact-sec .grad, html[data-theme="light"] .page-gizlilik .iletisim-pg-hero .grad{background:linear-gradient(135deg,#fff 0%,#C9A84C 45%,#b87d00 100%);background-clip:text;-webkit-background-clip:text} html[data-theme="light"] .nav-logo-img {filter:none;} /* ── ORTAK: SAYFA ÖZEL ÜST BOŞLUK / GRADIENT (tek kural, .page-X atasıyla) ── */ .page-danslar .pg-content, .page-haberler .pg-content, .page-galeri .pg-content, .page-organizasyon .pg-content, .page-gizlilik .pg-content, .page-haber-detay .pg-content{padding-top:100px!important} .page-dans-detay .pg-content:first-of-type, .page-cocuk-detay .pg-content:first-of-type{padding-top:100px!important} .page-iletisim .iletisim-contact-sec .grad, .page-iletisim .iletisim-pg-hero .grad{background:linear-gradient(135deg,#1a1a1a 0%,#C9A84C 45%,#b87d00 100%);background-clip:text;-webkit-background-clip:text} /* ══ BÖLÜNDÜ: HABER-DETAY.HTML ══ */ .page-haber-detay .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-haber-detay .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-haber-detay .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-haber-detay .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-haber-detay .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-haber-detay .btn-glow{position:relative} .page-haber-detay .btn-glow::after{content:'';position:absolute;inset:-4px;border-radius:18px;background:linear-gradient(135deg,#111,var(--gold));z-index:-1;opacity:0;filter:blur(14px);transition:opacity .4s} .page-haber-detay .btn-glow:hover::after{opacity:.5} .page-haber-detay .btn:hover .arr{transform:translateX(4px)} .page-haber-detay .arr{transition:transform .3s} .page-haber-detay.sw{position:relative;z-index:10;overflow-x:hidden} .page-haber-detay .sc{max-width:900px;margin:0 auto;padding:48px 60px} .page-haber-detay.sw section.pg-content{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;position:relative;color:var(--text-h);border-bottom:2px solid var(--gold)} html[data-theme="light"] .page-haber-detay.sw section.pg-content{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06)} /* -- HABER MAKALESİ -- */ .page-haber-detay .hbdt-back{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);text-decoration:none;margin-bottom:24px;transition:gap .3s} .page-haber-detay .hbdt-back:hover{gap:10px} .page-haber-detay .hbdt-tags{display:flex;align-items:center;gap:14px;margin-bottom:16px} .page-haber-detay .hbdt-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:6px 12px;border-radius:20px;border:1px solid rgba(201,168,76,.35);color:var(--gold)} .page-haber-detay .hbdt-date{font-size:11px;color:var(--text-b);font-weight:600;letter-spacing:.04em} .page-haber-detay .hbdt-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(30px,4vw,48px);color:var(--text-h);line-height:1.1;margin-bottom:28px} .page-haber-detay .hbdt-img{height:400px;border-radius:20px;background-size:cover;background-position:center center;margin-bottom:28px} .page-haber-detay .hbdt-body p{font-size:15px;line-height:1.85;color:var(--text-b);margin-bottom:20px} .page-haber-detay .hbdt-body p:last-child{margin-bottom:0} .page-haber-detay .hbdt-cta{margin-top:32px} @media(max-width:768px){ .page-haber-detay .sc{padding:36px 24px} .page-haber-detay .hbdt-img{height:240px} } /* ── HK: TEMEL SAYFA İSKELETİ (diğer sayfalarla aynı ortak yapı) ── */ .page-hakkimizda .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-hakkimizda .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-hakkimizda .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-hakkimizda .btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s} .page-hakkimizda .btn-gold:hover::before{left:100%} .page-hakkimizda .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-hakkimizda .btn-g{background:transparent;color:var(--text-b);border:1px solid var(--line)} .page-hakkimizda .btn-g:hover{background:var(--card-bg);color:var(--text-h);border-color:rgba(255,255,255,.15);transform:translateY(-2px)} .page-hakkimizda .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-hakkimizda .btn-glow{position:relative} .page-hakkimizda .btn-glow::after{content:'';position:absolute;inset:-4px;border-radius:18px;background:linear-gradient(135deg,#111,var(--gold));z-index:-1;opacity:0;filter:blur(14px);transition:opacity .4s} .page-hakkimizda .btn-glow:hover::after{opacity:.5} .page-hakkimizda .btn:hover .arr{transform:translateX(4px)} .page-hakkimizda .arr{transition:transform .3s} .page-hakkimizda .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-hakkimizda .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-hakkimizda .s-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:18px} .page-hakkimizda .s-label::before{content:'';width:20px;height:1px;background:var(--gold)} .page-hakkimizda.sw{position:relative;z-index:10;overflow-x:hidden} .page-hakkimizda .sc{max-width:1400px;margin:0 auto;padding:48px 60px} .page-hakkimizda .s-h2{font-size:clamp(34px,4vw,60px);margin-bottom:16px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-h)} .page-hakkimizda .s-sub{font-size:16px;color:var(--text-b);max-width:520px;line-height:1.8;font-weight:400;margin-bottom:36px} .page-hakkimizda.sw section{position:relative;border-bottom:2px solid var(--gold)} .page-hakkimizda.sw section .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center} .page-hakkimizda.sw section .s-h2{text-align:center} .page-hakkimizda.sw section .s-sub{text-align:center;margin-left:auto;margin-right:auto} .page-hakkimizda.sw section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,#D4A017 50%,var(--gold) 70%,transparent 100%)} .page-hakkimizda.sw section.pg-content{padding:36px 36px 28px} /* ── HK: SIRAYLA BEYAZ / SİYAH SECTION'LAR (temaya bakmaksızın sabit) ── 1. Hikayemiz = beyaz, 2. Misyon&Vizyon = siyah, 3. Sayılarla = beyaz, 4. Değerlerimiz = siyah. Sitenin normal modu (temasız/varsayılan) zaten koyu olduğu için bu sıralama temadan bağımsız sabit tutulur. ── */ .page-hakkimizda .hk-story, .page-hakkimizda .hk-stats-sec{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;color:var(--text-h)} .page-hakkimizda .hk-mv, .page-hakkimizda .hk-values-sec{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06);color:var(--text-h)} .page-hakkimizda .hk-story .sc, .page-hakkimizda .hk-stats-sec .sc{background:#f4f3f0;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative} .page-hakkimizda .hk-mv .sc, .page-hakkimizda .hk-values-sec .sc{background:#050816;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.14);box-shadow:0 4px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04) inset;overflow:hidden;position:relative} .page-hakkimizda .hk-story .grad, .page-hakkimizda .hk-stats-sec .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 45%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-hakkimizda .hk-mv .grad, .page-hakkimizda .hk-values-sec .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-hakkimizda .hk-story .grad-g, .page-hakkimizda .hk-stats-sec .grad-g{background:linear-gradient(135deg,#b8820a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-hakkimizda .hk-mv .grad-g, .page-hakkimizda .hk-values-sec .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-hakkimizda .hk-story .btn-g, .page-hakkimizda .hk-stats-sec .btn-g{border-color:rgba(0,0,0,.28);color:#3a3a3a;background:rgba(0,0,0,.05)} .page-hakkimizda .hk-story .btn-g:hover, .page-hakkimizda .hk-stats-sec .btn-g:hover{background:rgba(0,0,0,.09);border-color:rgba(0,0,0,.36);color:#111} .page-hakkimizda .hk-mv .btn-g, .page-hakkimizda .hk-values-sec .btn-g{border-color:rgba(255,255,255,.16);color:var(--text-b);background:rgba(255,255,255,.04)} .page-hakkimizda .hk-mv .btn-g:hover, .page-hakkimizda .hk-values-sec .btn-g:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff} /* ── HK: SECTION 1 — HİKAYEMİZ (hk-story*) ── */ .hk-story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start;text-align:left} .page-hakkimizda .hk-story-grid .s-label{display:inline-flex;justify-content:flex-start;width:auto;margin-left:0;margin-right:0} .page-hakkimizda .hk-story-grid .s-h2{text-align:left} .page-hakkimizda .hk-story-grid .s-sub{text-align:left;margin-left:0;margin-right:0} .hk-story-p{font-size:15px;color:var(--text-b);line-height:1.85;margin-bottom:18px} .hk-story-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px} .hk-story-img{border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.18)} .hk-story-img img{width:100%;height:100%;object-fit:cover;display:block} /* ── HK: SECTION 2 — MİSYON & VİZYON (hk-mv*) ── */ .hk-mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px} .hk-mv-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:40px 38px;text-align:left;transition:all .45s cubic-bezier(.23,1,.32,1)} .hk-mv-card:hover{border-color:rgba(201,168,76,.2);transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.3)} .hk-mv-icon{width:56px;height:56px;border-radius:16px;background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.14);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px} .hk-mv-h{font-size:20px;font-weight:700;letter-spacing:-.03em;color:var(--text-h);margin-bottom:12px} .hk-mv-p{font-size:14px;color:var(--text-b);line-height:1.8} .page-hakkimizda .hk-mv-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} .page-hakkimizda .hk-mv-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45)} /* ── HK: SECTION 3 — SAYILARLA ÉLANCE (hk-stat*) ── */ .hk-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center} .hk-stat{display:flex;flex-direction:column;align-items:center;gap:6px} .hk-stat-n{font-family:'Inter',sans-serif;font-size:clamp(32px,4vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1} .hk-stat-l{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-b)} /* ── HK: SECTION 4 — DEĞERLERİMİZ (hk-val*) ── */ .hk-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:0} .hk-val-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:32px 26px;text-align:center;transition:all .45s cubic-bezier(.23,1,.32,1)} .hk-val-card:hover{border-color:rgba(201,168,76,.2);transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.3)} .hk-val-icon{width:52px;height:52px;margin:0 auto 18px;border-radius:14px;background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.14);display:flex;align-items:center;justify-content:center;font-size:22px} .hk-val-h{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text-h);margin-bottom:10px} .hk-val-p{font-size:13px;color:var(--text-b);line-height:1.75} .page-hakkimizda .hk-val-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 18px rgba(0,0,0,.35)} .page-hakkimizda .hk-val-card:hover{border-color:rgba(201,168,76,.45);box-shadow:0 20px 60px rgba(0,0,0,.45)} /* ── EGT: TEMEL SAYFA İSKELETİ ── */ .page-egitmen-detay .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .page-egitmen-detay .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.23,1,.32,1);text-decoration:none;border:none;position:relative;overflow:hidden;white-space:nowrap} .page-egitmen-detay .btn-gold{background:linear-gradient(135deg,#b8962e,var(--gold));color:#050816;font-weight:700;box-shadow:0 0 28px rgba(201,168,76,.2);animation:btnPulse 3s ease-in-out infinite} .page-egitmen-detay .btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s} .page-egitmen-detay .btn-gold:hover::before{left:100%} .page-egitmen-detay .btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(201,168,76,.4)} .page-egitmen-detay .btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none} .page-egitmen-detay .btn-lg{padding:15px 30px;font-size:14px;border-radius:14px} .page-egitmen-detay .btn:hover .arr{transform:translateX(4px)} .page-egitmen-detay .arr{transition:transform .3s} .page-egitmen-detay .grad{background:linear-gradient(135deg,#1a1a1a 0%,var(--gold) 45%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-egitmen-detay .grad-g{background:linear-gradient(135deg,#b8820a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .page-egitmen-detay .s-label{display:flex;width:fit-content;margin-left:auto;margin-right:auto;justify-content:center;align-items:center;gap:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:18px} .page-egitmen-detay .s-label::before{content:'';width:20px;height:1px;background:var(--gold)} .page-egitmen-detay.sw{position:relative;z-index:10;overflow-x:hidden} .page-egitmen-detay .sc{max-width:1400px;margin:0 auto;padding:48px 60px} .page-egitmen-detay .s-h2{font-size:clamp(34px,4vw,60px);margin-bottom:16px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-h);text-align:center} .page-egitmen-detay .s-sub{font-size:16px;color:var(--text-b);max-width:520px;line-height:1.8;font-weight:400;margin-bottom:36px;text-align:center;margin-left:auto;margin-right:auto} .page-egitmen-detay.sw section{background:#ffffff;--bg:#ffffff;--text-h:#111111;--text-b:#555555;--line:rgba(0,0,0,.1);--card-bg:#F9F7F2;position:relative;color:var(--text-h);border-bottom:2px solid var(--gold)} .page-egitmen-detay.sw section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,#D4A017 50%,var(--gold) 70%,transparent 100%)} .page-egitmen-detay.sw section.pg-content{padding:36px 36px 28px} .page-egitmen-detay.sw section.pg-content .sc{background:#f4f3f0;border-radius:28px;padding:36px 48px 32px;border:1px solid rgba(201,168,76,.18);box-shadow:0 4px 48px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;position:relative;--card-bg:#ffffff} html[data-theme="light"] .page-egitmen-detay.sw section{background:#050816;--bg:#050816;--text-h:#ffffff;--text-b:#c8d4e4;--line:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.06)} html[data-theme="light"] .page-egitmen-detay.sw section.pg-content .sc{background:#050816;border-color:rgba(201,168,76,.14);box-shadow:0 4px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.04) inset;--card-bg:rgba(255,255,255,.04)} html[data-theme="light"] .page-egitmen-detay.sw section .grad{background:linear-gradient(135deg,#fff 0%,var(--gold) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} html[data-theme="light"] .page-egitmen-detay.sw section .grad-g{background:linear-gradient(135deg,#e8d08a,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} /* ── EGT: SECTION 1 — EĞİTMEN BİLGİSİ + ÖN KAYIT FORMU (dt-*) ── */ .page-egitmen-detay .dt-top{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:start} .page-egitmen-detay .dt-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px} .page-egitmen-detay .dt-ctg, .page-egitmen-detay .dt-ctry{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:6px 12px;border-radius:20px;border:1px solid rgba(201,168,76,.35);color:var(--gold)} .page-egitmen-detay .dt-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(34px,4vw,52px);color:var(--text-h);line-height:1.05;margin-bottom:20px} .page-egitmen-detay .dt-long{font-size:15px;line-height:1.85;color:var(--text-b);max-width:620px;margin-bottom:18px} .page-egitmen-detay .egm-styles{display:flex;gap:8px;flex-wrap:wrap} .page-egitmen-detay .dt-form-wrap{background:var(--card-bg);border:1px solid var(--line);border-radius:24px;padding:36px 32px} .page-egitmen-detay .dt-form-h{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:26px;color:var(--text-h);margin:6px 0 22px;line-height:1.2} .page-egitmen-detay .cf-field{display:flex;flex-direction:column;gap:7px} .page-egitmen-detay .cf-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-b)} .page-egitmen-detay .cf-input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:13px 16px;color:var(--text-h);font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border-color .3s,box-shadow .3s,background .3s;-webkit-appearance:none;appearance:none} .page-egitmen-detay .cf-input::placeholder{color:rgba(191,200,216,.3)} .page-egitmen-detay .cf-input:focus{border-color:rgba(201,168,76,.45);box-shadow:0 0 0 3px rgba(201,168,76,.07);background:rgba(255,255,255,.06)} .page-egitmen-detay .dt-form-wrap .cf-field{margin-bottom:16px} .page-egitmen-detay .dt-form-wrap .cf-input{background:#ffffff;border-color:rgba(0,0,0,.14);color:#0f0f0f} .page-egitmen-detay .dt-form-wrap .cf-input::placeholder{color:rgba(75,85,99,.55)} .page-egitmen-detay .dt-form-wrap .cf-input:focus{background:#ffffff;border-color:rgba(201,168,76,.5);box-shadow:0 0 0 3px rgba(201,168,76,.08)} .page-egitmen-detay .dt-form-submit{width:100%;justify-content:center;margin-top:6px} .page-egitmen-detay .dt-form-success{display:none;text-align:center;padding:20px 0} .page-egitmen-detay .dt-form-success.show{display:block} html[data-theme="light"] .page-egitmen-detay .dt-form-wrap .cf-input{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09);color:#fff} html[data-theme="light"] .page-egitmen-detay .dt-form-wrap .cf-input::placeholder{color:rgba(191,200,216,.35)} html[data-theme="light"] .page-egitmen-detay .dt-form-wrap .cf-input:focus{background:rgba(255,255,255,.07);border-color:rgba(201,168,76,.45);box-shadow:0 0 0 3px rgba(201,168,76,.07)} /* ── EGT: SECTION 2 — KARİYER & UZMANLIK (dt-career-*) ── */ .page-egitmen-detay .dt-career-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;max-width:900px;margin:0 auto} .page-egitmen-detay .dt-career-stat{display:flex;flex-direction:column;align-items:center;gap:6px} .page-egitmen-detay .dt-career-n{font-family:'Inter',sans-serif;font-size:clamp(30px,3.6vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1} .page-egitmen-detay .dt-career-l{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-b)} /* ── EGT: SECTION 3 — GALERİ + LIGHTBOX (dt-gallery/dt-lightbox) ── */ .page-egitmen-detay .dt-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:32px} .page-egitmen-detay .dt-gitem{aspect-ratio:1/1;border-radius:18px;background-size:cover;background-position:center;cursor:pointer;transition:transform .35s ease;position:relative;overflow:hidden} .page-egitmen-detay .dt-gitem:hover{transform:translateY(-4px) scale(1.015)} .page-egitmen-detay .dt-lightbox{position:fixed;inset:0;background:rgba(2,3,10,.95);z-index:1001;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease} .page-egitmen-detay .dt-lightbox.open{display:flex;opacity:1} .page-egitmen-detay .dt-lb-img{max-width:82vw;max-height:82vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6)} .page-egitmen-detay .dt-lb-close{position:absolute;top:24px;right:28px;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;width:44px;height:44px;border-radius:50%;transition:background .2s} .page-egitmen-detay .dt-lb-close:hover{background:rgba(255,255,255,.1)} .page-egitmen-detay .dt-lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.35);color:var(--gold);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s} .page-egitmen-detay .dt-lb-nav:hover{background:rgba(201,168,76,.28)} .page-egitmen-detay .dt-lb-prev{left:24px} .page-egitmen-detay .dt-lb-next{right:24px}