/* ========================================================================== KURUMSAL TASARIM MODU (kurumsal-tasarim.css) -------------------------------------------------------------------------- Yalnizca iken devreye girer. Klasik tasarima HIC dokunmaz (tum kurallar [data-tasarim="kurumsal"] altinda). Renkler tema sisteminden gelir (--brand-50..900 / --tema-aksan) -> admin palet/tema degistirince kurumsal tasarim da otomatik renk degistirir. ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap'); [data-tasarim="kurumsal"]{ --c-ink:#16202b; --c-muted:#5b6b7a; --c-line:#e6ebf1; --c-bg:#ffffff; --c-bg2:#f5f8fb; --c-on:#ffffff; --c-ok:#0e8f5a; --c-radius:12px; --c-radius-lg:18px; --c-radius-pill:999px; } /* ---- Taban / tipografi ---- */ body[data-tasarim="kurumsal"]{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--c-bg);color:var(--c-ink);-webkit-font-smoothing:antialiased} [data-tasarim="kurumsal"] h1,[data-tasarim="kurumsal"] h2,[data-tasarim="kurumsal"] h3,[data-tasarim="kurumsal"] h4{font-family:'Manrope',system-ui,sans-serif;font-weight:800;letter-spacing:-0.02em;color:var(--c-ink)} [data-tasarim="kurumsal"] .uk-wrap{max-width:1240px;margin:0 auto;padding:0 24px} [data-tasarim="kurumsal"] a{text-decoration:none} /* ---- Butonlar ---- */ [data-tasarim="kurumsal"] .uk-btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;padding:.78rem 1.5rem;border-radius:var(--c-radius-pill);border:1.5px solid transparent;cursor:pointer;transition:all .18s;line-height:1.1} [data-tasarim="kurumsal"] .uk-btn-primary{background:var(--brand-600,#1e4a8a);color:var(--c-on)} [data-tasarim="kurumsal"] .uk-btn-primary:hover{background:var(--brand-700,#173a6e);transform:translateY(-1px)} [data-tasarim="kurumsal"] .uk-btn-outline{background:transparent;border-color:var(--brand-600,#1e4a8a);color:var(--brand-700,#173a6e)} [data-tasarim="kurumsal"] .uk-btn-outline:hover{background:var(--brand-50,#eef3fb)} /* ---- Ust yardimci serit ---- */ [data-tasarim="kurumsal"] .uk-util{background:var(--c-bg2);border-bottom:1px solid var(--c-line);font-size:.82rem} [data-tasarim="kurumsal"] .uk-util .uk-wrap{display:flex;justify-content:flex-end;gap:22px;height:38px;align-items:center;color:var(--c-muted);flex-wrap:wrap} [data-tasarim="kurumsal"] .uk-util a{display:inline-flex;align-items:center;gap:6px;color:var(--c-muted)} [data-tasarim="kurumsal"] .uk-util a:hover{color:var(--brand-600,#1e4a8a)} /* ---- Kurumsal navigasyon (koyu nav'i beyaza cevirir, hook'lar korunur) ---- */ [data-tasarim="kurumsal"] #siteNav{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--c-line);box-shadow:0 1px 3px rgba(16,32,48,.06)} [data-tasarim="kurumsal"] .uk-nav-in{display:flex;align-items:center;gap:26px;height:74px} [data-tasarim="kurumsal"] .uk-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem;color:var(--brand-800,#132d52)} [data-tasarim="kurumsal"] .uk-logo-mark{width:38px;height:38px;border-radius:10px;background:var(--brand-600,#1e4a8a);color:#fff;display:flex;align-items:center;justify-content:center} [data-tasarim="kurumsal"] .uk-mainnav{display:flex;gap:22px;font-weight:600;font-size:.95rem;align-items:center} [data-tasarim="kurumsal"] #siteNav .nav-link{color:var(--c-ink);padding:6px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s} [data-tasarim="kurumsal"] #siteNav .nav-link:hover,[data-tasarim="kurumsal"] #siteNav .nav-link.is-active{color:var(--brand-600,#1e4a8a);border-color:var(--brand-600,#1e4a8a)} [data-tasarim="kurumsal"] #siteNav .nav-link::after{display:none} [data-tasarim="kurumsal"] .uk-nav-right{margin-left:auto;display:flex;align-items:center;gap:12px} [data-tasarim="kurumsal"] .uk-burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--c-line);background:#fff;color:var(--brand-700,#173a6e);align-items:center;justify-content:center;cursor:pointer} @media(max-width:1023px){ [data-tasarim="kurumsal"] .uk-burger{display:inline-flex} /* Mobilde menu VARSAYILAN GIZLI; sadece .show eklenince acilir (main.js toggle) */ [data-tasarim="kurumsal"] .uk-mainnav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 20px 16px;border-bottom:1px solid var(--c-line);box-shadow:0 18px 34px rgba(16,32,48,.12);z-index:50} [data-tasarim="kurumsal"] #primary-mobile-menu.show{display:flex} [data-tasarim="kurumsal"] #siteNav .nav-link{display:block;width:100%;padding:10px 0;border-bottom:1px solid var(--c-line)} [data-tasarim="kurumsal"] #siteNav .nav-link:last-child{border-bottom:0} [data-tasarim="kurumsal"] #siteNav{position:relative} } /* ---- Flash mesaj (header) kurumsal ton ---- */ [data-tasarim="kurumsal"] [data-dismiss-alert]{color:inherit} /* ---- Kurumsal hero (acik zemin + hesaplayici) ---- */ [data-tasarim="kurumsal"] .uk-hero{background:linear-gradient(180deg,var(--brand-50,#eef3fb),#fff);padding:52px 0 60px} [data-tasarim="kurumsal"] .uk-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:start} [data-tasarim="kurumsal"] .uk-hero h1{font-size:clamp(2.1rem,4.2vw,3.3rem);line-height:1.12} [data-tasarim="kurumsal"] .uk-hero h1 em{font-style:normal;color:var(--brand-600,#1e4a8a)} [data-tasarim="kurumsal"] .uk-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--brand-100,#d6e4f5);color:var(--brand-800,#132d52);font-weight:700;font-size:.8rem;padding:6px 14px;border-radius:var(--c-radius-pill);margin-bottom:18px} [data-tasarim="kurumsal"] .uk-hero .lead{margin:18px 0 26px;font-size:1.1rem;color:var(--c-muted);max-width:32rem} [data-tasarim="kurumsal"] .uk-hero-acts{display:flex;gap:14px;flex-wrap:wrap;align-items:center} [data-tasarim="kurumsal"] .uk-hero-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--brand-700,#173a6e);font-size:.92rem} @media(max-width:980px){[data-tasarim="kurumsal"] .uk-hero-grid{grid-template-columns:1fr;gap:30px}} /* ---- Hesaplayici karti ---- */ [data-tasarim="kurumsal"] .uk-calc{background:#fff;border:1px solid var(--c-line);border-radius:var(--c-radius-lg);box-shadow:0 20px 50px rgba(16,32,48,.10);overflow:hidden} [data-tasarim="kurumsal"] .uk-calc-head{background:var(--brand-600,#1e4a8a);color:#fff;padding:16px 22px;font-weight:700;display:flex;align-items:center;gap:9px} [data-tasarim="kurumsal"] .uk-calc-body{padding:18px 22px 24px} [data-tasarim="kurumsal"] .uk-crow{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--c-line);gap:10px} [data-tasarim="kurumsal"] .uk-crow .k{color:var(--c-muted);font-size:.92rem} [data-tasarim="kurumsal"] .uk-crow .v{font-weight:700;font-variant-numeric:tabular-nums} [data-tasarim="kurumsal"] .uk-crow input,[data-tasarim="kurumsal"] .uk-crow select{font-family:inherit;font-weight:700;text-align:right;border:none;background:transparent;font-size:1rem;color:var(--c-ink);width:130px;outline:none} [data-tasarim="kurumsal"] .uk-crow.big .v{color:var(--brand-600,#1e4a8a);font-size:1.45rem} [data-tasarim="kurumsal"] .uk-calc .uk-btn{width:100%;justify-content:center;margin-top:18px;border-radius:10px} [data-tasarim="kurumsal"] .uk-calc-note{font-size:.74rem;color:var(--c-muted);margin-top:10px;line-height:1.5} /* ---- Hizli islem seridi ---- */ [data-tasarim="kurumsal"] .uk-quick{border-bottom:1px solid var(--c-line);background:#fff} [data-tasarim="kurumsal"] .uk-quick .uk-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:22px 24px} [data-tasarim="kurumsal"] .uk-qa{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:14px 8px;border-radius:var(--c-radius);transition:background .15s} [data-tasarim="kurumsal"] .uk-qa:hover{background:var(--brand-50,#eef3fb)} [data-tasarim="kurumsal"] .uk-qa .ic{width:52px;height:52px;border-radius:50%;background:var(--brand-50,#eef3fb);color:var(--brand-600,#1e4a8a);display:flex;align-items:center;justify-content:center;font-size:1.4rem} [data-tasarim="kurumsal"] .uk-qa span{font-weight:600;font-size:.9rem;color:var(--c-ink)} @media(max-width:860px){[data-tasarim="kurumsal"] .uk-quick .uk-wrap{grid-template-columns:repeat(2,1fr)}} /* ---- Guven seridi ---- */ [data-tasarim="kurumsal"] .uk-trust{background:var(--c-bg2);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)} [data-tasarim="kurumsal"] .uk-trust .uk-wrap{display:flex;justify-content:space-around;flex-wrap:wrap;gap:22px;padding:28px 24px} [data-tasarim="kurumsal"] .uk-tr{display:flex;align-items:center;gap:12px} [data-tasarim="kurumsal"] .uk-tr .ic{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--c-line);color:var(--brand-600,#1e4a8a);display:flex;align-items:center;justify-content:center;font-size:1.2rem} [data-tasarim="kurumsal"] .uk-tr b{display:block;font-size:.95rem}[data-tasarim="kurumsal"] .uk-tr span{font-size:.82rem;color:var(--c-muted)} /* ========================================================================== ICERIK SAYFALARI (tum frontend) — ortak bilesenleri kurumsallastir Klasik markup'taki Tailwind/utility siniflarini kurumsal tona getirir. ========================================================================== */ /* zemin: koyu gradient hero/section'larin yerine acik kurumsal his (sadece govde) */ [data-tasarim="kurumsal"] main{background:var(--c-bg)} /* Kartlar */ [data-tasarim="kurumsal"] .feature-card, [data-tasarim="kurumsal"] .bank-offer-card, [data-tasarim="kurumsal"] article.rounded-3xl{border:1px solid var(--c-line);box-shadow:0 1px 3px rgba(16,32,48,.05)} [data-tasarim="kurumsal"] .feature-card:hover, [data-tasarim="kurumsal"] article.rounded-3xl:hover{box-shadow:0 16px 36px rgba(16,32,48,.10)} [data-tasarim="kurumsal"] .feature-card-icon{background:var(--brand-50,#eef3fb);color:var(--brand-600,#1e4a8a)} /* Urun kart CTA */ [data-tasarim="kurumsal"] .product-link{background:var(--brand-600,#1e4a8a);border-radius:10px;box-shadow:none} [data-tasarim="kurumsal"] .product-link:hover{background:var(--brand-700,#173a6e)} /* Urun "Populer" rozetini sadelestir */ [data-tasarim="kurumsal"] #urunler .bg-brand-50{background:var(--brand-50,#eef3fb);color:var(--brand-700,#173a6e)} /* Form input'lari — kurumsal cizgi */ [data-tasarim="kurumsal"] input:not([type=checkbox]):not([type=radio]):not([type=range]), [data-tasarim="kurumsal"] select, [data-tasarim="kurumsal"] textarea{border-radius:10px;transition:border-color .16s,box-shadow .16s} [data-tasarim="kurumsal"] input:not([type=checkbox]):not([type=radio]):not([type=range]):focus, [data-tasarim="kurumsal"] select:focus, [data-tasarim="kurumsal"] textarea:focus{border-color:var(--brand-500,#2c5ea6);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-500,#2c5ea6) 15%,transparent);outline:none} /* Cok adimli stepper — kurumsal */ [data-tasarim="kurumsal"] .form-stepper__bar{background:linear-gradient(90deg,var(--brand-600,#1e4a8a),var(--brand-400,#4f7fce))} [data-tasarim="kurumsal"] .progress-step.active .progress-step-circle{background:var(--brand-600,#1e4a8a);box-shadow:0 4px 12px color-mix(in srgb,var(--brand-600,#1e4a8a) 35%,transparent)} [data-tasarim="kurumsal"] .progress-steps{border:1px solid var(--c-line);box-shadow:0 4px 16px rgba(16,32,48,.06)} /* Form adim butonlari */ [data-tasarim="kurumsal"] .form-step-button--primary{background:var(--brand-600,#1e4a8a);border-radius:10px;box-shadow:none} [data-tasarim="kurumsal"] .form-step-button--primary:hover{background:var(--brand-700,#173a6e)} /* Sticky nav koyu varyantini kurumsalda etkisizlestir */ [data-tasarim="kurumsal"] [data-nav-sticky].is-condensed #siteNav{background:#fff;box-shadow:0 4px 16px rgba(16,32,48,.08)} /* Condensed (scroll/hover) durumunda da nav linkleri koyu kalsin (style.css'in acik-gri kuralini ez) */ [data-tasarim="kurumsal"] [data-nav-sticky].is-condensed #siteNav .nav-link{color:var(--c-ink)} [data-tasarim="kurumsal"] [data-nav-sticky].is-condensed #siteNav .nav-link:hover, [data-tasarim="kurumsal"] [data-nav-sticky].is-condensed #siteNav .nav-link.is-active{color:var(--brand-600,#1e4a8a)} /* Footer — kurumsal koyu (mevcut slate-950 zaten koyu; marka tonuna oturt) */ [data-tasarim="kurumsal"] footer#iletisim{background:#0f1722} /* Erisilebilirlik */ [data-tasarim="kurumsal"] a:focus-visible,[data-tasarim="kurumsal"] button:focus-visible, [data-tasarim="kurumsal"] input:focus-visible,[data-tasarim="kurumsal"] select:focus-visible{outline:2px solid var(--brand-500,#2c5ea6);outline-offset:2px} @media(prefers-reduced-motion:reduce){[data-tasarim="kurumsal"] *{transition:none!important;animation:none!important}} /* ========================================================================== KURUMSAL TASARIM — SAYFA KAPSAMI EK BLOGU (denetim raporlari konsolidasyonu) -------------------------------------------------------------------------- Bu blok mevcut kurallarin USTUNDEKI bosluklari kapatir; TEKRAR ETMEZ. Hedef sayfalar: basvuru-adim2 / basvuru-adim3 / basvuru-sonuc / basvuru-sorgula / belgeler (KYC). Tum kurallar [data-tasarim="kurumsal"] altinda scoped; renkler --brand-* / --c-* token'larindan gelir; hardcoded renk yok (fallback'ler haric); !important yalniz Tailwind utility ozgullugu ve inline style!important override'i icin minimum kullanildi. ========================================================================== */ /* --- 1) Genel: asiri yuvarlak div kartlar (article DEGIL) --- */ /* Mevcut CSS yalniz article.rounded-3xl'i kapsar; .rounded-3xl/.rounded-2xl DIV konteynerleri ve glassmorphism (bg-white/80 + backdrop-blur) burada. */ [data-tasarim="kurumsal"] .max-w-6xl .rounded-3xl, [data-tasarim="kurumsal"] .max-w-xl .rounded-3xl, [data-tasarim="kurumsal"] #kycContainer .rounded-3xl, [data-tasarim="kurumsal"] .mb-6.rounded-3xl, [data-tasarim="kurumsal"] .mt-6.rounded-3xl{ border-radius:var(--c-radius-lg)!important; } [data-tasarim="kurumsal"] .max-w-6xl .rounded-2xl, [data-tasarim="kurumsal"] .max-w-xl .rounded-2xl, [data-tasarim="kurumsal"] .print-area .rounded-2xl{ border-radius:var(--c-radius)!important; } /* Beyaz/acik DIV kartlara kurumsal ince cizgi + hafif golge (article gibi). */ [data-tasarim="kurumsal"] .max-w-6xl .rounded-3xl.bg-white, [data-tasarim="kurumsal"] .max-w-xl > .rounded-3xl, [data-tasarim="kurumsal"] #kycContainer > .rounded-3xl, [data-tasarim="kurumsal"] .mb-6.rounded-3xl, [data-tasarim="kurumsal"] .mt-6.rounded-3xl, [data-tasarim="kurumsal"] .print-area .rounded-2xl{ border:1px solid var(--c-line)!important; box-shadow:0 1px 3px rgba(16,32,48,.05)!important; } /* --- 2) Koyu cam (glassmorphism) ozet panelleri -> kurumsal --- */ /* basvuru-adim2: acik beyaz panel. */ [data-tasarim="kurumsal"] aside > .sticky > .rounded-3xl.bg-slate-900\/95, [data-tasarim="kurumsal"] aside .sticky.rounded-3xl.bg-slate-900\/95{ background:var(--c-bg2)!important;color:var(--c-ink)!important; border:1px solid var(--c-line)!important; box-shadow:0 1px 3px rgba(16,32,48,.06)!important; backdrop-filter:none!important;border-radius:var(--c-radius-lg)!important; } /* basvuru-adim3 ozet paneli: marka koyu (kurumsal accent), gradient yok. */ [data-tasarim="kurumsal"] aside > .rounded-3xl.bg-slate-900\/95{ background:var(--brand-700,#173a6e)!important;color:var(--c-on)!important; border:1px solid var(--brand-800,#132d52)!important; box-shadow:0 6px 20px rgba(16,32,48,.12)!important; backdrop-filter:none!important;border-radius:var(--c-radius-lg)!important; } /* Beyaz panele cevrilen ozetin metin tonlari (adim2). */ [data-tasarim="kurumsal"] aside .rounded-3xl.bg-slate-900\/95 [class*="text-white"]{color:var(--c-ink)!important} [data-tasarim="kurumsal"] aside .rounded-3xl.bg-slate-900\/95 .text-brand-300\/80{color:var(--brand-700,#173a6e)!important} [data-tasarim="kurumsal"] aside .rounded-3xl.bg-slate-900\/95 .bg-white\/10, [data-tasarim="kurumsal"] aside .rounded-3xl.bg-slate-900\/95 .bg-white\/5{ background:#fff!important;border-color:var(--c-line)!important; } /* --- 3) Parilti/glow efektleri (blur-3xl, ping/pulse glow) --- */ [data-tasarim="kurumsal"] aside .blur-3xl, [data-tasarim="kurumsal"] aside > .rounded-3xl > .absolute.blur-3xl, [data-tasarim="kurumsal"] #teklifLoading .animate-ping{display:none!important} /* Sureç listesi / nokta glow + pulse nokta -> duz brand. */ [data-tasarim="kurumsal"] aside ul li span.rounded-full.bg-brand-500{ box-shadow:none!important;animation:none!important;background:var(--brand-600,#1e4a8a)!important; } [data-tasarim="kurumsal"] span.rounded-full.animate-pulse{animation:none!important} /* --- 4) Gradient / inline-!important submit ve CTA butonlari -> flat brand --- */ [data-tasarim="kurumsal"] form#basvuruAdim2Form button[type="submit"], [data-tasarim="kurumsal"] #basvuruForm button[type="submit"], [data-tasarim="kurumsal"] .btn-cta-primary{ background:var(--brand-600,#1e4a8a)!important;background-image:none!important; border-radius:10px!important;box-shadow:none!important;transform:none!important; transition:background .18s!important; } [data-tasarim="kurumsal"] form#basvuruAdim2Form button[type="submit"]:hover, [data-tasarim="kurumsal"] #basvuruForm button[type="submit"]:hover, [data-tasarim="kurumsal"] .btn-cta-primary:hover{ background:var(--brand-700,#173a6e)!important;transform:none!important;scale:1!important;box-shadow:none!important; } /* basvuru-sorgula + basvuru-sonuc: token'li ama glow golge/fazla radius'lu buton & link. */ [data-tasarim="kurumsal"] form button[type="submit"].bg-brand-600, [data-tasarim="kurumsal"] .max-w-xl a.rounded-xl, [data-tasarim="kurumsal"] .max-w-xl a.bg-brand-600{ border-radius:var(--c-radius)!important;box-shadow:none!important; } [data-tasarim="kurumsal"] form button[type="submit"].bg-brand-600:hover, [data-tasarim="kurumsal"] .max-w-xl a.bg-brand-600:hover{background:var(--brand-700,#173a6e)!important} /* Outline / geri / "yeni sorgu" / btn-cta-ghost butonlari -> kurumsal cizgi. */ [data-tasarim="kurumsal"] #basvuruForm a[href="basvuru-adim2.php"], [data-tasarim="kurumsal"] .max-w-xl a.border-2, [data-tasarim="kurumsal"] .btn-cta, [data-tasarim="kurumsal"] .btn-cta-ghost{ border-radius:10px!important;border-color:var(--c-line)!important;color:var(--c-ink)!important; } [data-tasarim="kurumsal"] #basvuruForm a[href="basvuru-adim2.php"]:hover, [data-tasarim="kurumsal"] .max-w-xl a.border-2:hover, [data-tasarim="kurumsal"] .btn-cta-ghost:hover{ border-color:var(--brand-600,#1e4a8a)!important;background:var(--brand-50,#eef3fb)!important;color:var(--brand-700,#173a6e)!important; } /* --- 5) Form-stepper konteyneri + adim cipleri (blur/glow/emerald) --- */ [data-tasarim="kurumsal"] .form-stepper{ background:#fff!important;backdrop-filter:none!important; border:1px solid var(--c-line)!important;box-shadow:0 1px 3px rgba(16,32,48,.06)!important; border-radius:var(--c-radius-lg)!important; } [data-tasarim="kurumsal"] .form-stepper__bar{box-shadow:none!important;animation:none!important} [data-tasarim="kurumsal"] .form-stepper span.rounded-full{box-shadow:none!important} [data-tasarim="kurumsal"] .form-stepper .bg-emerald-500, [data-tasarim="kurumsal"] .form-stepper .bg-emerald-400{background:var(--c-ok)!important;box-shadow:none!important} [data-tasarim="kurumsal"] .form-stepper .bg-emerald-50, [data-tasarim="kurumsal"] .form-stepper .bg-brand-50\/80{background:var(--brand-50,#eef3fb)!important} [data-tasarim="kurumsal"] .form-stepper .bg-brand-600{background:var(--brand-600,#1e4a8a)!important} [data-tasarim="kurumsal"] .form-stepper .text-emerald-800, [data-tasarim="kurumsal"] .form-stepper .text-emerald-600{color:var(--c-ok)!important} /* --- 6) KYC stepper dugumleri (gradient/scale/glow) -> flat --- */ [data-tasarim="kurumsal"] .kyc-step-node.is-done, [data-tasarim="kurumsal"] .kyc-step-line.is-done{background:var(--c-ok)!important;box-shadow:none!important} [data-tasarim="kurumsal"] .kyc-step-node.is-active{background:var(--brand-600,#1e4a8a)!important;box-shadow:none!important;transform:none!important} /* --- 7) Emerald (basari/onay) palet -> kurumsal --c-ok, flat --- */ [data-tasarim="kurumsal"] .border-emerald-100.bg-emerald-50{background:#eef7f1!important;border-color:#cfe7d8!important} [data-tasarim="kurumsal"] .text-emerald-700{color:var(--c-ok)!important} [data-tasarim="kurumsal"] .text-emerald-900, [data-tasarim="kurumsal"] #netGelir{color:#0b6b44!important} /* basvuru-sonuc: basari banner + adim ikonu + toast. */ [data-tasarim="kurumsal"] .print-area .bg-emerald-50.border-emerald-100{box-shadow:none!important;border-color:var(--c-line)!important} [data-tasarim="kurumsal"] .print-area li .bg-emerald-500{background:var(--brand-600,#1e4a8a)!important} [data-tasarim="kurumsal"] .print-area li .ring-brand-100, [data-tasarim="kurumsal"] .print-area .ring-amber-200, [data-tasarim="kurumsal"] .ring-amber-200{--tw-ring-color:var(--brand-100,#d6e4f5)!important} [data-tasarim="kurumsal"] #toastNotification > div{ background:var(--c-ok)!important;border-radius:var(--c-radius)!important; box-shadow:0 12px 30px rgba(16,32,48,.18)!important; } /* KYC "tamamlandi" karti emerald gradient -> duz acik yuzey. */ [data-tasarim="kurumsal"] .rounded-3xl.from-emerald-50{background:var(--c-bg2)!important;border-color:var(--c-line)!important} /* --- 8) Amber/altin (uyari & "onerilen") -> kurumsal, semantik flat --- */ [data-tasarim="kurumsal"] .banka-card--onerilen{ background:var(--brand-50,#eef3fb)!important;border:1.5px solid var(--brand-600,#1e4a8a)!important; box-shadow:0 1px 3px rgba(16,32,48,.06)!important; } [data-tasarim="kurumsal"] .banka-card--onerilen:hover{border-color:var(--brand-700,#173a6e)!important} [data-tasarim="kurumsal"] .banka-card--onerilen .absolute [style*="linear-gradient(135deg,#f59e0b"]{background:var(--brand-600,#1e4a8a)!important} [data-tasarim="kurumsal"] .print-area .border-amber-200.bg-amber-50{border-width:1px!important;border-radius:var(--c-radius)!important} [data-tasarim="kurumsal"] .print-area a.bg-amber-500{border-radius:var(--c-radius)!important;box-shadow:none!important} /* --- 9) Teklif loading (gradient serit/spinner/bar) -> flat brand --- */ [data-tasarim="kurumsal"] #teklifLoading{ box-shadow:0 1px 3px rgba(16,32,48,.06)!important;border-color:var(--c-line)!important; border-radius:var(--c-radius-lg)!important; } [data-tasarim="kurumsal"] #teklifLoading [style*="linear-gradient"], [data-tasarim="kurumsal"] #teklifLoadingBar{background:var(--brand-600,#1e4a8a)!important;opacity:1!important;filter:none!important} /* --- 10) Per-banka inline gradient taksit kutusu -> tek marka --- */ [data-tasarim="kurumsal"] .banka-card .rounded-xl[style*="linear-gradient"]{background:var(--brand-50,#eef3fb)!important} [data-tasarim="kurumsal"] .banka-card .rounded-xl[style*="linear-gradient"] p[style*="color"]{color:var(--brand-700,#173a6e)!important} /* --- 11) Sozlesme onay bloku + modal kapat butonu radius --- */ [data-tasarim="kurumsal"] #basvuruForm .rounded-2xl.border-2.border-slate-200{ border-width:1px!important;border-color:var(--c-line)!important;background:var(--c-bg2)!important; border-radius:var(--c-radius-lg)!important; } [data-tasarim="kurumsal"] #contractModal button.bg-brand-600{border-radius:10px!important} [data-tasarim="kurumsal"] #contractModal button.bg-brand-600:hover{background:var(--brand-700,#173a6e)!important} /* --- 12) basvuru-sonuc: cok-renkli gradient findeks progress bari -> duz brand --- */ [data-tasarim="kurumsal"] .h-3 .bg-gradient-to-r{background-image:none!important;background:var(--brand-500,#2c5ea6)!important} [data-tasarim="kurumsal"] .h-3.bg-slate-100{background:var(--c-bg2)!important} /* --- 13) basvuru-sorgula: acik diagonal gradient zemin + ic gri yuzeyler --- */ [data-tasarim="kurumsal"] .bg-gradient-to-br.from-slate-50{background:var(--c-bg2)!important;background-image:none!important} [data-tasarim="kurumsal"] .max-w-xl [class*="bg-slate-50"]{background:var(--c-bg2)!important} [data-tasarim="kurumsal"] code.bg-slate-100{background:var(--c-bg2)!important;color:var(--c-ink)!important} [data-tasarim="kurumsal"] .text-center .rounded-2xl.bg-brand-50{border-radius:var(--c-radius)!important} /* Durum dairesi ring glow -> ince cizgi. */ [data-tasarim="kurumsal"] .px-6 .rounded-full.ring-4{box-shadow:none!important;border:1px solid var(--c-line)!important} /* --- 14) basvuru-sonuc: aksiyon outline butonlari border/radius sadelestir --- */ [data-tasarim="kurumsal"] .print-area .border-2.border-slate-200{border-width:1.5px!important;border-color:var(--c-line)!important;border-radius:var(--c-radius)!important} [data-tasarim="kurumsal"] .print-area .rounded-xl{border-radius:var(--c-radius)!important} /* --- 15) KYC onizleme modali (koyu slate panel) -> kurumsal acik --- */ /* NOT: kamera modali (#kycCameraModal) BILINCLI koyu kalir; dokunulmaz. */ [data-tasarim="kurumsal"] #previewModal .bg-slate-900{background:var(--c-bg)!important} [data-tasarim="kurumsal"] #previewModal .bg-slate-800{background:var(--c-bg2)!important} [data-tasarim="kurumsal"] #previewModal .border-slate-700, [data-tasarim="kurumsal"] #previewModal .border-slate-600{border-color:var(--c-line)!important} [data-tasarim="kurumsal"] #previewModal #previewModalTitle{color:var(--c-ink)!important} [data-tasarim="kurumsal"] #previewModal .text-slate-300, [data-tasarim="kurumsal"] #previewModal .text-slate-400{color:var(--c-muted)!important} [data-tasarim="kurumsal"] #previewModal .border-slate-600{color:var(--c-ink)!important} [data-tasarim="kurumsal"] #previewModal .border-slate-600:hover{background:var(--brand-50,#eef3fb)!important;color:var(--brand-700,#173a6e)!important} [data-tasarim="kurumsal"] #previewModal .rounded-2xl{border-radius:var(--c-radius-lg)!important} /* --- 16) KYC kamera modali dugumleri (inline gradient) -> flat (panel koyu kalir) --- */ [data-tasarim="kurumsal"] #kycCamShoot{background:var(--brand-600,#1e4a8a)!important;border-radius:10px!important} [data-tasarim="kurumsal"] #kycCamConfirm{background:var(--c-ok)!important;border-radius:10px!important} /* --- 17) Vurgu input rengi marka token'i uzerinden --- */ [data-tasarim="kurumsal"] #talepTutar{color:var(--brand-700,#173a6e)!important} /* --- 18) Ic gri gruplar (Kredi Secimi / Gelir-Gider) ikincil yuzeye --- */ [data-tasarim="kurumsal"] #basvuruAdim2Form .rounded-2xl.bg-slate-50{background:var(--c-bg2)!important;border-color:var(--c-line)!important} /* ========================================================================== Basvuru / form sayfalari — kurumsal cila (adim1/2/3, sonuc, sorgula) ========================================================================== */ /* Sticky nav ile olusan fazla ust bosluk (pt-24=6rem -> derli toplu) */ [data-tasarim="kurumsal"] main .pt-24{padding-top:2.5rem} /* Form-stepper: tamamen flat — ring/glow/blur kaldir, kurumsal cizgi */ [data-tasarim="kurumsal"] .form-stepper .ring-2, [data-tasarim="kurumsal"] .form-stepper [class*="shadow-"]{box-shadow:none} [data-tasarim="kurumsal"] .form-stepper .bg-brand-50\/80{background:var(--brand-50,#eef3fb)} [data-tasarim="kurumsal"] .form-stepper .border-brand-100{border-color:var(--c-line)} /* Stepper baglanti cizgisi marka tonuna */ [data-tasarim="kurumsal"] .form-stepper .bg-slate-200{background:var(--c-line)} /* Form karti: kurumsal cerceve + yumusak golge (sicak beyaz) */ [data-tasarim="kurumsal"] #tcForm,[data-tasarim="kurumsal"] #basvuruForm{margin-top:0} /* "Güvenli ve Şeffaf Süreç" bilgi karti vurgusu */ [data-tasarim="kurumsal"] .border-brand-100.bg-brand-50, [data-tasarim="kurumsal"] .bg-brand-50\/60{background:var(--brand-50,#eef3fb);border-color:color-mix(in srgb,var(--brand-300,#85aae0) 50%,transparent)} /* Stepper: aktif adimdaki acik-mavi kare/ring kaldir (sadece daire kalsin) — synth !important'i ez */ [data-tasarim="kurumsal"] .form-stepper .ring-2{background:transparent!important;box-shadow:none!important;padding:0!important} /* Adim1 submit/devam butonu: flat brand (inline gradient kurumsalda kaldirildi) */ [data-tasarim="kurumsal"] #tcForm button[type="submit"]{background:var(--brand-600,#1e4a8a);box-shadow:0 6px 18px color-mix(in srgb,var(--brand-700,#173a6e) 22%,transparent)} [data-tasarim="kurumsal"] #tcForm button[type="submit"]:hover{background:var(--brand-700,#173a6e);transform:none;box-shadow:0 10px 24px color-mix(in srgb,var(--brand-700,#173a6e) 30%,transparent)} [data-tasarim="kurumsal"] #tcForm button[type="submit"]:active{transform:none} /* ---- Adim1: guven seridi + form/panel cilasi (kurumsal) ---- */ [data-tasarim="kurumsal"] .uk-trustrow{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:-4px 0 26px;padding:12px 16px;background:var(--brand-50,#eef3fb);border:1px solid color-mix(in srgb,var(--brand-300,#85aae0) 45%,transparent);border-radius:12px} [data-tasarim="kurumsal"] .uk-trustrow span{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--brand-800,#132d52)} [data-tasarim="kurumsal"] .uk-trustrow i{color:var(--brand-600,#1e4a8a);font-size:.95rem} [data-tasarim="kurumsal"] #tcForm label{color:var(--c-ink);font-weight:600} /* Guvenlik kartindaki yanip-sonen/glow noktalar -> sade */ [data-tasarim="kurumsal"] aside .bg-emerald-500{box-shadow:none!important;animation:none!important} /* "Güvenli ve Şeffaf Süreç" bilgi karti -> markali vurgu */ [data-tasarim="kurumsal"] #tcForm + .rounded-2xl{background:var(--brand-50,#eef3fb);border-color:color-mix(in srgb,var(--brand-300,#85aae0) 40%,transparent)} /* Captcha kutusu kurumsal kose */ [data-tasarim="kurumsal"] .g-recaptcha{border-radius:12px} /* ---- Mobil baslik kompaktligi (telefon) — "Hemen Başvur" + logo tasmasin ---- */ @media(max-width:640px){ [data-tasarim="kurumsal"] .uk-nav-in{gap:10px;height:62px} [data-tasarim="kurumsal"] .uk-logo{font-size:1.02rem;white-space:nowrap;gap:8px} [data-tasarim="kurumsal"] .uk-logo-mark{width:32px;height:32px;border-radius:9px} [data-tasarim="kurumsal"] .uk-logo-mark svg{width:1rem;height:1rem} [data-tasarim="kurumsal"] .uk-nav-right{gap:8px} [data-tasarim="kurumsal"] .uk-nav-right .uk-btn-primary{padding:.5rem .85rem;font-size:.8rem;white-space:nowrap;border-radius:10px} [data-tasarim="kurumsal"] .uk-burger{width:38px;height:38px} } /* ---- Hesaplayici: DUZENLENEBILIR alanlar belirgin (kutu + slider + ok) ---- */ [data-tasarim="kurumsal"] .uk-calc-hint{display:flex;align-items:center;gap:7px;font-size:.8rem;font-weight:600;color:var(--brand-700,#173a6e);background:var(--brand-50,#eef3fb);border:1px solid color-mix(in srgb,var(--brand-300,#85aae0) 45%,transparent);border-radius:10px;padding:8px 12px;margin:0 0 16px} [data-tasarim="kurumsal"] .uk-calc-hint i{color:var(--brand-600,#1e4a8a)} [data-tasarim="kurumsal"] .uk-field{padding:6px 0 14px} [data-tasarim="kurumsal"] .uk-field-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px} [data-tasarim="kurumsal"] .uk-field-top label{font-size:.92rem;font-weight:600;color:var(--c-muted)} [data-tasarim="kurumsal"] .uk-field-val{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--brand-300,#85aae0);border-radius:10px;padding:.45rem .7rem;background:#fff;transition:border-color .15s,box-shadow .15s} [data-tasarim="kurumsal"] .uk-field-val:focus-within{border-color:var(--brand-600,#1e4a8a);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500,#2c5ea6) 16%,transparent)} [data-tasarim="kurumsal"] .uk-field-val b{font-size:.85rem;font-weight:700;color:var(--c-muted)} [data-tasarim="kurumsal"] .uk-field-val input,[data-tasarim="kurumsal"] .uk-field-val select{border:none;background:transparent;text-align:right;font-weight:700;font-size:1.05rem;color:var(--brand-700,#173a6e);outline:none;font-variant-numeric:tabular-nums;font-family:inherit} [data-tasarim="kurumsal"] .uk-field-val input{width:124px;min-width:0} [data-tasarim="kurumsal"] .uk-field-val select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231e4a8a' stroke-width='2'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:12px} /* Range slider — etkilesim icin net sinyal */ [data-tasarim="kurumsal"] .uk-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:var(--brand-100,#d6e4f5);outline:none;cursor:pointer} [data-tasarim="kurumsal"] .uk-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--brand-600,#1e4a8a);border:3px solid #fff;box-shadow:0 2px 6px rgba(16,32,48,.35);cursor:pointer} [data-tasarim="kurumsal"] .uk-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--brand-600,#1e4a8a);border:3px solid #fff;box-shadow:0 2px 6px rgba(16,32,48,.35);cursor:pointer} /* ---- Hero sol kolon guven rozet satiri (sag hesaplayici ile denge) ---- */ [data-tasarim="kurumsal"] .uk-hero-trust{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:26px;padding-top:22px;border-top:1px solid var(--c-line)} [data-tasarim="kurumsal"] .uk-hero-trust span{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--brand-800,#132d52)} [data-tasarim="kurumsal"] .uk-hero-trust i{color:var(--brand-600,#1e4a8a)} /* ---- Hesaplayici dikeyde daha derli toplu (sol kolonla denge) ---- */ [data-tasarim="kurumsal"] .uk-calc-body{padding:16px 22px 18px} [data-tasarim="kurumsal"] .uk-crow{padding:10px 0} [data-tasarim="kurumsal"] .uk-field{padding:2px 0 10px} [data-tasarim="kurumsal"] .uk-calc-hint{margin:0 0 12px} [data-tasarim="kurumsal"] .uk-calc .uk-btn{margin-top:14px} /* ---- Hesaplayici RAFINE (daha temiz/mantikli hiyerarsi) ---- */ [data-tasarim="kurumsal"] .uk-calc-hint{font-size:.78rem;background:transparent;border:none;color:var(--c-muted);padding:0;margin:0 0 18px;gap:6px} [data-tasarim="kurumsal"] .uk-calc-hint i{color:var(--brand-500,#2c5ea6)} [data-tasarim="kurumsal"] .uk-field{padding:0 0 16px} [data-tasarim="kurumsal"] .uk-field-top{margin-bottom:12px;align-items:center} [data-tasarim="kurumsal"] .uk-field-top label{font-size:.92rem} /* Deger kutusu sadelesti: hafif zemin + buyuk net rakam */ [data-tasarim="kurumsal"] .uk-field-val{border:1px solid var(--c-line);background:var(--c-bg2);border-radius:9px;padding:.35rem .65rem;gap:3px} [data-tasarim="kurumsal"] .uk-field-val:focus-within{border-color:var(--brand-400,#4f7fce);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500,#2c5ea6) 12%,transparent)} [data-tasarim="kurumsal"] .uk-field-val input{font-size:1.3rem;font-weight:800;color:var(--brand-700,#173a6e);width:auto;max-width:150px} [data-tasarim="kurumsal"] .uk-field-val b{font-size:.8rem;font-weight:600} [data-tasarim="kurumsal"] .uk-range{height:6px} /* Sonuc bolumu: ust ayrac + taksit one cikan blok, sade satirlar */ [data-tasarim="kurumsal"] .uk-result{border-top:1px solid var(--c-line);margin-top:4px;padding-top:8px} [data-tasarim="kurumsal"] .uk-result .uk-crow{border-bottom:none;padding:7px 2px} [data-tasarim="kurumsal"] .uk-result .uk-crow.big{background:var(--brand-50,#eef3fb);border-radius:12px;padding:14px 16px;margin:8px 0} [data-tasarim="kurumsal"] .uk-result .uk-crow.big .k{color:var(--brand-800,#132d52);font-weight:600;font-size:1rem} [data-tasarim="kurumsal"] .uk-result .uk-crow.big .v{color:var(--brand-600,#1e4a8a);font-size:1.7rem;font-weight:800} /* ---- Hesaplayici MINIMAL/KOMPAKT (masaustu yukseklik azalt) ---- */ [data-tasarim="kurumsal"] .uk-calc-head{padding:13px 22px} [data-tasarim="kurumsal"] .uk-calc-body{padding:14px 22px 16px} [data-tasarim="kurumsal"] .uk-calc-hint{margin:0 0 12px;font-size:.76rem} [data-tasarim="kurumsal"] .uk-field{padding:0 0 11px} [data-tasarim="kurumsal"] .uk-field-top{margin-bottom:7px} [data-tasarim="kurumsal"] .uk-field-val{padding:.28rem .6rem} [data-tasarim="kurumsal"] .uk-field-val input{font-size:1.2rem} [data-tasarim="kurumsal"] .uk-range{height:5px} [data-tasarim="kurumsal"] .uk-result{padding-top:6px} [data-tasarim="kurumsal"] .uk-result .uk-crow{padding:5px 2px} [data-tasarim="kurumsal"] .uk-result .uk-crow.big{padding:11px 16px;margin:5px 0} [data-tasarim="kurumsal"] .uk-result .uk-crow.big .v{font-size:1.5rem} [data-tasarim="kurumsal"] .uk-calc .uk-btn{margin-top:12px;padding:.72rem 1.5rem} [data-tasarim="kurumsal"] .uk-calc-note{margin-top:8px;font-size:.72rem} /* Adim1 guven seridi: mobilde 4'lu satir yerine TEK sade guven cumlesi (kalabalik degil) */ [data-tasarim="kurumsal"] .uk-trust-mini{display:none} @media(max-width:640px){ [data-tasarim="kurumsal"] .uk-trustrow{display:none} [data-tasarim="kurumsal"] .uk-trust-mini{display:flex;align-items:flex-start;gap:8px;margin:2px 0 22px;font-size:.78rem;line-height:1.55;color:var(--c-muted)} [data-tasarim="kurumsal"] .uk-trust-mini i{color:var(--brand-600,#1e4a8a);font-size:1rem;flex-shrink:0;margin-top:2px} } /* ---- Koyu hero/section basliklari beyaz kalsin (kurumsal h* ink ezmesin) ---- */ [data-tasarim="kurumsal"] h1.text-white, [data-tasarim="kurumsal"] h2.text-white, [data-tasarim="kurumsal"] h3.text-white, [data-tasarim="kurumsal"] h4.text-white{color:#fff}