:root{
  --kl-navy:#062b4a;--kl-navy-2:#0a3d66;--kl-blue:#118de6;--kl-blue-2:#0b73bd;
  --kl-yellow:#ffc51b;--kl-text:#18283a;--kl-muted:#6d7c8c;--kl-border:#e2eaf1;
  --kl-bg:#f7f9fb;--kl-shadow:0 10px 28px rgba(7,42,72,.07)
}
html,body{overflow-x:hidden} body{color:var(--kl-text);background:#fff}
.kl-topbar{background:var(--kl-navy);color:#d9e7f1;font-size:12px}
.kl-topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:20px}
.kl-topbar a{color:#fff;text-decoration:none;margin-right:16px}.kl-topbar a:hover{opacity:.82}
.kl-header{background:#fff;border-bottom:1px solid var(--kl-border);position:relative;z-index:1030}
.kl-navbar{min-height:76px;padding:10px 0}.kl-brand img{display:block;width:190px;max-height:58px;object-fit:contain}
.kl-navbar .navbar-collapse{align-items:center}.kl-navbar .navbar-nav{gap:2px;margin-left:auto;align-items:center}
.kl-navbar .nav-link{color:#10283e!important;font-weight:650;font-size:14px;padding:12px 10px!important;border-radius:9px;white-space:nowrap}
.kl-navbar .nav-link:hover,.kl-navbar .nav-link.active{color:var(--kl-blue)!important;background:#eef8ff}
.kl-navbar .dropdown-menu{border:1px solid var(--kl-border);border-radius:14px;box-shadow:0 18px 45px rgba(7,42,72,.14);padding:10px;min-width:290px;margin-top:10px}
.kl-mega-item{display:flex;align-items:flex-start;gap:11px;padding:10px;border-radius:10px;text-decoration:none;color:var(--kl-text)}
.kl-mega-item:hover{background:#f4f9fd;color:var(--kl-blue)}.kl-mega-item svg{width:22px;height:22px;color:var(--kl-blue);flex:0 0 auto}
.kl-mega-item strong{display:block;font-size:13px}.kl-mega-item small{display:block;color:var(--kl-muted);font-size:11px;margin-top:2px}
.kl-head-actions{display:flex;gap:8px;margin-left:10px}.kl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:9px;text-decoration:none;font-weight:750;font-size:13px;border:1px solid transparent}
.kl-btn-outline{border-color:#bcd7eb;color:#0c527f;background:#fff}.kl-btn-primary{background:var(--kl-blue);color:#fff}.kl-btn:hover{filter:brightness(.97)}
.kl-promo{background:var(--kl-yellow);color:#101820;font-size:13px}.kl-promo .container{display:flex;justify-content:center;gap:18px;align-items:center;min-height:40px;text-align:center}.kl-promo a{background:#182133;color:#fff;text-decoration:none;padding:6px 13px;border-radius:6px;font-weight:700}
.kl-domainbar{background:#fff;border-bottom:1px solid var(--kl-border);padding:12px 0}.kl-domainbar-inner{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,135px);gap:10px}.kl-domain-form{display:flex;border:1px solid #d7e1e9;border-radius:10px;overflow:hidden;background:#fff}.kl-domain-form input{flex:1;min-width:0;border:0;padding:0 17px;font-size:15px;outline:none}.kl-domain-form button{border:0;background:#172033;color:#fff;padding:0 24px;font-weight:750;min-height:54px}.kl-tld{border:1px solid #dfe6eb;border-radius:10px;background:#fff;padding:7px 11px;text-align:left}.kl-tld strong{font-size:13px}.kl-tld span{display:block;color:var(--kl-muted);font-size:10px;margin-top:2px}
.kl-page-shell{padding:24px 0 40px}.kl-content-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px}.kl-content-grid.guest{grid-template-columns:minmax(0,1fr)}
.kl-sidebar{border:1px solid var(--kl-border);border-radius:16px;background:#fff;padding:12px;height:max-content;box-shadow:0 6px 22px rgba(7,42,72,.04)}
.kl-sidebar .nav-link{border-radius:9px;color:#556575;padding:10px 11px}.kl-sidebar .nav-link:hover,.kl-sidebar .nav-link.active{background:#edf7ff;color:var(--kl-blue)}.kl-sidebar .icon{width:18px;height:18px}
.kl-main{min-width:0}.kl-main .content-block{min-width:0}
.kl-footer{margin-top:35px;background:var(--kl-navy);color:#cfe0ec;padding:42px 0 20px}.kl-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}.kl-footer-logo{width:195px;height:60px;object-fit:contain;filter:brightness(0) invert(1)}.kl-footer p{font-size:12px;line-height:1.65;max-width:340px}.kl-footer h4{color:#fff;font-size:13px;font-weight:800;margin-bottom:12px}.kl-footer a{display:block;color:#cfe0ec;text-decoration:none;font-size:12px;margin:8px 0}.kl-footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:28px;padding-top:17px;display:flex;justify-content:space-between;gap:16px;font-size:11.5px}
.kl-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;border-radius:24px;padding:44px 48px;background:linear-gradient(118deg,#e7f8ff 0%,#fff3f7 47%,#fffbd9 100%);border:1px solid #dfe8ef;overflow:hidden}.kl-hero h1{font-size:42px;font-weight:850;line-height:1.08;color:var(--kl-navy);letter-spacing:-.03em}.kl-hero p{font-size:17px;color:#4d6072;line-height:1.6}.kl-hero img{width:100%;max-height:330px;object-fit:contain}.kl-eyebrow{color:var(--kl-blue);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.kl-trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border:1px solid var(--kl-border);border-radius:16px;overflow:hidden;background:#fff}.kl-trust-item{display:flex;gap:10px;align-items:center;padding:15px;border-right:1px solid var(--kl-border)}.kl-trust-item:last-child{border-right:0}.kl-trust-item svg{width:22px;height:22px;color:var(--kl-blue)}.kl-trust-item strong{display:block;font-size:12px}.kl-trust-item small{display:block;color:var(--kl-muted);font-size:10.5px}
.kl-section-head{text-align:center;max-width:760px;margin:54px auto 24px}.kl-section-head span{color:var(--kl-blue);font-weight:800;font-size:11px;letter-spacing:.1em}.kl-section-head h2{color:var(--kl-navy);font-size:29px;font-weight:850;margin:7px 0 8px}.kl-section-head p{color:var(--kl-muted)}
.kl-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kl-plan{border:1px solid var(--kl-border);border-top:4px solid #1bb9e9;border-radius:18px;overflow:hidden;background:#fff}.kl-plan:nth-child(2){border-top-color:#ef3c8d}.kl-plan:nth-child(3){border-top-color:#ff991b}.kl-plan:nth-child(4){border-top-color:#9fc91b}.kl-plan-main{padding:22px 18px;text-align:center}.kl-plan h3{font-size:16px;font-weight:850}.kl-plan p{font-size:11px;color:var(--kl-muted);min-height:33px}.kl-plan-price{font-size:27px;font-weight:850;color:var(--kl-navy);margin:14px 0}.kl-plan .kl-btn{width:100%;background:var(--kl-yellow);color:#172033}.kl-plan ul{list-style:none;margin:0;padding:17px 18px 20px;background:#f5f8fa;min-height:180px}.kl-plan li{text-align:center;padding:6px 0;font-size:12px;font-weight:650}
.kl-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.kl-feature{display:grid;grid-template-columns:1fr 170px;align-items:center;min-height:178px;background:#f2f6ff;border:1px solid #e0e8f2;border-radius:20px;overflow:hidden;padding:22px 0 22px 26px}.kl-feature h3{font-size:18px;font-weight:800}.kl-feature p{font-size:13px;color:var(--kl-muted);line-height:1.55}.kl-feature img{width:100%;max-height:138px;object-fit:contain}.kl-feature .kl-btn{background:var(--kl-yellow);color:#172033}
.kl-mail-offer{margin-top:18px;background:linear-gradient(120deg,#072e4f,#0b6dad);color:#fff;padding:34px;border-radius:22px;display:grid;grid-template-columns:1fr 240px;gap:30px;align-items:center}.kl-mail-offer h2{color:#fff;font-size:27px;font-weight:850}.kl-mail-offer p{color:#dbeaf6}.kl-mail-points{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}.kl-mail-price{background:#fff;color:var(--kl-navy);padding:23px;border-radius:17px;text-align:center}.kl-mail-price strong{display:block;font-size:31px}.kl-mail-price small{color:var(--kl-muted)}
.kl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kl-stat{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--kl-border);border-radius:15px;background:#fff;color:inherit;text-decoration:none}.kl-stat:hover{box-shadow:var(--kl-shadow);color:inherit}.kl-stat svg{width:21px;height:21px;color:var(--kl-blue)}.kl-stat strong{display:block;font-size:22px;color:var(--kl-navy)}.kl-stat small{color:var(--kl-muted)}.kl-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kl-quick{display:block;padding:20px;border:1px solid var(--kl-border);border-radius:16px;color:inherit;text-decoration:none}.kl-quick:hover{box-shadow:var(--kl-shadow);color:inherit}.kl-quick svg{width:24px;height:24px;color:var(--kl-blue);margin-bottom:12px}.kl-quick h3{font-size:15px;font-weight:800}.kl-quick p{font-size:12px;color:var(--kl-muted)}
/* Public auth: original Huraga layout preserved, only visual polish */
body.kl-auth-page{background:linear-gradient(135deg,#f5f9fc,#fff 55%,#edf7ff)}.kl-auth-brand{padding:22px 16px;text-align:center}.kl-auth-brand img{width:210px;height:62px;object-fit:contain}.kl-auth-page .container{max-width:980px}.kl-auth-page .row{justify-content:center}.kl-auth-page .col-md-6,.kl-auth-page .col-lg-6{width:100%;max-width:620px}.kl-auth-page .card{border:1px solid var(--kl-border);border-radius:18px;box-shadow:var(--kl-shadow)}.kl-auth-page .card-body{padding:28px}.kl-auth-page .form-control,.kl-auth-page .form-select{min-height:46px;border-radius:10px}
@media (min-width:992px){.kl-navbar .navbar-collapse{display:flex!important}.kl-navbar .navbar-toggler{display:none}.kl-navbar .navbar-nav{flex-direction:row!important}.kl-head-actions{flex-wrap:nowrap}.kl-navbar .dropdown:hover>.dropdown-menu{display:block}}
@media (max-width:1199px){.kl-navbar .nav-link{font-size:12.5px;padding:10px 7px!important}.kl-brand img{width:160px}.kl-plan-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991px){.kl-topbar{display:none}.kl-navbar{min-height:68px}.kl-brand img{width:145px;height:46px}.kl-navbar .navbar-collapse{width:100%;padding-top:12px}.kl-navbar .navbar-nav{align-items:stretch}.kl-head-actions{margin:8px 0 0}.kl-domainbar-inner{grid-template-columns:1fr}.kl-tld{display:none}.kl-content-grid{grid-template-columns:1fr}.kl-sidebar{display:none}.kl-hero{grid-template-columns:1fr;padding:32px}.kl-trust{grid-template-columns:repeat(2,1fr)}.kl-plan-grid{grid-template-columns:repeat(2,1fr)}.kl-feature{grid-template-columns:1fr 145px}.kl-footer-grid{grid-template-columns:repeat(2,1fr)}.kl-stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.kl-promo .container{padding:8px 14px}.kl-hero{padding:26px 22px}.kl-hero h1{font-size:32px}.kl-trust{grid-template-columns:1fr}.kl-trust-item{border-right:0;border-bottom:1px solid var(--kl-border)}.kl-plan-grid,.kl-feature-grid,.kl-quick-grid{grid-template-columns:1fr}.kl-feature{grid-template-columns:1fr;padding:22px}.kl-feature img{max-height:110px;margin:auto}.kl-mail-offer{grid-template-columns:1fr;padding:25px}.kl-footer-grid{grid-template-columns:1fr}.kl-footer-bottom{flex-direction:column}.kl-stats{grid-template-columns:1fr 1fr}.kl-auth-page .card-body{padding:20px}}

/* KLAVYE AUTH V2 */
body.kl-auth-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at 15% 20%, rgba(17,141,230,.08), transparent 28%),
        linear-gradient(135deg, #f5f9fc 0%, #ffffff 55%, #eef7fd 100%);
}

.kl-auth-brand {
    padding: 34px 20px 18px !important;
}

.kl-auth-brand img {
    width: 260px !important;
    height: auto !important;
    max-height: 82px !important;
    object-fit: contain !important;
}

.kl-auth-page .container {
    max-width: 1180px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.kl-auth-page .row {
    justify-content: center !important;
}

.kl-auth-page .col-md-6,
.kl-auth-page .col-lg-6,
.kl-auth-page .col-xl-6 {
    width: 100% !important;
    max-width: 760px !important;
    flex: 0 0 760px !important;
}

.kl-auth-page .card {
    width: 100% !important;
    border: 1px solid #dce8f1 !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 22px 60px rgba(7,43,74,.10) !important;
    overflow: hidden;
}

.kl-auth-page .card-header {
    border: 0 !important;
    background: transparent !important;
    padding: 34px 38px 10px !important;
    text-align: center;
}

.kl-auth-page .card-header h1,
.kl-auth-page .card-header h2,
.kl-auth-page .card-header h3,
.kl-auth-page .card-header h4,
.kl-auth-page .card-header h5,
.kl-auth-page .card-header h6 {
    color: #082d4b !important;
    font-weight: 800 !important;
}

.kl-auth-page .card-body {
    padding: 30px 38px 38px !important;
}

.kl-auth-page label {
    color: #20384d;
    font-weight: 650;
    margin-bottom: 7px;
}

.kl-auth-page .form-control,
.kl-auth-page .form-select {
    min-height: 52px !important;
    border: 1px solid #cddce8 !important;
    border-radius: 11px !important;
    background: #fff !important;
    padding-left: 14px !important;
    font-size: 15px;
}

.kl-auth-page .form-control:focus,
.kl-auth-page .form-select:focus {
    border-color: #168eea !important;
    box-shadow: 0 0 0 4px rgba(22,142,234,.12) !important;
}

.kl-auth-page .btn-primary {
    min-height: 50px;
    border: 0 !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg,#0876c9,#1396ed) !important;
    font-weight: 750;
}

.kl-auth-page .btn-outline-primary {
    min-height: 44px;
    border-radius: 10px !important;
    font-weight: 650;
}

@media (max-width: 767px) {
    .kl-auth-page .col-md-6,
    .kl-auth-page .col-lg-6,
    .kl-auth-page .col-xl-6 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .kl-auth-page .card-body {
        padding: 23px !important;
    }

    .kl-auth-brand img {
        width: 210px !important;
    }
}


/* =========================================================
   KLAVYE AUTH PAGES
   ========================================================= */

body.kl-auth-page {
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(22,142,234,.09), transparent 28%),
        radial-gradient(circle at 90% 85%, rgba(8,45,75,.06), transparent 30%),
        linear-gradient(135deg, #f5f9fc 0%, #ffffff 50%, #eef7fd 100%);
}

/* Kart içindeki FOSSBilling logosunu gizle */
.kl-auth-page .card img {
    display: none !important;
}

/* Genel auth alanı */
.kl-auth-page main,
.kl-auth-page .container {
    width: 100%;
}

.kl-auth-page .container {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* LOGIN */
.kl-login-page .row {
    justify-content: center !important;
}

.kl-login-page .col-md-6,
.kl-login-page .col-lg-6,
.kl-login-page .col-xl-6,
.kl-login-page .col-sm-6 {
    width: 100% !important;
    max-width: 720px !important;
    flex: 0 0 720px !important;
}

.kl-login-page .card {
    width: 100% !important;
    max-width: 720px !important;
    margin: 30px auto !important;
}

/* SIGNUP daha geniş */
.kl-signup-page .row {
    justify-content: center !important;
}

.kl-signup-page .col-md-6,
.kl-signup-page .col-lg-6,
.kl-signup-page .col-xl-6,
.kl-signup-page .col-sm-6 {
    width: 100% !important;
    max-width: 980px !important;
    flex: 0 0 980px !important;
}

.kl-signup-page .card {
    width: 100% !important;
    max-width: 980px !important;
    margin: 30px auto !important;
}

/* Kart */
.kl-auth-page .card {
    border: 1px solid #dce8f1 !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 22px 60px rgba(7,43,74,.10) !important;
    overflow: hidden;
}

/* Başlık */
.kl-auth-page .card h1,
.kl-auth-page .card h2,
.kl-auth-page .card h3,
.kl-auth-page .card h4,
.kl-auth-page .card h5,
.kl-auth-page .card h6 {
    color: #082d4b !important;
    font-weight: 800 !important;
    letter-spacing: -.02em;
}

.kl-auth-page .card h5 {
    font-size: 25px !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}

/* Card spacing */
.kl-auth-page .card-body {
    padding: 34px 42px 42px !important;
}

/* Form */
.kl-auth-page label {
    display: block;
    color: #21384c !important;
    font-weight: 650 !important;
    margin-bottom: 7px !important;
}

.kl-auth-page .form-control,
.kl-auth-page .form-select {
    min-height: 52px !important;
    border: 1px solid #ccdbe7 !important;
    border-radius: 11px !important;
    background: #fff !important;
    padding: 10px 14px !important;
    font-size: 15px !important;
    transition: .15s ease;
}

.kl-auth-page .form-control:focus,
.kl-auth-page .form-select:focus {
    border-color: #168eea !important;
    box-shadow: 0 0 0 4px rgba(22,142,234,.12) !important;
}

/* Ana buton */
.kl-auth-page .btn-primary {
    min-height: 50px !important;
    border: none !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg,#0875c7,#1599ef) !important;
    box-shadow: 0 8px 20px rgba(9,120,202,.18);
    font-weight: 750 !important;
}

.kl-auth-page .btn-primary:hover {
    background: linear-gradient(135deg,#0766ae,#0789df) !important;
}

/* Alt butonlar */
.kl-auth-page .btn-outline-primary {
    min-height: 45px !important;
    border: 1px solid #168eea !important;
    border-radius: 10px !important;
    color: #0875c7 !important;
    background: #fff !important;
    font-weight: 650 !important;
}

.kl-auth-page .btn-outline-primary:hover {
    color: #fff !important;
    background: #168eea !important;
}

/* Yardım metinleri */
.kl-auth-page .form-text,
.kl-auth-page small {
    color: #718096 !important;
    line-height: 1.5;
}

/* Logo alanı */
.kl-auth-page .klavye-auth-logo {
    display: block !important;
    width: 245px !important;
    max-width: 80% !important;
    height: auto !important;
    margin: 28px auto 5px !important;
}

/* Mobil */
@media (max-width: 767px) {
    .kl-login-page .col-md-6,
    .kl-login-page .col-lg-6,
    .kl-login-page .col-xl-6,
    .kl-login-page .col-sm-6,
    .kl-signup-page .col-md-6,
    .kl-signup-page .col-lg-6,
    .kl-signup-page .col-xl-6,
    .kl-signup-page .col-sm-6 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .kl-auth-page .card {
        border-radius: 16px !important;
        margin-top: 15px !important;
    }

    .kl-auth-page .card-body {
        padding: 24px 20px 28px !important;
    }

    .kl-auth-page .card h5 {
        font-size: 21px !important;
    }
}