/* Duello CSS - sadeleştirilmiş kompakt sürüm. Tekrarlı aynı değerler ve yorum kalabalığı temizlendi. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
.vsBox{display:flex;align-items:center;justify-content:center;border-radius:5px;padding:15px;}
.sinav-arayuz-paneli{padding-right:0 !important;}
.card-side-panel.active{right:0 !important;}
.panel-header{background:#343a40;color:#fff;display:flex;justify-content:space-between;align-items:center;min-height:45px;}
.card-header .nav-pills .nav-link.active{background-color:rgba(255,255,255,0.2);border:1px solid white;}
.card-header .nav-pills .nav-link{color:#eee !important;font-size:11px;margin-left:5px;}
.dt-controls{margin-bottom:10px;gap:10px;}
.dataTables_filter{margin-top:0 !important;}
.dt-buttons{margin-bottom:0 !important;}
.winner-highlight{background:#e8f5e9 !important;border:2px solid #2ecc71 !important;}
.loser-gray{background:#f8f9fa !important;opacity:0.8;}
.crown-box{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:3rem;z-index:10;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.1));}
.modal-fullscreen .modal-body{padding:0;overflow-y:auto;}
.vip-blur{filter:blur(5px);user-select:none;pointer-events:none;}
.vip-blur-container{position:relative;cursor:pointer;border:1px dashed #ffd700;border-radius:4px;padding:2px;}
.vip-blur-container:hover::after{content:"Detaylar için VIP olun 💎";position:absolute;top:-25px;left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:2px 8px;font-size:10px;border-radius:4px;white-space:nowrap;}
.hatali-kelime-item{font-size:11px;border-left:3px solid #e74c3c !important;transition:all 0.2s;}
.hatali-kelime-item:hover{background:#fff5f5 !important;}
.hatali-kelime-scroll::-webkit-scrollbar{width:4px;}
.hatali-kelime-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px;}
.golge{border-bottom:1px dotted;}
.bg-yesil{background-color:#28a745;}
.yazilacak-metin{font-family:"Roboto", Helvetica, sans-serif;font-size:13pt;line-height:25px;text-align:justify !important;text-indent:20px !important;background-color:#ffffff !important;border:2px solid #e9ecef !important;padding:0.5rem !important;width:100% !important;height:100% !important;resize:none !important;box-shadow:none !important;outline:none !important;overflow:hidden !important;box-sizing:border-box !important;}
.oyun-ekran-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden;justify-content:flex-start;}
.bg-dark-opacity{background:rgba(0,0,0,0.2);border-radius:10px;}
body.lider-modu{background-color:#f0fff4;transition:0.5s;}
body.geride-modu{background-color:#fff5f5;transition:0.5s;}
.sonuc-card{background:#fff;padding:15px;border-radius:12px;border:1px solid #eee;position:relative;}
.sonuc-card.winner{border-left:5px solid #28a745;background:#f8fff9;}
.sonuc-card.youlost{border-left:5px solid #dc3545;background:#fff8f8;}
.star-icon{width:16px;position:absolute;left:50%;transform:translateX(-50%);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:5;margin-top:2px;}
.toleft{transform:translateX(-40px) scale(1.2) !important;filter:drop-shadow(0 0 5px #ffc107);}
.toright{transform:translateX(25px) scale(1.2) !important;filter:drop-shadow(0 0 5px #ffc107);}
.vs-circle{width:45px;height:45px;background:#333;color:#fff;border-radius:50%;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:14px;}
.winner-crown{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:2rem;}
.score-row{border-bottom:1px solid #dee2e6;padding:12px 0;align-items:center;}
.score-row:last-child{border-bottom:none;}
.score-label{position:relative;padding-bottom:5px;font-size:0.9rem;color:#6c757d;text-transform:uppercase;font-weight:600;}
.score-value{font-family:"Monaco", "Consolas", monospace;font-size:1.2rem;font-weight:bold;}
.meta-badge{background:#e9ecef;padding:5px 12px;border-radius:20px;font-size:0.8rem;margin:2px;}
.premium-locked{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px dashed #ccc;}
.bg-duello-header{background-color:rgba(0, 0, 0, 0.15);}
.bg-turkuaz{background:#00e0fc;}
.unselectable{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;pointer-events:none;}
.vh-100{height:100vh !important;}
.opacity-75{opacity:0.75;}
.Sayac{text-shadow:2px 2px 0px rgba(0,0,0,0.2);}
.podyum-card{border:2px solid transparent;transition:transform 0.3s;background:#fff;}
.podyum-card.gold{border-color:#ffd700;background:linear-gradient(to bottom, #fff, #fff9e6);}
.podyum-card.silver{border-color:#c0c0c0;}
.podyum-card.bronze{border-color:#cd7f32;}
.rank-crown{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:1.2rem;z-index:2;}
.table-responsive::-webkit-scrollbar{width:4px;}
.table-responsive::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px;}
.tracking-widest{letter-spacing:0.2em;}
.player-card{background:rgba(255, 255, 255, 0.05);backdrop-filter:blur(5px);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);border-width:2px !important;}
.player-card.user-online{background:rgba(46, 204, 113, 0.15);border-color:#2ecc71 !important;opacity:1 !important;transform:translateY(-5px);box-shadow:0 10px 20px rgba(46, 204, 113, 0.2);}
.player-card.user-online .avatar-placeholder{background:#2ecc71 !important;box-shadow:0 0 15px #2ecc71;}
.player-card.user-online .username{color:#2ecc71;font-weight:bold;}
.avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:white;}
#player-status-list .card{transition:all 0.3s ease;border-radius:12px;}
.player-ready{border:1px solid rgba(46, 204, 113, 0.4) !important;background:linear-gradient(145deg, #1a1a1a, #242424) !important;transform:translateY(-3px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);animation:bounceIn 0.5s;}
.status-indicator-ready{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:#2ecc71;border:2px solid #1a1a1a;border-radius:50%;box-shadow:0 0 5px #2ecc71;}
.player-waiting{opacity:0.6;filter:grayscale(0.5);}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rutbe-scroll-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.rutbe-scroll-container::-webkit-scrollbar{height:6px;}
.rutbe-scroll-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px;}
.rutbe-wrapper{display:flex;gap:5px;padding:0 5px;min-width:max-content;}
.rutbe-card{background:#fff;border-radius:15px;width:125px;padding:10px 5px;text-align:center;border:1px solid #eee;transition:transform 0.3s ease;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;}
.rutbe-card:hover{transform:translateY(-5px);}
.rank-badge-wrapper img{width:70px;height:60px;object-fit:contain;margin-bottom:5px;}
.rank-name{display:block;font-size:13px;font-weight:600;color:#333;text-transform:uppercase;}
.rank-points{display:block;font-size:10px;color:#888;margin-top:4px;}
.rank-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;}
.bg-gold{background:linear-gradient(90deg, #ffd700, #ffae00);}
.bg-silver{background:linear-gradient(90deg, #c0c0c0, #8e8e8e);}
.row-g6 .card-box{border-radius:24px !important;border:1px solid rgba(220, 230, 240, .95) !important;box-shadow:0 18px 40px rgba(39, 55, 77, .10) !important;overflow:hidden;padding:20px !important;}
.row-g6 .col-md-4:nth-child(1) .card-box{background:linear-gradient(180deg, #eefaff 0%, #f8fdff 45%, #ffffff 100%);}
.row-g6 .col-md-4:nth-child(1) .toplistheader{background:linear-gradient(135deg, #e3f7ff, #eefcfb);border:1px solid #beeaf5 !important;box-shadow:inset 5px 0 0 #12abc8;}
.row-g6 .col-md-4:nth-child(2) .card-box{background:linear-gradient(180deg, #fff2f3 0%, #fffafa 45%, #ffffff 100%);}
.row-g6 .col-md-4:nth-child(2) .toplistheader{background:linear-gradient(135deg, #ffe8ea, #fff5f6);border:1px solid #ffc9cf !important;box-shadow:inset 5px 0 0 #ff7070;}
.row-g6 .col-md-4:nth-child(3) .card-box{background:linear-gradient(180deg, #fff8df 0%, #fffdf4 45%, #ffffff 100%);}
.row-g6 .col-md-4:nth-child(3) .toplistheader{background:linear-gradient(135deg, #fff1c7, #fff9e6);border:1px solid #f4d982 !important;box-shadow:inset 5px 0 0 #f5c542;}
.toplistheader{border-radius:16px !important;padding:13px 10px !important;margin-bottom:14px !important;}
.toplistheader h6{color:#21384d !important;font-size:15.5px !important;font-weight:900 !important;letter-spacing:.15px;}
.card-box .list-group{background:rgba(255,255,255,.45) !important;border-radius:19px !important;padding:7px !important;}
.card-box .list-group-item{min-height:66px !important;background:rgba(255,255,255,.90) !important;border:1px solid rgba(220, 230, 240, .9) !important;border-radius:17px !important;margin-bottom:9px !important;padding:8px 12px !important;box-shadow:0 8px 18px rgba(38, 56, 78, .045);transition:all .24s ease;}
.card-box .list-group-item:hover{background:#ffffff !important;transform:translateY(-1px);box-shadow:0 14px 28px rgba(38, 56, 78, .11);}
.card-box .list-group-item:nth-child(1){background:linear-gradient(135deg, #fffdf3, #ffffff) !important;border-left:5px solid #f6d54a !important;}
.card-box .list-group-item:nth-child(2){background:linear-gradient(135deg, #f8f9fb, #ffffff) !important;border-left:5px solid #bfc8d2 !important;}
.card-box .list-group-item:nth-child(3){background:linear-gradient(135deg, #fff6ed, #ffffff) !important;border-left:5px solid #d99a55 !important;}
.card-box .name-avatar{gap:8px !important;}
.card-box .font-14, .card-box .weight-600{color:#263b4f !important;font-size:14px !important;font-weight:800 !important;line-height:1.1 !important;letter-spacing:.05px;}
.card-box .badge{margin-top:2px !important;background:linear-gradient(135deg, #eef6ff, #f8fbff) !important;color:#33608a !important;border:1px solid #cfe0ef !important;font-weight:800 !important;font-size:9px !important;padding:3px 6px !important;border-radius:5px !important;box-shadow:0 3px 8px rgba(60, 100, 140, .08);}
.card-box .avatar img{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;border:2px solid #ffffff !important;box-shadow:0 4px 10px rgba(34, 54, 74, .10) !important;object-fit:cover;}
.card-box .cta img{width:44px !important;height:44px !important;background:rgba(255,255,255,.96) !important;padding:8px !important;border-radius:50% !important;box-shadow:0 9px 22px rgba(30, 45, 65, .12) !important;transition:all .24s ease;}
.card-box .list-group-item:nth-child(1) .cta img, .card-box .list-group-item:nth-child(2) .cta img, .card-box .list-group-item:nth-child(3) .cta img{width:46px !important;height:46px !important;}
.card-box .list-group-item:hover .cta img{transform:scale(1.05) rotate(-4deg);}
.btn-group-toggle .btn-outline-primary{background:rgba(255,255,255,.94) !important;color:#405b72 !important;border:1px solid #d5e3ee !important;border-radius:17px !important;min-height:42px;font-weight:900;box-shadow:0 7px 18px rgba(44, 62, 80, .08);transition:all .24s ease;}
.btn-group-toggle .btn-outline-primary:hover, .btn-group-toggle .btn-outline-primary.active, .btn-group-toggle .btn-outline-primary:has(input:checked){background:linear-gradient(135deg, #e9f8ff, #fff8df) !important;color:#21384d !important;border-color:#9fd7e6 !important;transform:translateY(-1px);box-shadow:0 11px 24px rgba(60, 115, 145, .16);}
button[data-target="#fklavyeayarmodal"].btn-primary{background:linear-gradient(135deg, #44a8bd, #7fc8be) !important;border:none !important;border-radius:16px !important;font-weight:900 !important;box-shadow:0 10px 23px rgba(50, 140, 160, .24) !important;}
button[data-target="#fklavyeayarmodal"].btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px);}
button[onclick="kmusinavbasla()"].btn-warning{position:relative;overflow:hidden;background:linear-gradient(135deg, #ffca3a 0%, #ff9f43 55%, #ff7b54 100%) !important;border:none !important;color:#ffffff !important;border-radius:18px !important;font-weight:950 !important;letter-spacing:.25px;box-shadow:0 12px 28px rgba(255, 150, 60, .34) !important;animation:hizTestiPulse 2s infinite;}
button[onclick="kmusinavbasla()"].btn-warning::before{content:"⚡";display:inline-block;margin-right:7px;font-size:18px;vertical-align:-1px;animation:hizTestiIcon 1.4s infinite;}
button[onclick="kmusinavbasla()"].btn-warning::after{content:"";position:absolute;top:0;left:-75%;width:45%;height:100%;background:linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:hizTestiShine 2.8s infinite;}
button[onclick="kmusinavbasla()"].btn-warning:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 16px 34px rgba(255, 140, 50, .42) !important;}
#dailyBestCarousel .card-header{background:linear-gradient(135deg, #fff1c7, #fff9e6) !important;color:#2f3f4f !important;border:1px solid #f1d985 !important;border-radius:20px 20px 0 0 !important;font-weight:900 !important;}
#dailyBestCarousel .card-body{background:linear-gradient(180deg, #fffdf4, #ffffff) !important;border-radius:0 0 20px 20px !important;box-shadow:0 18px 36px rgba(39,55,77,.09) !important;}
#dailyBestCarousel .toplist{background:rgba(255,255,255,.9) !important;border:1px solid #f0e8d2 !important;border-radius:16px !important;margin-bottom:8px !important;transition:all .24s ease;}
#dailyBestCarousel .toplist:hover{background:#ffffff !important;transform:translateY(-2px);box-shadow:0 12px 24px rgba(38,56,78,.10);}
#dailyBestCarousel h6{color:#263b4f !important;font-weight:900 !important;}
#dailyBestCarousel small{color:#6f7f8f !important;font-weight:600 !important;}
#dailyBestCarousel .btn{background:linear-gradient(135deg, #e9f8ff, #eefcfb) !important;color:#31566f !important;border:1px solid #cfe6ef !important;border-radius:15px !important;font-weight:900 !important;box-shadow:none !important;}
#dailyBestCarousel .btn:hover{background:#ffffff !important;transform:translateY(-1px);}
.hiztest-seo-hero{margin:10px 8px 14px;padding:22px 24px;border-radius:24px;background:linear-gradient(135deg, #e9f8ff 0%, #fff8df 55%, #fff 100%);border:1px solid #cfeaf2;box-shadow:0 16px 36px rgba(31, 48, 68, .09);display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative;}
.hiztest-seo-hero::before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;background:rgba(18, 171, 200, .12);border-radius:50%;}
.hiztest-seo-hero::after{content:"";position:absolute;left:-70px;bottom:-90px;width:210px;height:210px;background:rgba(255, 202, 58, .16);border-radius:50%;}
.hiztest-hero-content{position:relative;z-index:2;max-width:760px;}
.hiztest-hero-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.82);border:1px solid #d8edf3;color:#31566f;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;margin-bottom:8px;box-shadow:0 6px 14px rgba(31,48,68,.05);}
.hiztest-seo-hero h1{margin:0;color:#20384f;font-size:30px;font-weight:950;letter-spacing:-.4px;}
.hiztest-seo-hero p{margin:8px 0 12px;color:#52687a;font-size:15px;line-height:1.55;font-weight:600;}
.hiztest-hero-mini{display:flex;flex-wrap:wrap;gap:8px;}
.hiztest-hero-mini span{background:#fff;border:1px solid #e3eef5;color:#365a72;border-radius:12px;padding:7px 10px;font-size:12px;font-weight:800;box-shadow:0 6px 14px rgba(31,48,68,.05);}
.hiztest-hero-visual{position:relative;z-index:2;width:170px;height:110px;border-radius:22px;overflow:hidden;box-shadow:0 12px 28px rgba(31,48,68,.16);border:4px solid rgba(255,255,255,.82);flex-shrink:0;}
.hiztest-hero-visual img{width:100%;height:100%;object-fit:cover;}
.faq-wrap .card-header{padding:0;border:0;background:transparent;}
.faq-wrap .card-header button{background:linear-gradient(135deg, #e9f8ff, #eefcfb) !important;color:#21384d !important;border-radius:18px !important;font-weight:950 !important;border:1px solid #cfe6ef !important;box-shadow:0 8px 18px rgba(31,48,68,.07);text-align:left;padding:16px 20px;position:relative;}
.faq-wrap .card-header button::before{content:"📘";margin-right:8px;}
.hiztest-info-wrapper{padding:24px;background:linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);color:#2e4052;}
.hiztest-info-hero{display:grid;grid-template-columns:1fr 290px;gap:24px;align-items:center;padding:24px;border-radius:24px;background:linear-gradient(135deg, #eefaff, #fffdf4);border:1px solid #dceef4;margin-bottom:18px;}
.hiztest-info-label{display:inline-block;background:#fff;color:#31566f;border:1px solid #d6e8f1;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;margin-bottom:10px;}
.hiztest-info-wrapper h2{color:#20384f;font-size:25px;font-weight:950;margin:0 0 10px;letter-spacing:-.3px;}
.hiztest-info-wrapper h3{color:#253d54;font-size:18px;font-weight:900;margin:0 0 8px;}
.hiztest-info-wrapper p{color:#4f6475;font-size:14.5px;line-height:1.75;font-weight:500;margin-bottom:12px;}
.hiztest-info-image{border-radius:22px;overflow:hidden;border:4px solid rgba(255,255,255,.9);box-shadow:0 14px 28px rgba(31,48,68,.14);height:180px;}
.hiztest-info-image img{width:100%;height:100%;object-fit:cover;}
.hiztest-info-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;margin-bottom:18px;}
.hiztest-info-card, .hiztest-content-section, .hiztest-two-column{background:#fff;border:1px solid #e8eef5;border-radius:22px;box-shadow:0 10px 24px rgba(31,48,68,.045);}
.hiztest-info-card{padding:18px;}
.hiztest-info-card i{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg, #e9f8ff, #fff8df);color:#31566f;font-size:18px;margin-bottom:12px;}
.hiztest-content-section, .hiztest-two-column{padding:22px;margin-bottom:16px;}
.hiztest-two-column{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.hiztest-check-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;}
.hiztest-check-list li{background:#f7fbfd;border:1px solid #e4eef5;border-radius:14px;padding:10px 12px 10px 34px;position:relative;color:#42586b;font-weight:700;font-size:13.5px;}
.hiztest-check-list li::before{content:"✓";position:absolute;left:12px;top:9px;color:#12abc8;font-weight:950;}
.hiztest-step-list{display:grid;gap:10px;margin-top:12px;}
.hiztest-step-list div{background:linear-gradient(135deg, #f8fcff, #ffffff);border:1px solid #e4eef5;border-radius:16px;padding:11px 14px;color:#40566a;font-weight:800;}
.hiztest-step-list span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#12abc8;color:#fff;font-size:12px;font-weight:950;margin-right:8px;}
.hiztest-final-call{background:linear-gradient(135deg, #ffca3a, #ff9f43);color:#fff;border-radius:22px;padding:20px;text-align:center;box-shadow:0 12px 28px rgba(255,150,60,.25);}
.hiztest-final-call strong{display:block;font-size:24px;font-weight:950;margin-bottom:4px;}
.hiztest-final-call span{font-size:14px;font-weight:700;}
.card-boxduel, .duello-toplist-card, #duelloToplist, .duello-toplist, .toplist-card{border-radius:24px !important;border:1px solid rgba(220,230,240,.95) !important;background:linear-gradient(180deg, #eefaff 0%, #f8fdff 45%, #ffffff 100%) !important;box-shadow:0 18px 40px rgba(39,55,77,.10) !important;overflow:hidden !important;}
.card-boxduel .card-header, .duello-toplist .card-header, .toplist-card .card-header{background:linear-gradient(135deg, #e3f7ff, #eefcfb) !important;border:1px solid #beeaf5 !important;color:#21384d !important;font-weight:950 !important;border-radius:16px !important;}
.card-boxduel table, .duello-toplist table, .toplist-card table{border-collapse:separate !important;border-spacing:0 8px !important;}
.card-boxduel table td, .duello-toplist table td, .toplist-card table td{border-top:0 !important;vertical-align:middle !important;color:#263b4f;font-weight:700;}
.card-box:has(.toplistheader), .card-box:has(.list-group .toplist), .card-boxduel:has(.toplistheader), .card-boxduel:has(.list-group .toplist){border-radius:24px !important;border:1px solid rgba(220, 230, 240, .95) !important;box-shadow:0 18px 40px rgba(39, 55, 77, .10) !important;overflow:hidden !important;padding:20px !important;background:linear-gradient(180deg, #eefaff 0%, #f8fdff 45%, #ffffff 100%) !important;}
.row > [class*="col-"]:nth-child(1) > .card-box:has(.toplistheader), .row > [class*="col-"]:nth-child(1) > .card-boxduel:has(.toplistheader){background:linear-gradient(180deg, #eefaff 0%, #f8fdff 45%, #ffffff 100%);}
.row > [class*="col-"]:nth-child(2) > .card-box:has(.toplistheader), .row > [class*="col-"]:nth-child(2) > .card-boxduel:has(.toplistheader){background:linear-gradient(180deg, #fff2f3 0%, #fffafa 45%, #ffffff 100%);}
.row > [class*="col-"]:nth-child(3) > .card-box:has(.toplistheader), .row > [class*="col-"]:nth-child(3) > .card-boxduel:has(.toplistheader){background:linear-gradient(180deg, #fff8df 0%, #fffdf4 45%, #ffffff 100%);}
.card-box:has(.toplistheader) .toplistheader, .card-boxduel:has(.toplistheader) .toplistheader{border-radius:16px !important;padding:13px 10px !important;margin-bottom:14px !important;border:1px solid #beeaf5 !important;background:linear-gradient(135deg, #e3f7ff, #eefcfb);box-shadow:inset 5px 0 0 #12abc8, 0 8px 18px rgba(31,48,68,.045) !important;}
.row > [class*="col-"]:nth-child(2) > .card-box:has(.toplistheader) .toplistheader, .row > [class*="col-"]:nth-child(2) > .card-boxduel:has(.toplistheader) .toplistheader{background:linear-gradient(135deg, #ffe8ea, #fff5f6);border-color:#ffc9cf !important;box-shadow:inset 5px 0 0 #ff7070, 0 8px 18px rgba(31,48,68,.045) !important;}
.row > [class*="col-"]:nth-child(3) > .card-box:has(.toplistheader) .toplistheader, .row > [class*="col-"]:nth-child(3) > .card-boxduel:has(.toplistheader) .toplistheader{background:linear-gradient(135deg, #fff1c7, #fff9e6);border-color:#f4d982 !important;box-shadow:inset 5px 0 0 #f5c542, 0 8px 18px rgba(31,48,68,.045) !important;}
.card-box:has(.toplistheader) .toplistheader h6, .card-boxduel:has(.toplistheader) .toplistheader h6, .card-box:has(.toplistheader) .toplistheader .card-title, .card-boxduel:has(.toplistheader) .toplistheader .card-title{color:#21384d;font-size:15.5px !important;font-weight:950 !important;letter-spacing:.15px !important;margin:0 !important;}
.card-box:has(.list-group .toplist) .list-group, .card-boxduel:has(.list-group .toplist) .list-group{border-radius:19px !important;padding:7px !important;}
.card-box .list-group-item.toplist, .card-boxduel .list-group-item.toplist, .card-box .toplist.list-group-item, .card-boxduel .toplist.list-group-item{min-height:66px !important;background:rgba(255,255,255,.90) !important;border:1px solid rgba(220, 230, 240, .9) !important;border-radius:17px !important;margin-bottom:9px !important;padding:8px 12px !important;box-shadow:0 8px 18px rgba(38, 56, 78, .045) !important;transition:all .24s ease !important;}
.card-box .list-group-item.toplist:hover, .card-boxduel .list-group-item.toplist:hover, .card-box .toplist.list-group-item:hover, .card-boxduel .toplist.list-group-item:hover{background:#ffffff !important;transform:translateY(-1px) !important;box-shadow:0 14px 28px rgba(38, 56, 78, .11) !important;}
.card-box .list-group-item.toplist:nth-child(1), .card-boxduel .list-group-item.toplist:nth-child(1){background:linear-gradient(135deg, #fffdf3, #ffffff);border-left:5px solid #f6d54a !important;}
.card-box .list-group-item.toplist:nth-child(2), .card-boxduel .list-group-item.toplist:nth-child(2){background:linear-gradient(135deg, #f8f9fb, #ffffff);border-left:5px solid #bfc8d2 !important;}
.card-box .list-group-item.toplist:nth-child(3), .card-boxduel .list-group-item.toplist:nth-child(3){background:linear-gradient(135deg, #fff6ed, #ffffff);border-left:5px solid #d99a55 !important;}
.card-box .toplist .name-avatar, .card-boxduel .toplist .name-avatar{gap:8px !important;}
.card-box .toplist .font-14, .card-box .toplist .weight-600, .card-boxduel .toplist .font-14, .card-boxduel .toplist .weight-600, .card-box .toplist .txt div, .card-boxduel .toplist .txt div{color:#263b4f;font-size:14px !important;font-weight:800 !important;line-height:1.1 !important;letter-spacing:.05px !important;}
.card-box .toplist .badge, .card-boxduel .toplist .badge{margin-top:2px !important;background:linear-gradient(135deg, #eef6ff, #f8fbff) !important;color:#33608a !important;border:1px solid #cfe0ef !important;font-weight:800 !important;font-size:9px !important;padding:3px 6px !important;border-radius:5px !important;box-shadow:0 3px 8px rgba(60, 100, 140, .08) !important;}
.card-box .toplist .avatar img, .card-boxduel .toplist .avatar img, .card-box .toplist img.border-radius-100, .card-boxduel .toplist img.border-radius-100{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;border:2px solid #ffffff !important;box-shadow:0 4px 10px rgba(34, 54, 74, .10) !important;object-fit:cover !important;border-radius:50% !important;}
.card-box .toplist .cta img, .card-boxduel .toplist .cta img{width:44px !important;height:44px !important;background:rgba(255,255,255,.96) !important;padding:8px !important;border-radius:50% !important;box-shadow:0 9px 22px rgba(30, 45, 65, .12) !important;transition:all .24s ease !important;}
.card-box .toplist:nth-child(1) .cta img, .card-box .toplist:nth-child(2) .cta img, .card-box .toplist:nth-child(3) .cta img, .card-boxduel .toplist:nth-child(1) .cta img, .card-boxduel .toplist:nth-child(2) .cta img, .card-boxduel .toplist:nth-child(3) .cta img{width:46px !important;height:46px !important;}
.card-box .toplist:hover .cta img, .card-boxduel .toplist:hover .cta img{transform:scale(1.05) rotate(-4deg) !important;}
.card-boxduel .table, .duello-toplist .table, .toplist-card .table{border-collapse:separate !important;border-spacing:0 8px !important;}
.card-boxduel table tbody tr, .duello-toplist table tbody tr, .toplist-card table tbody tr{background:rgba(255,255,255,.90) !important;border-radius:17px !important;box-shadow:0 8px 18px rgba(38,56,78,.045) !important;transition:all .24s ease !important;}
.card-boxduel table tbody tr:hover, .duello-toplist table tbody tr:hover, .toplist-card table tbody tr:hover{background:#ffffff !important;transform:translateY(-1px) !important;box-shadow:0 14px 28px rgba(38,56,78,.11) !important;}
.card-boxduel .table td, .duello-toplist .table td, .toplist-card .table td{border-top:0 !important;vertical-align:middle !important;color:#263b4f !important;font-weight:700 !important;}
.card-boxduel img.rounded-circle, .duello-toplist img.rounded-circle, .toplist-card img.rounded-circle{width:48px !important;height:48px !important;border:2px solid #fff !important;box-shadow:0 4px 10px rgba(34,54,74,.10) !important;object-fit:cover !important;}
.duello-chat-header::before{content:"";position:absolute;right:-44px;top:-60px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.14);}
.duello-chat-title-wrap{display:flex;align-items:center;gap:10px;position:relative;z-index:2;min-width:0;}
.duello-chat-title-wrap strong{display:block;font-size:15px;font-weight:950;letter-spacing:.15px;line-height:1.1;color:#fff;}
.duello-chat-title-wrap small{display:block;font-size:10.5px;font-weight:700;line-height:1.2;color:rgba(255,255,255,.78);margin-top:3px;}
.duello-chat-toggle{position:relative;z-index:2;border:1px solid rgba(255,255,255,.34) !important;background:rgba(255,255,255,.18) !important;color:#fff !important;border-radius:999px !important;font-weight:900 !important;padding:7px 12px !important;box-shadow:0 8px 18px rgba(0,0,0,.13) !important;transition:all .24s ease;}
.duello-chat-toggle:hover{background:rgba(255,255,255,.28) !important;transform:translateY(-1px);}
.duello-chat-card .card-body, .duello-chat-card .chat-detail, .duello-chat-card .chat-box{background:linear-gradient(180deg, #f7fbff 0%, #ffffff 100%) !important;}
.duello-chat-card .chat-box{border-radius:0 0 22px 22px;position:relative;}
.duello-chat-card .chat-desc{padding:10px 9px !important;}
.duello-chat-card #sohbet{padding:0 !important;margin:0 !important;}
.duello-chat-card #sohbet li:hover{transform:translateY(-1px);box-shadow:0 13px 26px rgba(31, 48, 68, .11) !important;border-color:rgba(140, 202, 217, .9) !important;}
.duello-chat-card #newMsgPill{background:linear-gradient(135deg, #2c92aa, #48b7a6) !important;border:0 !important;border-radius:999px !important;font-weight:900 !important;box-shadow:0 9px 22px rgba(39, 140, 160, .28) !important;}
.duello-chat-card .chat-footer{background:rgba(255,255,255,.96) !important;border-top:1px solid #e1edf4 !important;padding:10px !important;box-shadow:0 -10px 24px rgba(31,48,68,.05);}
.duello-chat-card .chat-reply-box{border-radius:14px !important;background:linear-gradient(135deg, #fff9e8, #ffffff) !important;border:1px solid #f2dfac !important;padding:7px 10px !important;margin-bottom:7px !important;font-size:12px;font-weight:700;color:#5c6570;}
.duello-chat-card .cancel-reply{border:0 !important;background:#fff !important;color:#c65a5a !important;border-radius:50%;font-weight:900;box-shadow:0 4px 10px rgba(31,48,68,.08);}
.duello-chat-card .chat_text_area textarea{border-radius:18px !important;border:1px solid #d9e7ef !important;background:#fbfdff !important;padding:12px 48px 12px 13px !important;font-size:13px !important;font-weight:600;color:#263b4f !important;box-shadow:inset 0 2px 7px rgba(31,48,68,.04) !important;outline:none !important;transition:all .22s ease;}
.duello-chat-card .chat_text_area textarea:focus{border-color:#82cfe0 !important;background:#fff !important;box-shadow:0 0 0 4px rgba(54,169,185,.10), inset 0 2px 7px rgba(31,48,68,.035) !important;}
.duello-chat-card .chat_send .btn{width:39px;height:39px;border-radius:15px !important;background:linear-gradient(135deg, #ffca3a, #ff8a4b) !important;color:#fff !important;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 9px 20px rgba(255, 154, 70, .28);transition:all .22s ease;}
.duello-chat-card .chat_send .btn:hover{transform:translateY(-1px) rotate(-5deg);box-shadow:0 13px 27px rgba(255, 154, 70, .37);}
.faq-wrap .accordion-item{background:#fff;border-radius:24px !important;overflow:hidden;border:1px solid rgba(215, 230, 240, .95) !important;box-shadow:0 16px 38px rgba(31,48,68,.09) !important;}
.faq-wrap > .accordion-item > .card-header button{background:linear-gradient(135deg, #eefaff 0%, #fff8df 58%, #ffffff 100%) !important;border-radius:22px !important;padding:17px 20px !important;font-size:16px !important;font-weight:950 !important;color:#20384f !important;border:1px solid #d6ebf2 !important;box-shadow:0 9px 20px rgba(31,48,68,.07) !important;}
.duello-info-center{max-width:1180px;padding-top:22px;padding-bottom:26px;}
.duello-info-hero{display:grid;grid-template-columns:minmax(0, 1fr) 285px;align-items:center;gap:24px;padding:24px;border-radius:26px;background:linear-gradient(135deg, #eaf8ff 0%, #fff8de 62%, #ffffff 100%);border:1px solid #d3eaf3;box-shadow:0 18px 42px rgba(31,48,68,.10);position:relative;overflow:hidden;}
.duello-info-hero::before{content:"";position:absolute;right:-80px;top:-90px;width:230px;height:230px;border-radius:50%;background:rgba(53,169,182,.13);}
.duello-info-hero::after{content:"";position:absolute;left:-80px;bottom:-100px;width:220px;height:220px;border-radius:50%;background:rgba(255,202,58,.18);}
.duello-info-content, .duello-info-visual{position:relative;z-index:2;}
.duello-info-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);border:1px solid #d8edf3;color:#31566f;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:950;box-shadow:0 6px 14px rgba(31,48,68,.06);margin-bottom:10px;}
.duello-info-hero h2{margin:0;color:#20384f;font-size:29px;line-height:1.17;font-weight:950;letter-spacing:-.45px;}
.duello-info-hero p, .duello-info-card p, .duello-strategy-box p{color:#536879;font-size:14px;line-height:1.65;font-weight:600;}
.duello-info-mini{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px;}
.duello-info-mini span{background:#fff;border:1px solid #e2eef5;color:#365a72;border-radius:13px;padding:7px 10px;font-size:12px;font-weight:850;box-shadow:0 6px 14px rgba(31,48,68,.055);}
.duello-info-cta, .duello-info-secondary-cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #ffca3a, #ff8a4b);color:#fff !important;border-radius:16px;padding:10px 15px;font-weight:950;box-shadow:0 12px 26px rgba(255, 154, 70, .30);transition:all .24s ease;}
.duello-info-cta:hover, .duello-info-secondary-cta:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(255, 154, 70, .39);text-decoration:none;}
.duello-info-visual{border-radius:24px;overflow:hidden;border:5px solid rgba(255,255,255,.82);box-shadow:0 16px 34px rgba(31,48,68,.16);min-height:180px;}
.duello-info-visual img{width:100%;height:100%;object-fit:cover;display:block;}
.duello-info-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:14px;margin-top:16px;}
.duello-info-card{background:rgba(255,255,255,.96);border:1px solid #e0ebf3;border-radius:22px;padding:18px;box-shadow:0 12px 26px rgba(31,48,68,.075);transition:all .25s ease;position:relative;overflow:hidden;}
.duello-info-card::after{content:"";position:absolute;right:-35px;bottom:-42px;width:90px;height:90px;border-radius:50%;background:rgba(53,169,182,.08);}
.duello-info-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(31,48,68,.12);border-color:#b8dfea;}
.duello-info-card-icon{width:45px;height:45px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #eefaff, #fff8df);border:1px solid #dcebf2;font-size:22px;margin-bottom:11px;}
.duello-info-card h3, .duello-strategy-box h3{color:#20384f;font-size:17px;font-weight:950;margin-bottom:8px;}
.duello-strategy-box{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:16px;padding:22px;border-radius:24px;background:linear-gradient(135deg, #263b52, #1f6f8b);box-shadow:0 16px 34px rgba(31,48,68,.16);overflow:hidden;position:relative;}
.duello-strategy-box h3, .duello-strategy-box p{color:#fff;}
.duello-strategy-box p{margin-bottom:0;color:rgba(255,255,255,.84);}
.duello-faq-modern .card:hover{transform:translateY(-2px);box-shadow:0 13px 25px rgba(31,48,68,.09);}
.duello-faq-modern .card-header{background:#fff !important;border:0 !important;padding:0 !important;}
.rutbe-section-modern{background:linear-gradient(135deg, #f8fcff, #fffdf5);border:1px solid #e0ebf3;border-radius:24px;padding:18px 12px 14px;box-shadow:0 16px 34px rgba(31,48,68,.08);}
.rutbe-section-title{text-align:center;margin-bottom:10px;}
.rutbe-section-title span{display:block;color:#20384f;font-size:21px;font-weight:950;letter-spacing:.4px;}
.rutbe-section-title small{display:block;color:#6b7f90;font-size:12px;font-weight:750;margin-top:3px;}
.rutbe-section-modern .rutbe-scroll-container{padding:4px 3px 8px;}
.rutbe-section-modern .rutbe-wrapper{gap:10px;}
.rutbe-section-modern .rutbe-card{border-radius:20px;border:1px solid #e0ebf3;background:rgba(255,255,255,.96);box-shadow:0 10px 22px rgba(31,48,68,.07);transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;isolation:isolate;}
.rutbe-section-modern .rutbe-card::before{content:"";position:absolute;top:0;left:-85%;width:45%;height:100%;background:linear-gradient(120deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));transform:skewX(-22deg);transition:left .55s ease;z-index:1;}
.rutbe-section-modern .rutbe-card:hover{transform:translateY(-8px) scale(1.035);box-shadow:0 18px 34px rgba(31,48,68,.14);border-color:#b7dfea;}
.rutbe-section-modern .rutbe-card:hover::before{left:140%;}
.rutbe-section-modern .rank-badge-wrapper, .rutbe-section-modern .rank-info, .rutbe-section-modern .rank-progress-bar{position:relative;z-index:2;}
.rutbe-section-modern .rank-badge-wrapper img{transition:all .28s ease;filter:drop-shadow(0 8px 12px rgba(31,48,68,.12));}
.rutbe-section-modern .rutbe-card:hover .rank-badge-wrapper img{transform:scale(1.12) rotate(-3deg);filter:drop-shadow(0 12px 16px rgba(31,48,68,.18));}
.rutbe-section-modern .rank-name{color:#263b4f;font-weight:950;letter-spacing:.15px;}
.rutbe-section-modern .rank-points{background:#f4f8fb;border:1px solid #e1ebf2;border-radius:999px;padding:4px 8px;color:#587086;font-weight:850;display:inline-block;}
.rutbe-section-modern .rank-progress-bar{height:5px;}
body, .duello-page, .duello-page button, .duello-page input, .duello-page textarea, .duello-page select{font-family:"Inter", "Roboto", Arial, sans-serif !important;}
.duello-page{background:radial-gradient(circle at 9% 8%, rgba(98,198,183,.13), transparent 28%), radial-gradient(circle at 91% 10%, rgba(246,200,95,.16), transparent 26%), linear-gradient(180deg, #f6fbff 0%, #ffffff 100%) !important;color:var(--duello-ink) !important;}
.duello-chat-card{overflow:hidden !important;border-radius:24px !important;border:1px solid rgba(220,232,241,.94) !important;background:linear-gradient(135deg, rgba(255,255,255,.88), rgba(246,251,255,.94)), repeating-linear-gradient(135deg, rgba(58,174,195,.045) 0 1px, transparent 1px 11px) !important;box-shadow:0 20px 48px rgba(32,56,79,.11) !important;backdrop-filter:blur(10px);}
.duello-chat-card .chat-box, .duello-chat-card .chat-detail, .duello-chat-card .card-body{background:radial-gradient(circle at 16% 10%, rgba(98,198,183,.10), transparent 30%), linear-gradient(180deg, rgba(248,252,255,.96), rgba(255,255,255,.98)) !important;}
.duello-chat-card #sohbet li{border:0 !important;margin-bottom:6px !important;padding:6px 4px !important;overflow:visible !important;transition:all .22s ease;background:transparent !important;border-color:transparent !important;border-radius:0 !important;box-shadow:none !important;}
.duello-chat-card #sohbet .chat-message, .duello-chat-card #sohbet .message-content, .duello-chat-card #sohbet .msg-content, .duello-chat-card #sohbet .chat-text, .duello-chat-card #sohbet .message-bubble, .duello-chat-card #sohbet .message-body{background:transparent !important;border:0 !important;box-shadow:none !important;}
.duello-chat-card #sohbet li:hover{background:transparent !important;box-shadow:none !important;border-color:transparent !important;transform:none !important;}
.stat-cyan{background:linear-gradient(135deg, #eafaff 0%, #ffffff 100%) !important;border-color:#c9edf5 !important;}
.stat-red{background:linear-gradient(135deg, #fff1f1 0%, #ffffff 100%) !important;border-color:#ffd0d0 !important;}
.stat-gold{background:linear-gradient(135deg, #fff8df 0%, #ffffff 100%) !important;border-color:#f2dfa2 !important;}
.card-boxduel{position:relative !important;overflow:hidden !important;border-radius:24px !important;border:1px solid rgba(220,232,241,.95) !important;background:linear-gradient(180deg, rgba(247,252,255,.98), rgba(255,255,255,.98)), repeating-linear-gradient(135deg, rgba(58,174,195,.035) 0 1px, transparent 1px 12px) !important;box-shadow:0 18px 42px rgba(32,56,79,.10) !important;}
#bireysel-card-container > .card-header span, #toplu-card-container > .card-header span{font-weight:950 !important;letter-spacing:-.1px;}
.card-side-panel{position:absolute;top:0;right:-105%;width:50%;height:100%;z-index:1;transition:all 0.3s ease-in-out;display:flex;flex-direction:column;background:rgba(255,255,255,.97) !important;border-left:1px solid #dce8f1 !important;box-shadow:-14px 0 34px rgba(32,56,79,.14) !important;backdrop-filter:blur(10px);}
.card-side-panel .panel-header{background:linear-gradient(135deg, #243b55, #2f819a) !important;border-bottom:1px solid rgba(255,255,255,.16) !important;font-weight:900;}
.duelloTabstab .nav-link{border-radius:16px !important;font-weight:900 !important;color:#537084 !important;background:#f7fbff !important;border:1px solid #dce8f1 !important;}
.duelloTabstab .nav-link.active{background:linear-gradient(135deg, #eafaff, #fff8df) !important;color:var(--duello-ink) !important;box-shadow:0 10px 22px rgba(32,56,79,.08) !important;}
:root{--duello-ink:#20384f;--duello-muted:#64798b;--duello-line:#dce8f1;--duello-soft-bg:#f6fbff;--duello-cyan:#3aaec3;--duello-teal:#62c6b7;--duello-coral:#ff7f72;--duello-gold:#f6c85f;--duello-lilac:#8e8cf0;--duello-premium-navy:#22364a;--duello-premium-blue:#2f7e9a;--duello-premium-green:#3b927f;--duello-premium-red:#d95d55;--duello-premium-gold:#d8a93d;--duello-premium-line:rgba(215, 228, 239, .96);}
.duello-topbar{border:1px solid rgba(220,232,241,.94) !important;border-radius:22px !important;backdrop-filter:blur(10px);background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,251,255,.94)) !important;border-color:var(--duello-premium-line) !important;box-shadow:0 16px 38px rgba(32,56,79,.075) !important;}
.stat-pill{min-height:64px;border-radius:20px !important;border:1px solid rgba(220,232,241,.92) !important;padding:11px 13px !important;transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;position:relative;overflow:hidden;isolation:isolate;background:#fff !important;border-color:rgba(218,230,240,.95) !important;box-shadow:0 10px 24px rgba(32,56,79,.065) !important;}
.stat-pill::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.88;}
.stat-pill::after{content:"";position:absolute;top:12px;right:12px;width:7px;height:7px;border-radius:50%;background:#36c28f;box-shadow:0 0 0 5px rgba(54,194,143,.12), 0 0 14px rgba(54,194,143,.45);}
.stat-pill:hover{transform:translateY(-3px);border-color:rgba(180,206,224,.96) !important;box-shadow:0 18px 38px rgba(32,56,79,.13) !important;}
.stat-title{font-weight:800 !important;text-transform:uppercase;font-size:10.5px !important;letter-spacing:.38px !important;color:#607789 !important;}
.stat-value{color:var(--duello-ink) !important;font-weight:950 !important;line-height:1.15;font-size:19px !important;letter-spacing:-.25px;}
.stat-icon, .stat-avatar{position:relative;width:48px !important;height:48px !important;border-radius:18px !important;border:1px solid rgba(255,255,255,.88) !important;box-shadow:0 12px 24px rgba(32,56,79,.14), inset 0 1px 0 rgba(255,255,255,.42) !important;}
.stat-icon i{font-size:0 !important;}
.stat-icon::before{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;line-height:1;filter:drop-shadow(0 4px 7px rgba(0,0,0,.16));}
.stat-cyan .stat-icon{color:#fff !important;background:linear-gradient(145deg, #24708c, #48b8bf) !important;}
.stat-cyan .stat-icon::before{content:"⌨️";}
.stat-red .stat-icon{color:#fff !important;background:linear-gradient(145deg, #b64642, #ef7f68) !important;}
.stat-red .stat-icon::before{content:"⚔️";}
.stat-gold .stat-avatar{border:2px solid #fff !important;padding:3px;background:linear-gradient(145deg, #d8a93d, #ffe7a1) !important;box-shadow:0 12px 26px rgba(167,121,22,.18), inset 0 1px 0 rgba(255,255,255,.55) !important;}
.stat-gold .stat-avatar::after{content:"👑";position:absolute;top:-13px;right:-8px;font-size:20px;filter:drop-shadow(0 4px 6px rgba(32,56,79,.20));transform:rotate(12deg);}
.stat-avatar img{object-fit:cover !important;width:100% !important;height:100% !important;border-radius:15px !important;}
.duello-actions .btn-group{gap:8px !important;}
.duello-actions .btn{position:relative;overflow:hidden;border-radius:14px !important;border:1px solid rgba(255,255,255,.34) !important;min-height:43px;font-weight:850 !important;letter-spacing:.04px;box-shadow:0 9px 18px rgba(32,56,79,.115) !important;transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s cubic-bezier(.2,.8,.2,1), background-color .22s ease, border-color .22s ease !important;}
.duello-actions .btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.30) 46%, transparent 72%);transform:translateX(-135%) skewX(-18deg);transition:transform .55s ease;pointer-events:none;}
.duello-actions .btn i{transition:transform .22s ease, opacity .22s ease;}
.duello-actions .btn:hover{filter:none !important;transform:translateY(-3px);box-shadow:0 15px 28px rgba(32,56,79,.18) !important;}
.duello-actions .btn:hover::before{transform:translateX(135%) skewX(-18deg);}
.duello-actions .btn:hover i{transform:translateY(-1px) scale(1.08);}
.duello-actions .btn:active{transform:translateY(-1px) scale(.99);box-shadow:0 8px 16px rgba(32,56,79,.14) !important;}
.live-duel-badge{display:inline-flex;align-items:center;justify-content:center;padding:0 7px;border-radius:999px;font-size:12px;font-weight:950;line-height:1;background:#d95d55 !important;color:#ffffff !important;border:2px solid #ffffff !important;min-width:24px;height:24px;box-shadow:0 6px 14px rgba(217,93,85,.26) !important;}
.live-duel-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#ffffff;margin-right:5px;box-shadow:0 0 0 4px rgba(255,255,255,.18);}
#bireysel-card-container > .card-header, #toplu-card-container > .card-header{margin:10px 10px 0 !important;padding:12px 14px !important;background:linear-gradient(135deg, #f8fbff 0%, #eef7fb 100%) !important;color:#21384d !important;border:1px solid rgba(207,226,239,.95) !important;border-bottom:1px solid rgba(190,214,229,.92) !important;border-radius:18px 18px 0 0 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 8px 18px rgba(31,48,68,.045) !important;min-height:48px;}
#bireysel-card-container > .card-header > span, #toplu-card-container > .card-header > span{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:950 !important;letter-spacing:-.15px;color:#20384f !important;text-shadow:none !important;}
#bireysel-card-container > .card-header .btn, #toplu-card-container > .card-header .btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px !important;background:linear-gradient(135deg, #ffffff 0%, #fff7f6 100%) !important;color:#bf4f48 !important;border:1px solid rgba(217,93,85,.30) !important;border-radius:999px !important;font-weight:900 !important;box-shadow:0 8px 18px rgba(217,93,85,.10), inset 0 1px 0 rgba(255,255,255,.95) !important;transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, background .22s ease !important;}
#bireysel-card-container > .card-header .btn:hover, #toplu-card-container > .card-header .btn:hover{color:#a43f39 !important;background:linear-gradient(135deg, #fffdfc 0%, #fff0ee 100%) !important;transform:translateY(-2px);box-shadow:0 13px 25px rgba(217,93,85,.18), inset 0 1px 0 rgba(255,255,255,.95) !important;}
.duello-actions .btn-dark, .duello-actions .duelloolusturbtn, .duello-actions .tduelloolusturbtn{border:1px solid rgba(255,255,255,.28) !important;text-shadow:0 1px 0 rgba(0,0,0,.10);}
.duello-actions .btn-dark{color:#ffffff !important;border-color:rgba(255,255,255,.20) !important;background:linear-gradient(135deg, #2d4055 0%, #25374b 100%) !important;}
.duello-actions .btn-dark:hover{background:linear-gradient(135deg, #25374b 0%, #1f3144 100%) !important;}
.duello-actions .duelloolusturbtn{color:#ffffff !important;border-color:rgba(255,255,255,.24) !important;background:linear-gradient(135deg, #327f99 0%, #2d748d 100%) !important;}
.duello-actions .duelloolusturbtn:hover{background:linear-gradient(135deg, #2c748d 0%, #28687f 100%) !important;}
.duello-actions .tduelloolusturbtn{color:#ffffff !important;border-color:rgba(255,255,255,.24) !important;background:linear-gradient(135deg, #3e927f 0%, #357f70 100%) !important;}
.duello-actions .tduelloolusturbtn:hover{background:linear-gradient(135deg, #367f70 0%, #2f7063 100%) !important;}
.duello-actions .btn i.fa-sliders, .duello-actions .btn i.fa-plus-circle, .duello-actions .btn i.fa-users{font-size:15px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.14));}
.duello-chat-header{border:0 !important;padding:14px 14px !important;min-height:66px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.18) !important;background:linear-gradient(135deg, #20384f 0%, #2f6177 100%) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 8px 18px rgba(31,48,68,.10) !important;}
.duello-chat-icon{width:40px;height:40px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;flex:0 0 auto;background:rgba(255,255,255,.14) !important;border:1px solid rgba(255,255,255,.20) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 8px 16px rgba(0,0,0,.10) !important;}
.duello-faq-modern{margin-top:18px;padding:22px;border-radius:24px;background:linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;border:1px solid #e4eef5 !important;box-shadow:0 14px 32px rgba(31,48,68,.065) !important;}
.duello-faq-modern h2{font-weight:950;text-align:center;margin:0 0 6px;font-size:24px !important;line-height:1.25 !important;letter-spacing:-.35px !important;color:#20384f !important;}
.duello-faq-subtitle{text-align:center;margin-bottom:15px;font-size:14.5px !important;line-height:1.65 !important;color:#607789 !important;font-weight:600 !important;max-width:760px;}
.duello-faq-modern .card{overflow:hidden;margin-bottom:10px;transition:all .23s ease;border-radius:17px !important;border:1px solid #e4edf4 !important;box-shadow:0 8px 18px rgba(31,48,68,.045) !important;}
.duello-faq-modern .card-header button{border:0 !important;box-shadow:none !important;text-decoration:none !important;font-size:14.5px !important;line-height:1.35 !important;font-weight:900 !important;color:#263f55 !important;padding:14px 16px !important;background:linear-gradient(135deg, #f8fcff 0%, #eef8fb 100%) !important;border-radius:16px !important;}
.duello-faq-modern .card-header button i{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff;color:#327f99 !important;box-shadow:0 6px 14px rgba(31,48,68,.065);}
.duello-faq-modern .card-body{font-size:14.25px !important;line-height:1.78 !important;font-weight:500 !important;color:#4f6475 !important;padding:15px 18px 17px 58px !important;background:#ffffff !important;}
.klavye-calisma-page, .klavye-calisma-page *{box-sizing:border-box;}
.klavye-calisma-page .kc-hero-content, .klavye-calisma-page .kc-hero-side{position:relative;z-index:2;}
.klavye-calisma-page .kc-hero-side{display:flex;gap:10px;flex-shrink:0;}
.klavye-calisma-page .kc-hero-metric strong{display:block;color:#19384e;font-size:19px;font-weight:950;line-height:1.1;}
.klavye-calisma-page .kc-hero-metric span{display:block;color:#6a7d8c;font-size:11px;font-weight:800;margin-top:4px;}
.klavye-calisma-page .kc-visual-card, .klavye-calisma-page .kc-panel-card{min-height:500px;border-radius:26px;overflow:hidden;box-shadow:0 18px 42px rgba(28, 47, 65, .10);}
.klavye-calisma-page .kc-benefit-grid strong, .klavye-calisma-page .kc-benefit-grid span{display:block;}
.klavye-calisma-page .kc-field{margin-bottom:14px;}
.klavye-calisma-page .kc-field label, .klavye-calisma-page .kc-choice-title{display:flex;align-items:center;gap:6px;margin:0 0 7px 0;color:#243d52;font-size:12.5px;font-weight:950;}
.klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary:last-child{margin-bottom:0;}
.klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary:hover, .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary.active{transform:translateY(-1px);background:linear-gradient(135deg, #e9f9ff, #fff8df) !important;border-color:#9bd7e5 !important;color:#18374c !important;box-shadow:0 11px 22px rgba(42, 126, 152, .16);}
.klavye-calisma-page .kc-guide-wrap{margin-left:0 !important;margin-right:0 !important;}
.klavye-calisma-page .kc-guide-accordion{border-radius:24px;overflow:hidden;background:#fff;border:1px solid #dcebf3;box-shadow:0 16px 36px rgba(31, 48, 68, .08);}
.klavye-calisma-page .kc-guide-toggle span{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:950;}
.klavye-calisma-page .kc-guide-toggle::after{content:"";font-family:FontAwesome;color:#31586d;font-size:18px;transition:transform .2s ease;}
.klavye-calisma-page .kc-guide-toggle[aria-expanded="true"]::after{transform:rotate(180deg);}
.klavye-calisma-page .kc-guide-body{padding:22px;background:linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);}
.klavye-calisma-page .kc-guide-hero{display:grid;grid-template-columns:1fr 290px;gap:22px;align-items:center;padding:22px;border-radius:24px;background:linear-gradient(135deg, #eefaff, #fffdf2);border:1px solid #dceef4;margin-bottom:16px;}
.klavye-calisma-page .kc-guide-label{display:inline-block;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #d8e9f2;color:#31586d;font-size:12px;font-weight:900;margin-bottom:9px;}
.klavye-calisma-page .kc-guide-body h2, .klavye-calisma-page .kc-mini-faq h2{color:#172f46;font-size:24px;font-weight:950;margin:0 0 10px;letter-spacing:-.25px;}
.klavye-calisma-page .kc-guide-body h3{color:#243d52;font-size:17px;font-weight:950;margin:0 0 8px;}
.klavye-calisma-page .kc-guide-body p{color:#4f6577;font-size:14px;line-height:1.7;font-weight:550;}
.klavye-calisma-page .kc-guide-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.klavye-calisma-page .kc-guide-btn{border-radius:15px !important;background:linear-gradient(135deg, #ffca3a, #ff9f43) !important;color:#fff !important;border:0 !important;font-weight:950 !important;padding:10px 16px !important;}
.klavye-calisma-page .kc-guide-btn-light{background:linear-gradient(135deg, #e9f8ff, #eefcfb) !important;color:#31586d !important;border:1px solid #cfe6ef !important;}
.klavye-calisma-page .kc-guide-image{height:170px;border-radius:22px;overflow:hidden;border:4px solid rgba(255,255,255,.9);box-shadow:0 14px 28px rgba(31, 48, 68, .14);background:#fff;}
.klavye-calisma-page .kc-guide-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;margin-bottom:16px;}
.klavye-calisma-page .kc-info-card, .klavye-calisma-page .kc-guide-section, .klavye-calisma-page .kc-mini-faq{background:#fff;border:1px solid #e6eef5;border-radius:22px;box-shadow:0 10px 24px rgba(31, 48, 68, .045);}
.klavye-calisma-page .kc-info-card{padding:18px;}
.klavye-calisma-page .kc-info-card > i{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(135deg, #e9f8ff, #fff8df);color:#31586d;font-size:18px;margin-bottom:12px;}
.klavye-calisma-page .kc-guide-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;}
.klavye-calisma-page .kc-guide-section, .klavye-calisma-page .kc-mini-faq{padding:20px;}
.klavye-calisma-page .kc-check-list{list-style:none;padding:0;margin:0;display:grid;gap:9px;}
.klavye-calisma-page .kc-check-list li{position:relative;padding:10px 12px 10px 34px;border-radius:14px;background:#f7fbfd;border:1px solid #e4eef5;color:#42586b;font-weight:750;font-size:13px;}
.klavye-calisma-page .kc-check-list li::before{content:"✓";position:absolute;left:12px;top:9px;color:#12abc8;font-weight:950;}
.klavye-calisma-page .kc-mode-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.klavye-calisma-page .kc-mode-chips span{padding:7px 10px;border-radius:999px;background:#f7fbfd;border:1px solid #e4eef5;color:#31586d;font-size:12px;font-weight:850;}
.klavye-calisma-page .kc-mini-faq h2{text-align:center;font-size:21px;margin-bottom:14px;}
.klavye-calisma-page .kc-mini-item{border:1px solid #e6eef5;border-radius:16px;overflow:hidden;margin-bottom:9px;background:#fff;}
.klavye-calisma-page .kc-mini-item:last-child{margin-bottom:0;}
.klavye-calisma-page .kc-mini-question{width:100%;display:flex;align-items:center;gap:8px;padding:13px 15px;border:0;outline:0;cursor:pointer;background:linear-gradient(135deg, #f8fcff, #ffffff);color:#243d52;text-align:left;font-weight:950;font-size:13.5px;}
.klavye-calisma-page .kc-mini-answer{padding:0 15px 14px 40px;color:#5b6f80;font-size:13px;line-height:1.65;font-weight:600;}
.klavye-calisma-page .kc-panel-body > .row{align-items:stretch !important;}
.klavye-calisma-page .kc-form, .klavye-calisma-page .kc-choice-card{height:auto !important;}
.klavye-calisma-page .kc-choice-card:last-child{margin-bottom:0 !important;}
.klavye-calisma-page .kc-choice-title{margin-bottom:8px !important;}
.klavye-calisma-page .kc-panel-body-balanced{display:flex !important;flex-direction:column !important;gap:0 !important;padding:24px 24px 26px !important;min-height:410px !important;}
.klavye-calisma-page .kc-form-grid{display:grid !important;grid-template-columns:repeat(2, minmax(0, 1fr)) !important;gap:17px 18px !important;height:auto !important;}
.klavye-calisma-page .kc-options-grid{display:grid !important;grid-template-columns:.86fr 1.14fr !important;gap:22px !important;align-items:stretch !important;margin-top:18px !important;margin-bottom:20px !important;}
.klavye-calisma-page .kc-choice-head{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;margin-bottom:10px !important;}
.klavye-calisma-page .kc-choice-head .kc-choice-title{margin:0 !important;}
.klavye-calisma-page .kc-choice-head span{color:#7890a0 !important;font-size:10.5px !important;font-weight:850 !important;white-space:nowrap !important;}
.klavye-calisma-page .kc-segment-grid{display:grid !important;gap:8px !important;}
.klavye-calisma-page .kc-segment-grid-3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
.klavye-calisma-page .kc-segment-grid-time{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;}
.klavye-calisma-page .kc-segment-grid .btn-outline-primary{min-height:38px !important;margin-bottom:0 !important;padding:8px 8px !important;border-radius:14px !important;white-space:nowrap !important;}
.klavye-calisma-page .kc-panel-note i{width:30px !important;height:30px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 30px !important;border-radius:11px !important;background:#fff !important;color:#e0a300 !important;box-shadow:0 7px 14px rgba(31,48,68,.06) !important;}
.klavye-calisma-page .kc-hero-metric{min-width:110px;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.82);border:1px solid rgba(219, 232, 240, .95);box-shadow:0 14px 28px rgba(28,47,65,.07);text-align:center;display:none !important;}
.klavye-calisma-page .kc-benefit-grid div i{color:#d49a1b !important;}
.klavye-calisma-page .kc-benefit-grid div strong{color:#18394d !important;}
.klavye-calisma-page .kc-benefit-grid div span{color:#64798a !important;}
.klavye-calisma-page .kc-guide-image img{width:100%;height:100%;content:url("/assets/images/klavye-calisma-premium-transparent.png");object-fit:contain !important;background:linear-gradient(180deg, #f8fafc 0%, #f3f5f7 100%) !important;}
.klavye-calisma-page .kc-hero::before{display:block !important;content:"" !important;position:absolute !important;pointer-events:none !important;right:0 !important;top:0 !important;width:100% !important;height:4px !important;border-radius:24px 24px 0 0 !important;background:linear-gradient(90deg, #1f7b91, #73c1bc 55%, #f5b84b) !important;opacity:.9 !important;}
.klavye-calisma-page .kc-hero::after{display:block !important;content:"" !important;position:absolute !important;border-radius:50% !important;pointer-events:none !important;width:170px !important;height:170px !important;left:auto !important;right:-75px !important;bottom:-90px !important;background:rgba(31, 123, 145, .045) !important;}
.klavye-calisma-page .kc-hero-tags span i, .klavye-calisma-page .kc-hero-feature i{color:var(--kc-teal) !important;}
.klavye-calisma-page .kc-visual-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;color:#20384f !important;min-height:505px !important;padding:24px 26px !important;border-radius:24px !important;background:linear-gradient(180deg, #fafbfc 0%, #f5f7f9 54%, #f2f5f7 100%) !important;border:1px solid #e3eaf0 !important;box-shadow:0 16px 34px rgba(15, 23, 42, .06) !important;}
.klavye-calisma-page .kc-visual-card::before{content:"";position:absolute;pointer-events:none;border-color:rgba(255,255,255,.64) !important;inset:14px !important;border-radius:20px !important;background:linear-gradient(135deg, rgba(255,255,255,.68), rgba(255,255,255,.18)) !important;border:1px solid rgba(255,255,255,.86) !important;}
.klavye-calisma-page .kc-visual-card::after{content:"" !important;position:absolute !important;right:24px !important;top:22px !important;width:74px !important;height:74px !important;border-radius:50% !important;background:radial-gradient(circle, rgba(31,123,145,.075), rgba(31,123,145,0) 70%) !important;pointer-events:none !important;z-index:0 !important;}
.klavye-calisma-page .kc-monitor-frame{position:absolute;left:0;right:0;top:28px !important;max-width:455px !important;padding:0 !important;overflow:visible !important;display:flex !important;align-items:center !important;justify-content:center !important;width:min(78%, 455px) !important;height:268px !important;margin:0 auto 12px !important;border-radius:18px !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
.klavye-calisma-page .kc-visual-content{position:relative !important;z-index:2 !important;margin-top:0 !important;}
.klavye-calisma-page .kc-visual-card h2{margin:0 0 8px 0;font-weight:950;text-shadow:none !important;max-width:760px !important;color:var(--kc-ink) !important;font-size:clamp(24px, 2vw, 30px) !important;line-height:1.12 !important;letter-spacing:-.75px !important;margin-bottom:9px !important;}
.klavye-calisma-page .kc-visual-card p{margin:0 0 16px 0;text-shadow:none !important;max-width:780px !important;color:#4f6475 !important;font-size:14.2px !important;line-height:1.55 !important;font-weight:650 !important;}
.klavye-calisma-page .kc-benefit-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px !important;margin-top:16px !important;}
.klavye-calisma-page .kc-benefit-grid div{backdrop-filter:blur(8px);border-color:rgba(211, 228, 238, .95) !important;color:#254b61 !important;padding:13px 14px !important;border-radius:16px !important;background:rgba(255,255,255,.82) !important;border:1px solid #e1e9f0 !important;box-shadow:0 8px 18px rgba(15, 23, 42, .035) !important;}
.klavye-calisma-page .kc-benefit-grid div:hover{transform:translateY(-2px) !important;background:#ffffff !important;border-color:#d8e4ec !important;box-shadow:0 12px 24px rgba(15, 23, 42, .055) !important;}
.klavye-calisma-page .kc-benefit-grid i{display:block;margin-bottom:7px;font-size:17px;color:var(--kc-gold) !important;}
.klavye-calisma-page .kc-benefit-grid strong{font-size:12px;font-weight:950;color:#203e54 !important;}
.klavye-calisma-page .kc-benefit-grid span{font-size:10.5px;font-weight:700;margin-top:2px;color:#63788a !important;}
.klavye-calisma-page .kc-choice-card, .klavye-calisma-page .kc-panel-note{box-shadow:0 8px 18px rgba(15,23,42,.035) !important;}
.klavye-calisma-page .kc-visual-card.kc-visual-no-image{min-height:500px !important;justify-content:center !important;padding:26px !important;background:radial-gradient(circle at 8% 8%, rgba(32, 134, 160, .055), transparent 31%), linear-gradient(180deg, #fbfcfe 0%, #f4f6f8 100%) !important;color:#20384f !important;border:1px solid #e5ebf1 !important;box-shadow:0 16px 36px rgba(31,48,68,.075) !important;}
.klavye-calisma-page .kc-visual-card.kc-visual-no-image::before{content:"";position:absolute;inset:14px;border-radius:22px;border:1px solid rgba(255,255,255,.82);pointer-events:none;}
.klavye-calisma-page .kc-visual-no-image .kc-visual-glow, .klavye-calisma-page .kc-visual-no-image .kc-monitor-frame, .klavye-calisma-page .kc-visual-no-image .kc-monitor-img{display:none !important;}
.klavye-calisma-page .kc-visual-content-clean{margin-top:0 !important;position:relative;z-index:2;}
.klavye-calisma-page .kc-visual-no-image .kc-visual-badge{background:#ffffff !important;color:#31566f !important;border:1px solid #dfeaf2 !important;box-shadow:0 8px 18px rgba(31,48,68,.045) !important;}
.klavye-calisma-page .kc-visual-no-image h2{color:#182f43 !important;font-size:28px !important;line-height:1.17 !important;letter-spacing:-.45px !important;max-width:620px;}
.klavye-calisma-page .kc-visual-no-image p{color:#52697b !important;font-size:14.5px !important;line-height:1.65 !important;max-width:660px;}
.klavye-calisma-page .kc-motive-panel{display:grid;gap:14px;margin-top:18px;}
.klavye-calisma-page .kc-motive-item{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:22px;background:#ffffff;border:1px solid #e4ecf3;box-shadow:0 12px 24px rgba(31,48,68,.055);}
.klavye-calisma-page .kc-motive-icon{width:46px;height:46px;min-width:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg, #eefaff, #fff8df);color:#2086a0;border:1px solid #dcebf2;font-size:18px;}
.klavye-calisma-page .kc-motive-item strong{display:block;color:#1c3448;font-size:17px;font-weight:950;margin-bottom:4px;}
.klavye-calisma-page .kc-motive-item p{margin:0 !important;max-width:none !important;color:#607383 !important;font-size:13.5px !important;}
.klavye-calisma-page .kc-benefit-grid-readable div{min-height:142px !important;padding:16px 15px !important;background:#ffffff !important;border:1px solid #e3ebf2 !important;box-shadow:0 10px 22px rgba(31,48,68,.052) !important;backdrop-filter:none !important;}
.klavye-calisma-page .kc-mini-stats{display:flex;flex-wrap:wrap;gap:8px;}
.klavye-calisma-page .kc-mini-stats span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:999px;background:#ffffff;border:1px solid #e4ecf3;color:#415a6e;font-size:12px;font-weight:900;box-shadow:0 8px 16px rgba(31,48,68,.035);}
.klavye-calisma-page .kc-mini-stats i{color:#2086a0;}
.klavye-calisma-page .kc-guide-side-card{align-self:stretch;padding:22px;border-radius:24px;background:linear-gradient(180deg, #ffffff, #f8fbfd);border:1px solid #e2ebf2;box-shadow:0 14px 28px rgba(31,48,68,.06);}
.klavye-calisma-page .kc-guide-side-card span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#eef8fb;color:#2086a0;font-size:12px;font-weight:950;margin-bottom:12px;}
.klavye-calisma-page .kc-guide-side-card strong{display:block;color:#20384f;font-size:20px;font-weight:950;line-height:1.2;margin-bottom:8px;}
.klavye-calisma-page .kc-guide-side-card p{color:#5c7081;font-size:13.5px;line-height:1.65;font-weight:650;margin:0;}
.klavye-calisma-page{font-family:"Inter", "Roboto", Arial, sans-serif;padding:10px 8px 0 8px;--kc-ink:#20384f;--kc-teal-2:#62c6b7;--kc-gold:#f6c85f;--kc-orange:#ff9f43;--kc-navy:#20384f;--kc-text:#263b4f;--kc-muted:#64798b;--kc-border:#dce8f1;--kc-card:#ffffff;--kc-soft:#f6fbff;--kc-soft-2:#f8fcff;--kc-accent:#f6c85f;--kc-accent-soft:#fff8e6;--kc-teal:#3aaec3;}
.klavye-calisma-page .kc-visual-glow{position:absolute;right:-80px;top:-70px;width:220px;height:220px;border-radius:50%;opacity:.16 !important;background:radial-gradient(circle, rgba(15,23,42,.055), rgba(15,23,42,0) 69%) !important;filter:blur(44px) !important;display:none !important;}
.klavye-calisma-page .kc-orb-one{width:210px;height:210px;right:-80px;top:-90px;background:rgba(67,174,189,.06);}
.klavye-calisma-page .kc-orb-two{width:170px;height:170px;left:-70px;bottom:-80px;background:rgba(244,166,64,.07);}
.klavye-calisma-page .kc-focus-icon{width:48px;min-width:48px;height:48px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #e9f8ff, #fff6df);border:1px solid #dcecf3;color:#1b8da5;font-size:19px;}
.klavye-calisma-page .kc-focus-card strong{display:block;color:#17364d;font-size:17px;font-weight:950;line-height:1.15;margin-bottom:5px;}
.klavye-calisma-page .kc-focus-card span{display:block;color:#52697b;font-size:13.5px;font-weight:700;line-height:1.55;}
.klavye-calisma-page .kc-panel-card{display:flex;flex-direction:column;background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;min-height:500px !important;height:auto !important;border-radius:26px !important;box-shadow:0 18px 42px rgba(28, 48, 68, .08) !important;border:1px solid #e2ebf3 !important;overflow:hidden !important;}
.klavye-calisma-page .kc-panel-header h2{margin:0;font-size:20px;font-weight:950;letter-spacing:-.2px;color:#14364c !important;text-shadow:none !important;}
.klavye-calisma-page .kc-panel-header h2 i{color:#14364c !important;}
.klavye-calisma-page .kc-panel-pill{align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;color:#fff6d3;font-size:12px;font-weight:900;background:rgba(255,255,255,.16) !important;border:1px solid rgba(255,255,255,.24) !important;display:none !important;}
.klavye-calisma-page .kc-guide-toggle{width:100%;min-height:56px;padding:16px 20px;outline:0;cursor:pointer;color:#18374c;background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;border:1px solid #e3edf3 !important;box-shadow:0 10px 22px rgba(15, 23, 42, .045) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;text-align:left !important;}
.klavye-calisma-page .kc-hero::before, .klavye-calisma-page .kc-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none;display:none !important;filter:blur(1px);opacity:.22 !important;}
.klavye-calisma-page .kc-eyebrow{display:inline-flex;align-items:center;gap:7px;font-weight:900;border-radius:999px !important;border:1px solid #dfeaf1 !important;box-shadow:0 6px 14px rgba(15, 23, 42, .035) !important;background:#f8fbfd !important;color:#31566f !important;border-color:#dfeaf2 !important;padding:6px 11px !important;font-size:11.5px !important;margin-bottom:7px !important;}
.klavye-calisma-page .kc-hero-tags span{display:inline-flex;align-items:center;gap:6px;font-weight:850;border-color:rgba(209, 228, 236, .96) !important;background:#ffffff !important;border:1px solid #e3edf3 !important;color:#284b63 !important;min-height:32px !important;padding:7px 10px !important;border-radius:12px !important;font-size:11.5px !important;box-shadow:0 5px 12px rgba(31,48,68,.035) !important;}
.klavye-calisma-page .kc-hero-feature span{color:#274960 !important;font-weight:850 !important;font-size:11.5px !important;line-height:1.2 !important;}
.klavye-calisma-page .kc-benefit-grid i, .klavye-calisma-page .kc-benefit-grid-readable i{width:36px !important;height:36px !important;border-radius:14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin-bottom:12px !important;border:1px solid #f5dfb5 !important;font-size:15px !important;background:#fff7e8 !important;color:#e79b2d !important;border-color:#f4dfba !important;}
.klavye-calisma-page .kc-benefit-grid strong, .klavye-calisma-page .kc-benefit-grid-readable strong{color:#17364d !important;line-height:1.15 !important;font-weight:950 !important;margin-bottom:6px !important;font-size:14px !important;}
.klavye-calisma-page .kc-benefit-grid span, .klavye-calisma-page .kc-benefit-grid-readable span{line-height:1.45 !important;color:#526a7c !important;font-size:12.4px !important;font-weight:750 !important;}
.klavye-calisma-page .kc-panel-body{flex:1;display:block !important;padding:22px !important;background:linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%) !important;}
.klavye-calisma-page .kc-choice-card{border-radius:20px;border:1px solid #dce8f1;box-shadow:0 10px 22px rgba(31, 48, 68, .055);height:auto !important;margin:0 !important;padding:20px 20px 21px !important;background:linear-gradient(180deg, #ffffff 0%, #f8fcff 100%) !important;}
.klavye-calisma-page .kc-panel-note{display:flex !important;align-items:center !important;gap:15px !important;padding:18px 20px !important;border-radius:20px !important;border:1px solid #dce8f1 !important;color:#52697b !important;font-size:12.5px !important;line-height:1.6 !important;font-weight:750 !important;background:linear-gradient(135deg, #f6fbff 0%, #fff8e6 100%) !important;border-color:#dce8f1 !important;margin:0 0 20px !important;}
.klavye-calisma-page .kc-visual-card, .klavye-calisma-page .kc-visual-card-split{position:relative !important;overflow:hidden !important;border-radius:26px !important;border:1px solid rgba(220, 232, 241, .95) !important;box-shadow:0 18px 42px rgba(31, 48, 68, .08) !important;border-color:#dce8f1 !important;min-height:500px !important;padding:28px 26px 24px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;background:radial-gradient(circle at 96% 18%, rgba(58, 174, 195, .08) 0 118px, transparent 119px), radial-gradient(circle at 2% 98%, rgba(246, 200, 95, .08) 0 100px, transparent 101px), linear-gradient(180deg, #ffffff 0%, #f8fcff 48%, #f6fbff 100%) !important;}
.klavye-calisma-page .kc-visual-card h2, .klavye-calisma-page .kc-visual-copy h2{color:#092f4a !important;line-height:1.15 !important;letter-spacing:-.55px !important;font-weight:950 !important;margin:16px 0 10px !important;font-size:25px !important;max-width:500px !important;margin-bottom:12px !important;}
.klavye-calisma-page .kc-visual-card p, .klavye-calisma-page .kc-visual-copy p{color:#4d6578 !important;line-height:1.62 !important;font-weight:700 !important;margin:0 !important;font-size:14px !important;max-width:500px !important;}
.klavye-calisma-page .kc-monitor-frame, .klavye-calisma-page .kc-monitor-frame-compact{width:100% !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;display:flex !important;overflow:visible !important;align-self:center !important;justify-self:center !important;max-width:330px !important;height:auto !important;margin:0 auto !important;align-items:center !important;justify-content:center !important;}
.klavye-calisma-page .kc-monitor-img{padding:8px !important;background:#fff !important;content:url("/assets/images/klavye-calisma-premium-transparent.png");object-position:center center !important;transform:none !important;max-height:100% !important;height:auto !important;object-fit:contain !important;display:block !important;max-width:330px !important;width:100% !important;filter:drop-shadow(0 18px 28px rgba(23, 44, 62, .13)) !important;}
.klavye-calisma-page .kc-focus-card{position:relative;z-index:2;align-items:center;gap:14px;padding:17px 18px;background:rgba(255,255,255,.92);border:1px solid #dfeaf2;border-radius:22px;box-shadow:0 12px 26px rgba(27, 48, 68, .07);display:none !important;margin-top:18px !important;max-width:620px !important;}
.klavye-calisma-page .kc-benefit-grid, .klavye-calisma-page .kc-benefit-grid-readable{position:relative;z-index:2;display:grid !important;grid-template-columns:repeat(3, minmax(0, 1fr)) !important;gap:12px !important;margin-top:22px !important;align-items:stretch !important;}
.klavye-calisma-page .kc-benefit-grid > div, .klavye-calisma-page .kc-benefit-grid-readable > div{border:1px solid #dde8f1 !important;box-shadow:0 10px 22px rgba(28, 48, 68, .055) !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;padding:16px !important;border-radius:20px !important;background:rgba(255,255,255,.96) !important;border-color:#dfe8f0 !important;min-height:116px !important;justify-content:center !important;}
.klavye-calisma-page .kc-panel-kicker{display:block;font-size:11px;text-transform:uppercase;margin-bottom:3px;font-weight:950 !important;letter-spacing:.7px !important;color:#705f43 !important;}
.klavye-calisma-page .kc-panel-header h2, .klavye-calisma-page .kc-panel-header h2 i{color:#17364d !important;}
.klavye-calisma-page .kc-guide-toggle small{font-size:12px;font-weight:800;color:#53677a !important;white-space:nowrap !important;margin-left:auto !important;text-align:right !important;}
.klavye-calisma-page .kc-visual-copy .kc-visual-badge{margin-bottom:18px !important;}
.klavye-calisma-page .kc-benefit-grid-readable > div i{width:42px !important;height:42px !important;min-width:42px !important;border-radius:15px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin-bottom:12px !important;background:linear-gradient(135deg,#fff8e7,#f7fbff) !important;border:1px solid #f2d99f !important;color:#e2a22c !important;font-size:18px !important;}
.klavye-calisma-page .kc-workspace{margin-left:0 !important;margin-right:0 !important;gap:0;align-items:stretch !important;}
.klavye-calisma-page .kc-workspace > [class*="col-"]{display:flex !important;}
.klavye-calisma-page .kc-visual-card-split, .klavye-calisma-page .kc-panel-card{height:100% !important;}
.klavye-calisma-page .kc-visual-card-split{position:relative !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;min-height:420px !important;padding:26px 28px !important;border-radius:24px !important;background:radial-gradient(circle at 92% 5%, rgba(69, 172, 190, .10) 0, rgba(69, 172, 190, .10) 80px, transparent 82px), radial-gradient(circle at 2% 98%, rgba(255, 186, 73, .10) 0, rgba(255, 186, 73, .10) 78px, transparent 80px), linear-gradient(135deg, #ffffff 0%, #f8fbfd 58%, #fffaf0 100%) !important;border:1px solid #dfeaf2 !important;box-shadow:0 16px 34px rgba(31, 48, 68, .085) !important;}
.klavye-calisma-page .kc-visual-soft-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;display:none !important;}
.klavye-calisma-page .kc-visual-top{width:100% !important;margin-bottom:35px !important;position:relative !important;z-index:2 !important;display:grid !important;grid-template-columns:minmax(0, 1.05fr) minmax(250px, .95fr) !important;align-items:center !important;gap:22px !important;margin:0 0 22px 0 !important;}
.klavye-calisma-page .kc-visual-copy{padding-top:0 !important;align-self:center !important;min-width:0 !important;max-width:100% !important;}
.klavye-calisma-page .kc-visual-badge{border-color:rgba(180, 218, 229, .95) !important;display:inline-flex !important;align-items:center !important;gap:7px !important;padding:8px 13px !important;margin-bottom:16px !important;border-radius:999px !important;background:rgba(255,255,255,.86) !important;border:1px solid #d6e7ef !important;color:#24455d !important;font-size:12px !important;font-weight:900 !important;box-shadow:0 8px 18px rgba(31,48,68,.055) !important;}
.klavye-calisma-page .kc-visual-badge i{color:#f1a92f !important;}
.klavye-calisma-page .kc-visual-copy h2{max-width:500px !important;margin:0 0 12px 0 !important;color:#082e49 !important;font-size:clamp(28px, 2.05vw, 36px) !important;line-height:1.14 !important;font-weight:950 !important;letter-spacing:-1px !important;}
.klavye-calisma-page .kc-visual-copy p{max-width:500px !important;margin:0 !important;color:#4e667a !important;font-size:14.5px !important;line-height:1.65 !important;font-weight:700 !important;}
.klavye-calisma-page .kc-monitor-frame-compact{position:relative !important;z-index:2 !important;display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;min-width:0 !important;padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
.klavye-calisma-page .kc-monitor-frame-compact .kc-monitor-img, .klavye-calisma-page .kc-monitor-img{display:block !important;width:min(100%, 320px) !important;max-width:320px !important;height:auto !important;object-fit:contain !important;transform:none !important;filter:drop-shadow(0 16px 22px rgba(31,48,68,.10)) !important;}
.klavye-calisma-page .kc-benefit-grid-readable{position:relative !important;z-index:2 !important;display:grid !important;grid-template-columns:repeat(3, minmax(0, 1fr)) !important;gap:13px !important;margin:0 !important;}
.klavye-calisma-page .kc-benefit-grid-readable > div{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;min-height:116px !important;padding:17px 16px !important;border-radius:18px !important;background:rgba(255,255,255,.92) !important;border:1px solid #dce8f0 !important;box-shadow:0 10px 22px rgba(31,48,68,.055) !important;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;}
.klavye-calisma-page .kc-benefit-grid-readable > div:hover{transform:translateY(-2px) !important;border-color:#c9dce8 !important;box-shadow:0 14px 28px rgba(31,48,68,.08) !important;}
.klavye-calisma-page .kc-benefit-grid-readable i{width:38px !important;height:38px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:13px !important;background:linear-gradient(135deg, #fff7e7, #f8fbff) !important;border:1px solid #f2d69c !important;color:#e2a22e !important;font-size:15px !important;margin-bottom:10px !important;}
.klavye-calisma-page .kc-benefit-grid-readable strong{margin-bottom:5px;display:block !important;margin:0 0 6px 0 !important;color:#0b314c !important;font-size:16px !important;line-height:1.2 !important;font-weight:950 !important;}
.klavye-calisma-page .kc-benefit-grid-readable span{display:block !important;color:#587083 !important;font-size:12.5px !important;line-height:1.48 !important;font-weight:750 !important;}
.klavye-calisma-page .kc-panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 22px;min-height:74px !important;background:radial-gradient(circle at 96% 0%, rgba(255,255,255,.45) 0, rgba(255,255,255,.45) 78px, transparent 80px), linear-gradient(135deg, #eefaff 0%, #f8fcff 54%, #fff8e6 100%) !important;color:#20384f !important;border-bottom:1px solid #dce8f1 !important;}
.klavye-calisma-page .kc-panel-header h2, .klavye-calisma-page .kc-panel-kicker{color:#20384f !important;}
.klavye-calisma-page .ko-ad, .main-container .ko-ad{width:100%;margin:12px 0;padding:0;border-radius:18px;background:#f8fbff;border:1px solid #dce8f1;box-shadow:0 10px 24px rgba(31, 48, 68, .05);overflow:hidden;}
.klavye-calisma-page .ko-ad-inner, .main-container .ko-ad-inner{width:100%;padding:10px;}
.klavye-calisma-page .ko-ad-label, .main-container .ko-ad-label{display:none;}
.klavye-calisma-page .ko-ad-label::before, .main-container .ko-ad-label::before{content:none;}
.klavye-calisma-page .ko-ad-placeholder, .main-container .ko-ad-placeholder{min-height:94px;border-radius:15px;border:1px dashed #cbdced;background:linear-gradient(135deg, rgba(255,255,255,.78), rgba(248,252,255,.92)), repeating-linear-gradient(45deg, #f3f8fc 0, #f3f8fc 12px, #eef5fb 12px, #eef5fb 24px);color:#6f8192;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:"Inter", sans-serif;}
.klavye-calisma-page .ko-ad-placeholder span, .main-container .ko-ad-placeholder span{display:none;}
.klavye-calisma-page .ko-ad-placeholder small, .main-container .ko-ad-placeholder small{display:none;}
.klavye-calisma-page .ko-ad-hero .ko-ad-placeholder, .klavye-calisma-page .ko-ad-guide .ko-ad-placeholder, .main-container .ko-ad-apps .ko-ad-placeholder{min-height:126px;}
.klavye-calisma-page .ko-ad-leaderboard .ko-ad-placeholder{min-height:90px;}
.klavye-calisma-page .ko-ad-before-toplist, .klavye-calisma-page .ko-ad-before-guide, .main-container .ko-ad-before-apps{margin-top:12px;margin-bottom:12px;}
.klavye-calisma-page .ko-ad ins, .main-container .ko-ad ins, .klavye-calisma-page .ko-ad iframe, .main-container .ko-ad iframe{display:block;max-width:100%;margin:0 auto;}
.klavye-calisma-page .kc-hero{position:relative;display:flex;justify-content:space-between;gap:18px;overflow:hidden;margin-bottom:12px;margin-top:8px !important;border:1px solid rgba(220, 232, 241, .95) !important;border-radius:24px !important;background:radial-gradient(circle at 9% -18%, rgba(246, 200, 95, .13) 0 105px, transparent 106px), radial-gradient(circle at 96% -12%, rgba(58, 174, 195, .10) 0 115px, transparent 116px), linear-gradient(135deg, #f6fbff 0%, #ffffff 58%, #fff8e6 100%) !important;box-shadow:0 12px 28px rgba(31, 48, 68, .065) !important;min-height:138px !important;padding:20px 26px !important;align-items:center !important;}
.klavye-calisma-page .kc-hero-content{gap:6px !important;}
.klavye-calisma-page .kc-hero h1{margin:0;font-weight:950;color:var(--kc-ink) !important;letter-spacing:-.75px !important;margin-top:8px !important;margin-bottom:4px !important;font-size:clamp(25px, 2.2vw, 34px) !important;line-height:1.08 !important;}
.klavye-calisma-page .kc-hero p{margin:7px 0 12px 0;color:#405a70 !important;font-weight:650 !important;font-size:13.5px !important;margin-bottom:0 !important;max-width:820px !important;line-height:1.45 !important;}
.klavye-calisma-page .kc-hero-tags{flex-wrap:wrap;gap:7px !important;display:none !important;}
.klavye-calisma-page .kc-hero-feature-panel{display:grid !important;grid-template-columns:1fr 1fr !important;max-width:405px !important;background:rgba(255,255,255,.78) !important;border:1px solid rgba(226, 236, 244, .95) !important;box-shadow:0 14px 30px rgba(22, 45, 65, .07) !important;backdrop-filter:blur(8px);width:300px !important;border-radius:20px !important;padding:10px !important;gap:8px !important;min-width:300px !important;}
.klavye-calisma-page .kc-hero-feature{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.25;font-weight:850;color:#2d5368 !important;border:1px solid #e7eef5 !important;box-shadow:0 7px 15px rgba(31,48,68,.035) !important;background:#ffffff !important;border-color:#e6eef5 !important;min-height:46px !important;padding:8px 10px !important;border-radius:14px !important;}
.klavye-calisma-page .kc-hero-feature i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#2f8fa3 !important;background:#eefaff !important;min-width:25px !important;font-size:11px !important;width:24px !important;height:24px !important;border-radius:9px !important;}
.klavye-calisma-page .kc-field:nth-child(1) label::before{content:"";}
.klavye-calisma-page .kc-field:nth-child(2) label::before{content:"";}
.klavye-calisma-page .kc-field:nth-child(3) label::before{content:"";}
.klavye-calisma-page .kc-field:nth-child(4) label::before{content:"";}
.klavye-calisma-page .kc-settings-btn:hover, .klavye-calisma-page .kc-start-btn:hover{transform:translateY(-2px) !important;}
.klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary.active::before, .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary:has(input:checked)::before{align-items:center;justify-content:center;width:18px;height:18px;margin-right:5px;border-radius:50%;background:#36aee2;color:#ffffff;font-size:11px;font-weight:950;content:none !important;display:none !important;}
.klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary{display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .22s ease;margin-bottom:7px !important;padding:8px 10px !important;min-height:38px !important;border-radius:15px !important;background:linear-gradient(180deg, #ffffff 0%, #f9fdff 100%) !important;color:#294b62 !important;border:1px solid #d7eaf5 !important;box-shadow:0 7px 16px rgba(31, 72, 94, .055) !important;font-weight:900 !important;}
.klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary:hover{background:linear-gradient(135deg, #f2fbff, #ffffff) !important;border-color:#9ed7ee !important;color:#155b7a !important;transform:translateY(-1px) !important;}
.klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary.active, .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary:has(input:checked){background:linear-gradient(135deg, #dff5ff 0%, #f1fbff 100%) !important;color:#104c68 !important;border-color:#63c3ec !important;box-shadow:inset 0 0 0 1px rgba(99, 195, 236, .35), 0 10px 22px rgba(52, 152, 194, .16) !important;transform:translateY(-1px) !important;}
.klavye-calisma-page .kc-form-grid .kc-field{margin-bottom:0 !important;position:relative !important;}
.klavye-calisma-page .kc-select-wrap{position:relative !important;width:100% !important;}
.klavye-calisma-page .kc-select-wrap::after{content:"";position:absolute;right:17px;top:50%;width:9px;height:9px;border-right:2px solid #2389b5;border-bottom:2px solid #2389b5;transform:translateY(-65%) rotate(45deg);pointer-events:none;transition:all .22s ease;}
.klavye-calisma-page .kc-select-wrap:hover::after, .klavye-calisma-page .kc-select-wrap:focus-within::after{border-color:#ff9f43;}
.klavye-calisma-page .kc-field .custom-select{min-height:42px;background-color:#ffffff !important;background-image:linear-gradient(45deg, transparent 50%, #6f8798 50%), linear-gradient(135deg, #6f8798 50%, transparent 50%), linear-gradient(135deg, #f3f9fd 0%, #ffffff 100%) !important;background-position:calc(100% - 22px) 50%, calc(100% - 16px) 50%, 0 0 !important;background-size:6px 6px, 6px 6px, 100% 100% !important;background-repeat:no-repeat !important;width:100% !important;height:50px !important;border-radius:17px !important;border:1px solid #cfe8f6 !important;background:linear-gradient(180deg, #ffffff 0%, #f6fcff 100%) !important;color:#173d56 !important;font-size:13.5px !important;font-weight:850 !important;padding:0 50px 0 16px !important;box-shadow:0 10px 24px rgba(30, 90, 125, .075) !important;transition:all .22s ease !important;appearance:none !important;-webkit-appearance:none !important;cursor:pointer !important;}
.klavye-calisma-page .kc-field .custom-select:hover{background-image:linear-gradient(45deg, transparent 50%, #2a8bb5 50%), linear-gradient(135deg, #2a8bb5 50%, transparent 50%), linear-gradient(135deg, #eefaff 0%, #ffffff 100%) !important;border-color:#8ed3ee !important;background:linear-gradient(180deg, #ffffff 0%, #effaff 100%) !important;box-shadow:0 14px 30px rgba(30, 118, 158, .13) !important;transform:translateY(-1px);}
.klavye-calisma-page .kc-field .custom-select:focus{background-color:#ffffff !important;border-color:#35b9ea !important;outline:none !important;background:#ffffff !important;box-shadow:0 0 0 4px rgba(53, 185, 234, .16), 0 14px 30px rgba(30, 118, 158, .13) !important;}
.klavye-calisma-page .kc-field .custom-select:disabled{background-color:#f7fafc !important;background-image:linear-gradient(45deg, transparent 50%, #a6b8c4 50%), linear-gradient(135deg, #a6b8c4 50%, transparent 50%), linear-gradient(135deg, #f6f9fb 0%, #ffffff 100%) !important;color:#8aa1b1 !important;border-color:#e0edf4 !important;background:linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%) !important;box-shadow:0 8px 18px rgba(30, 64, 88, .04) !important;cursor:not-allowed !important;}
.klavye-calisma-page .kc-settings-btn i{display:inline-flex;align-items:center;justify-content:center;width:27px !important;height:27px !important;border-radius:10px !important;background:#eef5ff !important;color:#4f8ef7 !important;box-shadow:inset 0 0 0 1px rgba(79, 142, 247, .12) !important;}
.klavye-calisma-page .kc-start-btn::before{content:"";position:absolute;top:0;left:-75%;width:46%;height:100%;background:linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.42) 50%, rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:kcShine 3s infinite;display:none !important;}
.klavye-calisma-page .kc-start-btn::after{content:"";position:absolute;top:0;left:-70%;width:42%;height:100%;background:linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.42) 50%, rgba(255,255,255,0) 100%);transform:skewX(-22deg);transition:left .55s ease;}
.klavye-calisma-page .kc-start-btn:hover::after{left:125%;}
.klavye-calisma-page .kc-start-btn i{width:27px !important;height:27px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:rgba(255,255,255,.20) !important;color:#ffffff !important;font-size:14px !important;position:relative !important;z-index:1 !important;}
.klavye-calisma-page .kc-start-btn > *, .klavye-calisma-page .kc-start-btn{position:relative;z-index:1;}
.klavye-calisma-page .kc-field .kc-select-wrap:hover select.custom-select, .klavye-calisma-page #anaGrup.custom-select:hover, .klavye-calisma-page #metinGrup.custom-select:hover, .klavye-calisma-page #metin.custom-select:hover, .klavye-calisma-page #sinavmodusecinmi.custom-select:hover{border-color:#8ed3ee !important;background-image:linear-gradient(180deg, #ffffff 0%, #effaff 100%) !important;box-shadow:0 14px 30px rgba(30, 118, 158, .13) !important;transform:translateY(-1px) !important;}
.klavye-calisma-page .kc-field select.custom-select:focus, .klavye-calisma-page #anaGrup.custom-select:focus, .klavye-calisma-page #metinGrup.custom-select:focus, .klavye-calisma-page #metin.custom-select:focus, .klavye-calisma-page #sinavmodusecinmi.custom-select:focus{border-color:#35b9ea !important;background-image:linear-gradient(180deg, #ffffff 0%, #f7fdff 100%) !important;box-shadow:0 0 0 4px rgba(53, 185, 234, .16), 0 14px 30px rgba(30, 118, 158, .13) !important;}
.klavye-calisma-page .kc-field .kc-select-wrap:focus-within::after, .klavye-calisma-page .kc-field .kc-select-wrap:hover::after{border-color:#ff9f43 !important;}
.klavye-calisma-page .kc-field select.custom-select:disabled, .klavye-calisma-page #metinGrup.custom-select:disabled, .klavye-calisma-page #metin.custom-select:disabled{color:#8aa1b1 !important;border-color:#e0edf4 !important;background-color:#f8fbfd !important;background-image:linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%) !important;box-shadow:0 8px 18px rgba(30, 64, 88, .04) !important;cursor:not-allowed !important;opacity:1 !important;}
.klavye-calisma-page .kc-field .select2-container, .klavye-calisma-page .kc-field .bootstrap-select, .kc-field .select2-container, .kc-field .bootstrap-select{width:100% !important;display:block !important;}
.klavye-calisma-page .kc-action-row{align-items:stretch !important;display:grid !important;grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr) !important;margin-top:0 !important;padding-top:0 !important;gap:22px !important;}
.klavye-calisma-page .kc-settings-btn:hover{background:#f6f9fc !important;border-color:#cbd9e6 !important;color:#20384f !important;box-shadow:0 10px 22px rgba(38, 56, 78, .08) !important;transform:translateY(-2px) !important;}
.klavye-calisma-page .kc-start-btn:hover{background:linear-gradient(135deg, #2f7891 0%, #357f70 100%) !important;box-shadow:0 14px 28px rgba(47, 126, 154, .20) !important;transform:translateY(-2px) !important;}
.klavye-calisma-page .ko-ad-after-hero{margin-top:10px;margin-bottom:10px;margin:8px 0 10px !important;}
.klavye-calisma-page .kc-field label::before{font-family:FontAwesome;width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid #d7eaf5;font-size:11px;background:linear-gradient(135deg, #e7f7ff 0%, #ffffff 100%) !important;color:#1786b5 !important;border-color:#c7ecfb !important;box-shadow:0 5px 12px rgba(23, 134, 181, .10) !important;margin-right:0 !important;flex:0 0 24px !important;}
.klavye-calisma-page .kc-field .kc-select-wrap::after, .kc-field .kc-select-wrap::after{content:"" !important;position:absolute !important;top:50% !important;border-right:2px solid #168bc5 !important;border-bottom:2px solid #168bc5 !important;pointer-events:none !important;z-index:3 !important;transition:all .22s ease !important;right:18px !important;width:10px !important;height:10px !important;border-right-width:2.2px !important;border-bottom-width:2.2px !important;border-color:#168bc5 !important;transform:translateY(-64%) rotate(45deg) !important;}
.klavye-calisma-page .kc-field .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:44px !important;padding-left:16px !important;padding-right:48px !important;font-weight:500 !important;color:#14384f !important;}
.klavye-calisma-page .kc-field .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px !important;right:12px !important;}
.klavye-calisma-page .kc-settings-btn, .klavye-calisma-page .kc-start-btn{border:0 !important;font-size:14px;height:50px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;font-weight:850 !important;letter-spacing:.01em !important;transition:all .20s ease !important;min-height:48px !important;border-radius:14px !important;}
.klavye-calisma-page .kc-settings-btn{min-height:48px !important;border-radius:14px !important;font-weight:850 !important;background:#ffffff !important;color:#31506b !important;border:1px solid #d8e6f2 !important;box-shadow:0 6px 16px rgba(38, 56, 78, .055) !important;}
.klavye-calisma-page .kc-start-btn{min-height:48px !important;border-radius:14px !important;position:relative !important;overflow:hidden !important;color:#ffffff !important;border:0 !important;font-weight:850 !important;background:linear-gradient(135deg, #327f99 0%, #3b927f 100%) !important;box-shadow:0 10px 24px rgba(47, 126, 154, .18) !important;}
.klavye-calisma-page #anaGrup.custom-select, .klavye-calisma-page #metinGrup.custom-select, .klavye-calisma-page #metin.custom-select, .klavye-calisma-page #sinavmodusecinmi.custom-select, .klavye-calisma-page .kc-field select.custom-select, #anaGrup.custom-select, #metinGrup.custom-select, #metin.custom-select, #sinavmodusecinmi.custom-select{display:block !important;width:100% !important;margin:0 !important;border:1px solid #cfe8f6 !important;outline:none !important;cursor:pointer !important;transition:all .22s ease !important;height:44px !important;min-height:44px !important;line-height:44px !important;padding:0 48px 0 16px !important;border-radius:17px !important;font-size:13.2px !important;font-weight:500 !important;letter-spacing:.005em !important;color:#14384f !important;box-shadow:0 8px 20px rgba(30, 90, 125, .065) !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;background-color:#ffffff !important;background-image:linear-gradient(45deg, transparent 50%, #168bc5 50%), linear-gradient(135deg, #168bc5 50%, transparent 50%), linear-gradient(180deg, #ffffff 0%, #f6fcff 100%) !important;background-position:calc(100% - 22px) 50%, calc(100% - 15px) 50%, 0 0 !important;background-size:7px 7px, 7px 7px, 100% 100% !important;background-repeat:no-repeat !important;padding-right:46px !important;}
.klavye-calisma-page #anaGrup.custom-select:hover, .klavye-calisma-page #metinGrup.custom-select:hover, .klavye-calisma-page #metin.custom-select:hover, .klavye-calisma-page #sinavmodusecinmi.custom-select:hover, .klavye-calisma-page .kc-field select.custom-select:hover, .klavye-calisma-page #anaGrup.custom-select:focus, .klavye-calisma-page #metinGrup.custom-select:focus, .klavye-calisma-page #metin.custom-select:focus, .klavye-calisma-page #sinavmodusecinmi.custom-select:focus, .klavye-calisma-page .kc-field select.custom-select:focus{background-image:linear-gradient(45deg, transparent 50%, #ff9f43 50%), linear-gradient(135deg, #ff9f43 50%, transparent 50%), linear-gradient(180deg, #ffffff 0%, #effaff 100%) !important;}
.klavye-calisma-page .kc-field select.custom-select::-ms-expand, #anaGrup.custom-select::-ms-expand, #metinGrup.custom-select::-ms-expand, #metin.custom-select::-ms-expand, #sinavmodusecinmi.custom-select::-ms-expand, .klavye-calisma-page .kc-field .select2-container--default .select2-selection--single .select2-selection__arrow, .klavye-calisma-page .kc-field .bootstrap-select > .dropdown-toggle::after{display:none !important;}
.klavye-calisma-page .kc-field .kc-select-wrap, .kc-field .kc-select-wrap{position:relative !important;display:block !important;width:100% !important;}
.klavye-calisma-page .kc-field .kc-select-wrap select.custom-select, .klavye-calisma-page .kc-field select.custom-select, .klavye-calisma-page #anaGrup.custom-select, .klavye-calisma-page #metinGrup.custom-select, .klavye-calisma-page #metin.custom-select, .klavye-calisma-page #sinavmodusecinmi.custom-select, .kc-field .kc-select-wrap select.custom-select{appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;background-image:linear-gradient(180deg, #ffffff 0%, #f6fcff 100%) !important;background-color:#ffffff !important;background-repeat:no-repeat !important;width:100% !important;height:42px !important;min-height:42px !important;line-height:42px !important;padding:0 46px 0 16px !important;border:1px solid #bfe6f8 !important;border-radius:16px !important;color:#12324a !important;font-size:13.5px !important;font-weight:500 !important;cursor:pointer !important;outline:none !important;box-shadow:0 9px 22px rgba(10, 111, 168, 0.07) !important;transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease, background .22s ease !important;}
.klavye-calisma-page .kc-field .kc-select-wrap::after, .klavye-calisma-page .kc-select-wrap::after, .kc-field .kc-select-wrap::after{content:"" !important;display:block !important;position:absolute !important;right:17px !important;top:50% !important;width:9px !important;height:9px !important;border-right:2px solid #168bc5 !important;border-bottom:2px solid #168bc5 !important;transform:translateY(-62%) rotate(45deg) !important;pointer-events:none !important;z-index:5 !important;transition:border-color .22s ease, transform .22s ease !important;}
.klavye-calisma-page .kc-field .kc-select-wrap:hover select.custom-select, .klavye-calisma-page .kc-field .kc-select-wrap:focus-within select.custom-select, .klavye-calisma-page .kc-field select.custom-select:hover, .klavye-calisma-page .kc-field select.custom-select:focus, .klavye-calisma-page #anaGrup.custom-select:hover, .klavye-calisma-page #anaGrup.custom-select:focus, .klavye-calisma-page #metinGrup.custom-select:hover, .klavye-calisma-page #metinGrup.custom-select:focus, .klavye-calisma-page #metin.custom-select:hover, .klavye-calisma-page #metin.custom-select:focus, .klavye-calisma-page #sinavmodusecinmi.custom-select:hover, .klavye-calisma-page #sinavmodusecinmi.custom-select:focus{border-color:#35b9ea !important;background-image:linear-gradient(180deg, #ffffff 0%, #effaff 100%) !important;box-shadow:0 0 0 4px rgba(53, 185, 234, .15), 0 14px 30px rgba(30, 118, 158, .13) !important;}
.klavye-calisma-page .kc-field .kc-select-wrap:hover::after, .klavye-calisma-page .kc-field .kc-select-wrap:focus-within::after, .klavye-calisma-page .kc-select-wrap:hover::after, .klavye-calisma-page .kc-select-wrap:focus-within::after, .kc-field .kc-select-wrap:hover::after, .kc-field .kc-select-wrap:focus-within::after{border-color:#ff9f43 !important;transform:translateY(-58%) rotate(45deg) scale(1.08) !important;}
.klavye-calisma-page .kc-field .kc-select-wrap select.custom-select:disabled, .klavye-calisma-page .kc-field select.custom-select:disabled, .klavye-calisma-page #metinGrup.custom-select:disabled, .klavye-calisma-page #metin.custom-select:disabled{color:#7f94a3 !important;border-color:#d7edf8 !important;background-image:linear-gradient(180deg, #f9fdff 0%, #ffffff 100%) !important;box-shadow:0 7px 18px rgba(30, 64, 88, .045) !important;cursor:not-allowed !important;opacity:1 !important;}
.klavye-calisma-page .kc-field select.custom-select::-ms-expand, .klavye-calisma-page #anaGrup.custom-select::-ms-expand, .klavye-calisma-page #metinGrup.custom-select::-ms-expand, .klavye-calisma-page #metin.custom-select::-ms-expand, .klavye-calisma-page #sinavmodusecinmi.custom-select::-ms-expand{display:none !important;}
.klavye-calisma-page .kc-field .kc-select-wrap{position:relative !important;width:100% !important;}
.klavye-calisma-page .kc-field .kc-select-wrap > select.custom-select, .klavye-calisma-page .kc-field .kc-select-wrap > select.sinavmodusecinmi.custom-select, .klavye-calisma-page #anaGrup.custom-select, .klavye-calisma-page #metinGrup.custom-select, .klavye-calisma-page #metin.custom-select, .klavye-calisma-page #sinavmodusecinmi.custom-select{width:100% !important;height:42px !important;min-height:42px !important;line-height:42px !important;padding:0 48px 0 16px !important;border:1px solid #c9e3f2 !important;border-radius:16px !important;background-color:#ffffff !important;background-image:linear-gradient(180deg, #ffffff 0%, #f8fdff 100%) !important;background-repeat:no-repeat !important;background-position:0 0 !important;background-size:100% 100% !important;color:#0f344d !important;font-size:13.5px !important;font-weight:500 !important;letter-spacing:.05px !important;outline:none !important;box-shadow:0 8px 22px rgba(30, 64, 88, .055) !important;cursor:pointer !important;transition:border-color .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;}
.klavye-calisma-page .kc-field .kc-select-wrap > select.custom-select::-ms-expand, .klavye-calisma-page #anaGrup.custom-select::-ms-expand, .klavye-calisma-page #metinGrup.custom-select::-ms-expand, .klavye-calisma-page #metin.custom-select::-ms-expand, .klavye-calisma-page #sinavmodusecinmi.custom-select::-ms-expand{display:none !important;}
.klavye-calisma-page .kc-field .select2-container--default .select2-selection--single, .klavye-calisma-page .kc-field .bootstrap-select > .dropdown-toggle{color:#173d56 !important;display:flex !important;align-items:center !important;font-size:13.2px !important;font-weight:500 !important;height:42px !important;min-height:42px !important;border:1px solid #c9e3f2 !important;border-radius:16px !important;background:linear-gradient(180deg, #ffffff 0%, #f8fdff 100%) !important;box-shadow:0 8px 22px rgba(30, 64, 88, .055) !important;outline:none !important;}
.klavye-calisma-page .kc-field .kc-select-wrap::after{content:"" !important;position:absolute !important;right:17px !important;top:50% !important;width:9px !important;height:9px !important;border-right:2px solid #168bc5 !important;border-bottom:2px solid #168bc5 !important;transform:translateY(-62%) rotate(45deg) !important;pointer-events:none !important;z-index:10 !important;display:block !important;transition:border-color .22s ease, transform .22s ease !important;}
.klavye-calisma-page .kc-field .kc-select-wrap:hover > select.custom-select, .klavye-calisma-page .kc-field .kc-select-wrap:hover > select.sinavmodusecinmi.custom-select, .klavye-calisma-page .kc-field .select2-container--default .select2-selection--single:hover, .klavye-calisma-page .kc-field .bootstrap-select > .dropdown-toggle:hover{border-color:#7fd1ff !important;background-image:linear-gradient(180deg, #ffffff 0%, #f3fbff 100%) !important;box-shadow:0 12px 26px rgba(30, 118, 158, .10) !important;}
.klavye-calisma-page .kc-field .kc-select-wrap:focus-within > select.custom-select, .klavye-calisma-page .kc-field .kc-select-wrap:focus-within > select.sinavmodusecinmi.custom-select, .klavye-calisma-page .kc-field .select2-container--focus .select2-selection--single, .klavye-calisma-page .kc-field .select2-container--open .select2-selection--single, .klavye-calisma-page .kc-field .bootstrap-select.show > .dropdown-toggle, .klavye-calisma-page .kc-field .bootstrap-select > .dropdown-toggle:focus{border-color:#4dbcf7 !important;background-image:linear-gradient(180deg, #ffffff 0%, #effaff 100%) !important;box-shadow:0 0 0 4px rgba(77, 188, 247, .12), 0 14px 30px rgba(30, 118, 158, .13) !important;}
.klavye-calisma-page .kc-field .kc-select-wrap:hover::after{border-color:#168bc5 !important;}
.klavye-calisma-page .kc-field .kc-select-wrap:focus-within::after{border-color:#ff9f43 !important;transform:translateY(-58%) rotate(45deg) scale(1.08) !important;}
.klavye-calisma-page #sinavmodusecinmi.custom-select:not(:focus), .klavye-calisma-page .kc-select-wrap:not(:focus-within) > #sinavmodusecinmi.custom-select{border-color:#c9e3f2 !important;box-shadow:0 8px 22px rgba(30, 64, 88, .055) !important;background-image:linear-gradient(180deg, #ffffff 0%, #f8fdff 100%) !important;}
.klavye-calisma-page .kc-field .kc-select-wrap > select.custom-select:disabled, .klavye-calisma-page #metinGrup.custom-select:disabled, .klavye-calisma-page #metin.custom-select:disabled{color:#7f94a3 !important;border-color:#d7edf8 !important;background-image:linear-gradient(180deg, #f9fdff 0%, #ffffff 100%) !important;box-shadow:0 7px 18px rgba(30, 64, 88, .045) !important;cursor:not-allowed !important;opacity:1 !important;}
.klavye-calisma-page .kc-field label{display:inline-flex !important;align-items:center !important;color:#31566f !important;font-size:12px !important;font-weight:900 !important;letter-spacing:.02em !important;gap:10px !important;margin-bottom:8px !important;user-select:none;-webkit-user-select:none;}
@keyframes hizTestiPulse{
  0%{box-shadow:0 12px 28px rgba(255, 150, 60, .32);}
  50%{box-shadow:0 14px 34px rgba(255, 150, 60, .50);}
  100%{box-shadow:0 12px 28px rgba(255, 150, 60, .32);}
}
@keyframes hizTestiIcon{
  0%, 100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-1px) scale(1.12);}
}
@keyframes hizTestiShine{
  0%{left:-75%;}
  45%, 100%{left:130%;}
}
@keyframes kcShine{
  0%{left:-75%;}
  42%, 100%{left:130%;}
}
@media (max-width: 576px){
  .dt-controls{flex-direction:column !important;align-items:flex-start !important;}
  .dataTables_filter, .dataTables_filter input{width:100% !important;}
  .duello-chat-header{min-height:58px;padding:11px 12px !important;}
  .duello-chat-icon{width:35px;height:35px;border-radius:13px;}
  .duello-info-hero, .duello-faq-modern, .duello-strategy-box{padding:16px;border-radius:20px;}
  .duello-info-hero h2{font-size:22px;}
  .duello-info-grid{grid-template-columns:1fr;}
  .duello-info-card{padding:15px;}
  .rutbe-section-modern{border-radius:20px;padding-left:8px;padding-right:8px;}
  .rutbe-section-modern .rutbe-wrapper{justify-content:flex-start !important;}
  .klavye-calisma-page .kc-hero, .klavye-calisma-page .kc-visual-card, .klavye-calisma-page .kc-panel-body, .klavye-calisma-page .kc-guide-body, .klavye-calisma-page .kc-guide-hero, .klavye-calisma-page .kc-guide-section, .klavye-calisma-page .kc-mini-faq{padding:14px;}
  .klavye-calisma-page .kc-hero-tags span, .klavye-calisma-page .kc-mode-chips span{width:100%;justify-content:center;}
  .klavye-calisma-page .kc-monitor-frame, .klavye-calisma-page .kc-guide-image{height:150px;}
  .klavye-calisma-page .kc-visual-card h2, .klavye-calisma-page .kc-guide-body h2{font-size:20px;}
  .klavye-calisma-page .kc-action-row, .klavye-calisma-page .kc-hero-side{grid-template-columns:1fr;}
  .klavye-calisma-page .kc-hero{padding:18px !important;border-radius:20px !important;}
  .klavye-calisma-page .kc-hero-feature-panel, .klavye-calisma-page .kc-hero-tags{display:none !important;}
  .klavye-calisma-page .kc-hero-feature-panel{padding:9px !important;}
  .klavye-calisma-page .kc-hero-feature{min-height:48px !important;padding:9px 10px !important;}
  .klavye-calisma-page .kc-monitor-frame{border-radius:22px !important;width:100% !important;height:205px !important;}
  .klavye-calisma-page .kc-visual-card{min-height:auto !important;padding:18px !important;}
  .klavye-calisma-page .kc-visual-card h2{font-size:21px !important;}
  .klavye-calisma-page .kc-visual-card.kc-visual-no-image{padding:18px !important;}
  .klavye-calisma-page .kc-visual-no-image h2{font-size:23px !important;}
  .klavye-calisma-page .kc-motive-item{padding:15px !important;}
  .klavye-calisma-page .kc-motive-icon{width:40px;height:40px;min-width:40px;}
  .klavye-calisma-page .kc-hero h1{font-size:24px !important;}
  .klavye-calisma-page .kc-field .custom-select{height:46px !important;}
}
@media (max-width: 768px){
  .row-g6 .card-box{border-radius:18px !important;padding:14px !important;}
  .toplistheader h6{font-size:14px !important;}
  .card-box .font-14, .card-box .weight-600{font-size:13px !important;}
  .card-box .list-group-item{min-height:60px !important;padding:7px 10px !important;}
  .card-box .avatar img{width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;}
  .card-box .cta img{width:40px !important;height:40px !important;padding:7px !important;}
  .card-box .badge{font-size:8px !important;padding:2px 5px !important;}
  button[onclick="kmusinavbasla()"].btn-warning::before{font-size:16px;}
  .hiztest-seo-hero{flex-direction:column;align-items:flex-start;padding:18px;}
  .hiztest-seo-hero h1{font-size:24px;}
  .hiztest-hero-visual{width:100%;height:130px;}
  .hiztest-info-hero, .hiztest-info-grid, .hiztest-two-column{grid-template-columns:1fr;}
  .hiztest-info-wrapper{padding:14px;}
  .hiztest-info-wrapper h2{font-size:21px;}
  .hiztest-info-image{height:150px;}
  .card-box:has(.toplistheader), .card-box:has(.list-group .toplist), .card-boxduel:has(.toplistheader), .card-boxduel:has(.list-group .toplist){border-radius:18px !important;padding:14px !important;}
  .card-box:has(.toplistheader) .toplistheader h6, .card-boxduel:has(.toplistheader) .toplistheader h6{font-size:14px !important;}
  .card-box .list-group-item.toplist, .card-boxduel .list-group-item.toplist{min-height:60px !important;padding:7px 10px !important;}
  .card-box .toplist .font-14, .card-box .toplist .weight-600, .card-boxduel .toplist .font-14, .card-boxduel .toplist .weight-600, .card-box .toplist .txt div, .card-boxduel .toplist .txt div{font-size:13px !important;}
  .card-box .toplist .avatar img, .card-boxduel .toplist .avatar img, .card-box .toplist img.border-radius-100, .card-boxduel .toplist img.border-radius-100, .card-boxduel img.rounded-circle, .duello-toplist img.rounded-circle, .toplist-card img.rounded-circle{width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;}
  .card-box .toplist .cta img, .card-boxduel .toplist .cta img{width:40px !important;height:40px !important;padding:7px !important;}
  .card-box .toplist .badge, .card-boxduel .toplist .badge{font-size:8px !important;padding:2px 5px !important;}
  .duello-actions .btn-group{gap:5px;}
  .stat-pill{min-width:145px;padding:9px 11px !important;}
  .live-duel-badge{min-width:20px;height:20px;font-size:11px;}
  .stat-icon, .stat-avatar{width:42px !important;height:42px !important;border-radius:16px !important;}
  .stat-icon::before{font-size:22px;}
  .duello-actions .btn{font-size:12px !important;min-height:40px;border-radius:12px !important;}
  #bireysel-card-container > .card-header, #toplu-card-container > .card-header{min-height:44px;border-radius:16px 16px 0 0 !important;}
  #bireysel-card-container > .card-header > span, #toplu-card-container > .card-header > span{font-size:14.5px !important;}
  .duello-faq-modern h2{font-size:21px !important;}
  .duello-faq-modern .card-body{padding:13px 14px !important;font-size:13.75px !important;}
  .klavye-calisma-page .kc-panel-body{padding:16px !important;}
  .klavye-calisma-page .kc-action-row{gap:16px !important;}
  .klavye-calisma-page .kc-visual-card{min-height:auto !important;padding:18px !important;}
  .klavye-calisma-page .kc-monitor-frame{position:relative !important;top:auto !important;width:100% !important;height:190px !important;margin-bottom:18px !important;}
  .klavye-calisma-page .kc-visual-content{margin-top:0 !important;}
  .klavye-calisma-page .kc-benefit-grid, .klavye-calisma-page .kc-segment-grid-time, .klavye-calisma-page .kc-segment-grid-3{grid-template-columns:1fr !important;}
  .klavye-calisma-page .kc-choice-head{align-items:flex-start !important;flex-direction:column !important;gap:2px !important;}
  .klavye-calisma-page .ko-ad, .main-container .ko-ad{border-radius:16px;margin:10px 0;}
  .klavye-calisma-page .ko-ad-inner, .main-container .ko-ad-inner{padding:8px;}
  .klavye-calisma-page .ko-ad-placeholder, .main-container .ko-ad-placeholder, .klavye-calisma-page .ko-ad-hero .ko-ad-placeholder, .klavye-calisma-page .ko-ad-guide .ko-ad-placeholder, .main-container .ko-ad-apps .ko-ad-placeholder{min-height:86px;border-radius:13px;}
  .klavye-calisma-page .ko-ad-placeholder span, .main-container .ko-ad-placeholder span{display:none;}
  .klavye-calisma-page .ko-ad-placeholder small, .main-container .ko-ad-placeholder small{display:none;}
  .klavye-calisma-page .kc-field .custom-select{height:48px !important;font-size:13px !important;}
  .klavye-calisma-page #anaGrup.custom-select, .klavye-calisma-page #metinGrup.custom-select, .klavye-calisma-page #metin.custom-select, .klavye-calisma-page #sinavmodusecinmi.custom-select, .klavye-calisma-page .kc-field select.custom-select{height:44px !important;min-height:44px !important;line-height:44px !important;font-size:13px !important;}
  .klavye-calisma-page .kc-settings-btn, .klavye-calisma-page .kc-start-btn{width:100% !important;min-height:50px !important;}
}
@media (max-width: 991px){
  .duello-info-hero{grid-template-columns:1fr;}
  .duello-info-visual{max-height:220px;}
  .duello-info-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .duello-strategy-box{align-items:flex-start;flex-direction:column;}
  .klavye-calisma-page{padding:8px 4px 0;}
  .klavye-calisma-page .kc-hero, .klavye-calisma-page .kc-hero-side, .klavye-calisma-page .kc-action-row, .klavye-calisma-page .kc-guide-hero, .klavye-calisma-page .kc-guide-grid, .klavye-calisma-page .kc-guide-two{grid-template-columns:1fr;flex-direction:column;}
  .klavye-calisma-page .kc-hero h1{font-size:25px;}
  .klavye-calisma-page .kc-hero-side{width:100%;display:grid;grid-template-columns:1fr 1fr;}
  .klavye-calisma-page .kc-benefit-grid{grid-template-columns:1fr;}
  .klavye-calisma-page .kc-panel-header, .klavye-calisma-page .kc-guide-toggle{flex-direction:column;align-items:flex-start;}
  .klavye-calisma-page .kc-monitor-frame{margin-bottom:12px !important;width:min(86%, 430px) !important;height:240px !important;}
  .klavye-calisma-page .kc-visual-card{min-height:auto !important;}
  .klavye-calisma-page .kc-benefit-grid-readable{grid-template-columns:1fr !important;}
  .klavye-calisma-page .kc-benefit-grid-readable div{min-height:auto !important;}
  .klavye-calisma-page .kc-guide-toggle{align-items:flex-start !important;flex-direction:column !important;}
  .klavye-calisma-page .kc-guide-toggle small{margin-left:0 !important;text-align:left !important;}
  .klavye-calisma-page .kc-benefit-grid, .klavye-calisma-page .kc-benefit-grid-readable{grid-template-columns:1fr !important;}
  .klavye-calisma-page .kc-benefit-grid > div, .klavye-calisma-page .kc-benefit-grid-readable > div{min-height:auto !important;}
  .klavye-calisma-page .kc-visual-card, .klavye-calisma-page .kc-visual-card-split{min-height:auto !important;padding:22px !important;}
  .klavye-calisma-page .kc-visual-top{grid-template-columns:1fr !important;text-align:left !important;}
  .klavye-calisma-page .kc-monitor-frame, .klavye-calisma-page .kc-monitor-frame-compact{justify-content:center !important;height:auto !important;margin:4px auto 0 !important;}
  .klavye-calisma-page .kc-monitor-img{max-width:320px !important;}
  .klavye-calisma-page .kc-visual-card-split{min-height:auto !important;padding:24px 18px !important;}
  .klavye-calisma-page .kc-visual-copy h2{font-size:28px !important;}
  .klavye-calisma-page .kc-monitor-frame-compact .kc-monitor-img, .klavye-calisma-page .kc-monitor-img{max-width:280px !important;}
  .klavye-calisma-page .kc-hero{flex-direction:column !important;align-items:flex-start !important;min-height:auto !important;padding:18px !important;}
  .klavye-calisma-page .kc-hero-feature-panel{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;max-width:100% !important;width:100% !important;min-width:100% !important;}
}
@media (max-width: 1199px){
  .klavye-calisma-page .kc-visual-card, .klavye-calisma-page .kc-panel-card{min-height:auto;}
  .klavye-calisma-page .kc-visual-content{margin-top:0;}
  .klavye-calisma-page .kc-panel-card, .klavye-calisma-page .kc-visual-card{min-height:auto !important;}
  .klavye-calisma-page .kc-action-row, .klavye-calisma-page .kc-form-grid, .klavye-calisma-page .kc-options-grid, .klavye-calisma-page .kc-action-row{grid-template-columns:1fr !important;}
  .klavye-calisma-page .kc-segment-grid-time, .klavye-calisma-page .kc-segment-grid-3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
  .klavye-calisma-page .kc-hero-feature-panel{grid-template-columns:1fr !important;min-width:230px !important;}
  .klavye-calisma-page .kc-monitor-frame{position:relative;top:auto;margin-bottom:18px;width:min(82%, 430px) !important;height:248px !important;}
  .klavye-calisma-page .kc-visual-card h2{font-size:24px !important;}
  .klavye-calisma-page .kc-visual-top{grid-template-columns:1fr !important;text-align:center !important;gap:16px !important;}
  .klavye-calisma-page .kc-visual-copy h2, .klavye-calisma-page .kc-visual-copy p{max-width:100% !important;}
  .klavye-calisma-page .kc-benefit-grid-readable{grid-template-columns:1fr !important;}
}
@media (min-width: 1200px){
  .klavye-calisma-page .kc-panel-body .col-xl-8{flex:0 0 68% !important;max-width:68% !important;}
  .klavye-calisma-page .kc-panel-body .col-xl-4{flex:0 0 32% !important;max-width:32% !important;}
}
@media (max-width: 1399px){
  .klavye-calisma-page .kc-segment-grid-time{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
}
@media (max-width: 575px){
  .klavye-calisma-page .kc-visual-card h2, .klavye-calisma-page .kc-visual-copy h2{font-size:22px !important;}
  .klavye-calisma-page .kc-focus-card{align-items:flex-start;}
  .klavye-calisma-page .kc-guide-toggle{align-items:flex-start !important;flex-direction:column !important;}
  .klavye-calisma-page .kc-guide-toggle small{margin-left:0 !important;text-align:left !important;white-space:normal !important;}
  .klavye-calisma-page .kc-hero h1{font-size:25px !important;}
  .klavye-calisma-page .kc-visual-card, .klavye-calisma-page .kc-visual-card-split{padding:18px !important;}
  .klavye-calisma-page .kc-monitor-img{max-width:280px !important;}
}
@media (max-width: 1200px){
  .klavye-calisma-page .kc-visual-top{grid-template-columns:minmax(0, 1fr) 300px !important;gap:18px !important;}
  .klavye-calisma-page .kc-monitor-frame, .klavye-calisma-page .kc-monitor-frame-compact, .klavye-calisma-page .kc-monitor-img{max-width:300px !important;}
}
@media (min-width:1400px){
  .klavye-calisma-page .kc-visual-card-split{min-height:560px !important;padding:42px 46px !important;}
  .klavye-calisma-page .kc-monitor-frame-compact .kc-monitor-img, .klavye-calisma-page .kc-monitor-img{max-width:390px !important;}
  .klavye-calisma-page .kc-visual-copy h2{font-size:52px !important;}
}
@media (max-width:1199px){
  .klavye-calisma-page .kc-visual-copy h2{font-size:38px !important;}
  .klavye-calisma-page .kc-visual-copy p{font-size:16px !important;}
  .klavye-calisma-page .kc-monitor-frame-compact .kc-monitor-img, .klavye-calisma-page .kc-monitor-img{max-width:300px !important;}
}
@media (max-width:991px){
  .klavye-calisma-page .kc-visual-card-split{min-height:auto !important;padding:28px 22px !important;}
  .klavye-calisma-page .kc-visual-top{grid-template-columns:1fr !important;text-align:center !important;gap:20px !important;margin-bottom:24px !important;}
  .klavye-calisma-page .kc-visual-copy h2{font-size:34px !important;max-width:100% !important;}
  .klavye-calisma-page .kc-visual-copy p{max-width:100% !important;}
  .klavye-calisma-page .kc-visual-copy .kc-visual-badge{margin-left:auto !important;margin-right:auto !important;}
  .klavye-calisma-page .kc-benefit-grid-readable{grid-template-columns:1fr !important;}
  .klavye-calisma-page .kc-monitor-frame-compact .kc-monitor-img, .klavye-calisma-page .kc-monitor-img{max-width:280px !important;transform:none !important;}
}
@media (min-width: 1400px){
  .klavye-calisma-page .kc-visual-card-split{min-height:430px !important;padding:30px 32px !important;}
  .klavye-calisma-page .kc-visual-copy h2{font-size:38px !important;}
  .klavye-calisma-page .kc-monitor-frame-compact .kc-monitor-img, .klavye-calisma-page .kc-monitor-img{max-width:340px !important;}
}
.ko-page-polish{font-family:"Inter", Arial, sans-serif;}
.ko-page-polish .kc-workspace{gap:0;}
.ko-page-polish .kc-panel-card{border-radius:24px;box-shadow:0 18px 42px rgba(31, 48, 68, .10);overflow:hidden;}
.ko-page-polish .kc-panel-header{min-height:78px;}
.ko-page-polish .kc-panel-body{padding:22px;}
.ko-page-polish .kc-form .form-group, .ko-page-polish .kc-field{margin-bottom:14px;}
.ko-page-polish label, .ko-page-polish .kc-field label{color:#263b4f;font-size:13px;font-weight:900;margin-bottom:7px;}
.ko-page-polish .custom-select, .ko-page-polish .form-control, .ko-page-polish textarea.form-control{min-height:44px;border-radius:15px;border:1px solid #dbe8f2;background-color:#fbfdff;color:#263b4f;font-weight:700;box-shadow:0 7px 17px rgba(31,48,68,.04);}
.ko-page-polish textarea.form-control{min-height:185px;line-height:1.65;resize:vertical;}
.ko-page-polish .custom-select:focus, .ko-page-polish .form-control:focus, .ko-page-polish textarea.form-control:focus{border-color:#9fd7e6;box-shadow:0 0 0 3px rgba(18,171,200,.10);}
.ko-page-polish .kc-select-wrap{position:relative;}
.ko-page-polish .kc-choice-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(92px, 1fr));gap:8px;}
.ko-page-polish .kc-choice-row .btn, .ko-page-polish .btn-group-toggle .btn-outline-primary{margin:0;white-space:nowrap;}
.ko-page-polish .ko-vip-box, .ko-page-polish .ko-text-box{background:#ffffff;border:1px solid #e8eef5;border-radius:20px;box-shadow:0 10px 24px rgba(31,48,68,.055);overflow:hidden;}
.ko-page-polish .ko-vip-box .card-body, .ko-page-polish .ko-text-box .card-body{padding:14px;}
.ko-page-polish .ko-list-panel{border:0;border-radius:24px;overflow:hidden;box-shadow:0 18px 42px rgba(31, 48, 68, .10);}
.ko-page-polish .ko-list-panel .card-header{background:linear-gradient(135deg, #e9f8ff, #fff8df);border:1px solid #d8edf3;color:#20384f;padding:18px 20px;}
.ko-page-polish .ko-list-panel .card-header h5{color:#20384f;font-weight:950;margin:0;}
.ko-page-polish .ko-stat-badge{background:#fff;border:1px solid #e3eef5;border-radius:999px;padding:10px 14px;box-shadow:0 8px 18px rgba(31,48,68,.06);}
.ko-page-polish .ko-stat-badge h5{color:#365a72;font-size:14px;font-weight:900;margin:0;}
.ko-page-polish .ko-seo-app-panel{margin:14px 0 0;border-radius:24px;background:linear-gradient(135deg, #eefaff, #fffdf4);border:1px solid #dceef4;box-shadow:0 14px 32px rgba(31,48,68,.075);padding:18px 20px;}
.ko-page-polish .ko-seo-app-panel h2{color:#20384f;font-size:20px;font-weight:950;margin:0 0 6px;}
.ko-page-polish .ko-seo-app-panel p{color:#52687a;font-size:14px;font-weight:600;line-height:1.65;margin:0;}
.ko-page-polish .ko-seo-app-panel a{color:#31566f;font-weight:900;text-decoration:none;}
.ko-page-polish .ko-seo-app-panel a:hover{color:#12abc8;}
.ko-page-polish .kc-mini-faq .card{border:0;background:transparent;margin-bottom:10px;}
.ko-page-polish .kc-mini-question{width:100%;background:#ffffff;border:1px solid #e4eef5;border-radius:16px;color:#253d54;font-weight:900;text-align:left;padding:14px 16px;box-shadow:0 8px 18px rgba(31,48,68,.055);}
.ko-page-polish .kc-mini-question:hover{transform:translateY(-1px);box-shadow:0 13px 26px rgba(31,48,68,.09);}
.ko-page-polish .kc-mini-answer{margin-top:8px;padding:14px 16px;border-radius:16px;background:#f7fbfd;border:1px solid #e4eef5;color:#4f6475;font-size:14px;line-height:1.7;font-weight:600;}
@media (max-width: 991px){
  .ko-page-polish .kc-panel-body{padding:16px;}
  .ko-page-polish .kc-choice-row{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
.ko-ad-value .ko-ad-inner{background:#f8fbff;border:1px solid #dce8f1;border-radius:18px;box-shadow:0 10px 24px rgba(31,48,68,.05);overflow:hidden;position:relative;}
.ko-value-box{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;}
.ko-value-left{display:flex;align-items:center;gap:12px;min-width:0;}
.ko-value-icon{width:44px;height:44px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:#fff8e6;color:#d99a00;font-size:20px;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(217,154,0,.10);}
.ko-value-text small{display:block;font-size:11px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:#64798b;font-weight:800;margin-bottom:5px;}
.ko-value-text strong{display:block;color:#20384f;font-size:17px;line-height:1.35;font-weight:800;}
.ko-value-text span{display:block;color:#64798b;font-size:13px;line-height:1.45;margin-top:4px;}
.ko-value-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.ko-value-pill{background:#ffffff;border:1px solid #dce8f1;border-radius:999px;padding:7px 11px;color:#31566f;font-size:12px;font-weight:750;white-space:nowrap;box-shadow:0 6px 14px rgba(31,48,68,.04);}
.klavye-calisma-page .ko-ad-after-hero, .klavye-calisma-page .ko-ad-before-guide{margin:10px 0;}
.kelime-calisma-page .kc-hero{background:radial-gradient(circle at 9% -18%, rgba(246, 200, 95, .13) 0 105px, transparent 106px), radial-gradient(circle at 96% -12%, rgba(58, 174, 195, .10) 0 115px, transparent 116px), linear-gradient(135deg, #f6fbff 0%, #ffffff 58%, #fff8e6 100%);}
.kelime-calisma-page .kc-panel-header h2 i, .kelime-calisma-page .kc-choice-title i, .kelime-calisma-page .kc-visual-badge i{color:#12abc8;}
.kelime-calisma-page .kc-monitor-img, .kelime-calisma-page .kc-guide-image img{object-fit:contain !important;background:#ffffff !important;}
.kelime-calisma-page .kc-panel-body-balanced{gap:24px !important;padding:26px 24px 28px !important;min-height:auto !important;}
.kelime-calisma-page .kc-form-grid{gap:20px 18px !important;margin-bottom:0 !important;}
.kelime-calisma-page .kc-select-wrap .custom-select{min-height:48px !important;}
.kelime-calisma-page .kc-options-grid{display:grid !important;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;gap:22px !important;margin-top:2px !important;}
.kelime-calisma-page .kc-choice-card{padding:19px 20px !important;min-height:auto !important;}
.kelime-calisma-page .kc-choice-head{align-items:flex-start !important;margin-bottom:17px !important;gap:12px !important;}
.kelime-calisma-page .kc-choice-head span{white-space:normal !important;text-align:right;line-height:1.3 !important;font-size:11px !important;}
.kelime-calisma-page .kc-segment-grid{gap:12px !important;}
.kelime-calisma-page .kc-segment-grid .btn-outline-primary{min-height:48px !important;padding:11px 10px !important;display:inline-flex !important;align-items:center;justify-content:center;}
.kelime-calisma-page .kc-segment-grid-3{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
.kelime-calisma-page .kc-segment-grid-time{grid-template-columns:repeat(6, minmax(0, 1fr)) !important;}
.kelime-calisma-page .kc-panel-note{align-items:center !important;gap:15px !important;padding:17px 20px !important;line-height:1.6 !important;margin-top:2px !important;}
.kelime-calisma-page .kc-action-row{grid-template-columns:1fr 1fr !important;gap:20px !important;padding-top:0 !important;margin-top:2px !important;}
.kelime-calisma-page .kc-start-btn, .kelime-calisma-page .kc-settings-btn{min-height:54px !important;padding:14px 18px !important;}
@media (max-width: 1199px){
  .kelime-calisma-page .kc-segment-grid-time{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
}
@media (max-width: 991px){
  .kelime-calisma-page .kc-panel-body-balanced{padding:18px !important;}
  .kelime-calisma-page .kc-options-grid{grid-template-columns:1fr !important;}
}
@media (max-width: 768px){
  .ko-value-box{align-items:flex-start;flex-direction:column;padding:16px;}
  .ko-value-stats{justify-content:flex-start;}
  .ko-value-text strong{font-size:16px;}
  .kelime-calisma-page .kc-segment-grid-time{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
}
@media (max-width: 575px){
  .kelime-calisma-page .kc-action-row{grid-template-columns:1fr !important;}
  .kelime-calisma-page .kc-start-btn, .kelime-calisma-page .kc-settings-btn{width:100%;}
}
.kendi-metin-page .kc-hero{background:radial-gradient(circle at 12% 15%, rgba(62, 174, 195, .14), transparent 28%), radial-gradient(circle at 88% 18%, rgba(246, 200, 95, .18), transparent 27%), linear-gradient(135deg, #eefaff 0%, #fff8df 58%, #ffffff 100%);}
.kendi-metin-page .kc-hero .kc-eyebrow, .kendi-metin-page .kc-visual-badge, .kendi-metin-page .kc-guide-label{color:#31566f;}
.kendi-metin-page .kc-monitor-img, .kendi-metin-page .kc-guide-image img{object-fit:cover;object-position:center;}
.kendi-metin-page .kc-panel-body-balanced{padding:20px 22px !important;}
.kmy-panel-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(300px, .72fr);grid-template-areas:"vip vip" "text settings";gap:14px 16px;align-items:stretch;}
.kmy-vip-block{grid-area:vip;}
.kmy-text-block{grid-area:text;}
.kmy-settings-area{grid-area:settings;display:flex;flex-direction:column;gap:14px;min-width:0;}
.kmy-vip-card{border:1px solid #d9eaf4;border-radius:22px;padding:14px;background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,252,255,.96)), repeating-linear-gradient(135deg, rgba(58,174,195,.035) 0 1px, transparent 1px 10px);box-shadow:0 10px 24px rgba(31,48,68,.055);overflow:hidden;position:relative;}
.kmy-vip-active{background:linear-gradient(135deg, #fff9e8 0%, #ffffff 68%);border-color:#f3dda5;}
.kmy-vip-locked{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg, #f8fcff 0%, #ffffff 70%);border-style:dashed;}
.kmy-vip-card::after{content:"";position:absolute;right:-38px;top:-44px;width:110px;height:110px;border-radius:50%;background:rgba(255, 202, 58, .14);}
.kmy-vip-head, .kmy-vip-content{position:relative;z-index:2;}
.kmy-vip-head strong, .kmy-vip-content strong{display:block;color:#20384f;font-size:14px;font-weight:950;margin-bottom:4px;}
.kmy-vip-head span, .kmy-vip-content span{display:block;color:#63788a;font-size:12.5px;line-height:1.45;font-weight:650;}
.kmy-vip-lock{width:38px;height:38px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#d89a15;border:1px solid #f1dda8;box-shadow:0 6px 14px rgba(31,48,68,.06);flex:0 0 auto;position:relative;z-index:2;}
.kmy-vip-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;position:relative;z-index:2;}
.kmy-small-btn{border:0 !important;border-radius:14px !important;background:linear-gradient(135deg, #ffca3a, #ff8a4b) !important;color:#ffffff !important;font-size:12px !important;font-weight:900 !important;padding:8px 11px !important;box-shadow:0 8px 18px rgba(255,154,70,.20) !important;}
.kmy-small-btn:hover{color:#ffffff !important;transform:translateY(-1px);filter:brightness(1.03);}
.kmy-small-btn-light{background:#ffffff !important;color:#31566f !important;border:1px solid #d8e7f0 !important;box-shadow:0 7px 16px rgba(31,48,68,.055) !important;}
.kmy-small-btn-light:hover{color:#20384f !important;background:#f8fcff !important;}
.kmy-textarea-field{margin-bottom:0 !important;flex:1;display:flex;flex-direction:column;}
.kmy-textarea{min-height:282px;resize:vertical;border:1px solid #cfe3ef !important;border-radius:20px !important;background:linear-gradient(180deg, #fbfdff 0%, #ffffff 100%) !important;color:#20384f !important;font-size:14px !important;line-height:1.62 !important;font-weight:600;padding:15px 16px !important;box-shadow:inset 0 2px 8px rgba(31,48,68,.035) !important;outline:none !important;}
.kmy-textarea:focus{border-color:#70c8dc !important;box-shadow:0 0 0 4px rgba(54,169,185,.10), inset 0 2px 8px rgba(31,48,68,.035) !important;}
.kendi-metin-page .kmy-settings-area .kc-field{margin-bottom:0 !important;}
.kendi-metin-page .kmy-settings-area .kc-choice-card{padding:15px 16px !important;border-radius:22px !important;}
.kendi-metin-page .kmy-settings-area .kc-choice-head{margin-bottom:12px !important;}
.kendi-metin-page .kmy-settings-area .kc-segment-grid-3, .kendi-metin-page .kmy-settings-area .kc-segment-grid-time{grid-template-columns:repeat(3, minmax(0, 1fr));gap:9px;}
.kendi-metin-page .kmy-settings-area .btn-group-toggle .btn-outline-primary{min-height:44px !important;border-radius:15px !important;display:inline-flex;align-items:center;justify-content:center;}
.kendi-metin-page .kc-panel-note{margin-top:14px !important;clear:both;padding:14px 16px !important;}
.kendi-metin-page .kc-action-row{margin-top:14px !important;gap:14px !important;}
.kendi-metin-page .kc-select-wrap .custom-select{min-height:48px !important;}
.kendi-metin-page .ko-ad-before-guide{margin-top:12px;}
.kc-guide-card{border-radius:24px;overflow:hidden;background:#ffffff;border:1px solid rgba(215, 230, 240, .95);box-shadow:0 16px 38px rgba(31,48,68,.09);}
@media (max-width: 1199px){
  .kmy-panel-grid{grid-template-columns:1fr;grid-template-areas:"vip" "text" "settings";}
  .kendi-metin-page .kmy-settings-area{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .kendi-metin-page .kmy-settings-area .kc-field{grid-column:1 / -1;}
  .kendi-metin-page .kmy-settings-area .kc-segment-grid-3, .kendi-metin-page .kmy-settings-area .kc-segment-grid-time{grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media (max-width: 991px){
  .kendi-metin-page .kc-panel-body-balanced{padding:18px !important;}
}
@media (max-width: 768px){
  .kendi-metin-page .kmy-settings-area{grid-template-columns:1fr;}
  .kendi-metin-page .kmy-settings-area .kc-segment-grid-time{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .kmy-textarea{min-height:220px;}
}
@media (max-width: 575px){
  .kendi-metin-page .kc-action-row{grid-template-columns:1fr !important;}
  .kendi-metin-page .kc-start-btn, .kendi-metin-page .kc-settings-btn{width:100%;}
  .kendi-metin-page .kmy-settings-area .kc-segment-grid-3, .kendi-metin-page .kmy-settings-area .kc-segment-grid-time{grid-template-columns:1fr;}
}
.kmy-vip-active.kmy-vip-block{display:grid;grid-template-columns:minmax(0, 1fr) minmax(260px, .9fr);gap:12px 16px;align-items:end;}
.kmy-vip-active.kmy-vip-block .kmy-vip-head{align-self:center;}
.kmy-vip-active.kmy-vip-block .kmy-vip-actions{grid-column:1 / -1;margin-top:0;}
.kendi-metin-page .kmy-settings-area .kc-choice-title, .kendi-metin-page .kmy-settings-area .kc-field label{white-space:nowrap;}
@media (max-width: 1199px){
  .kmy-vip-active.kmy-vip-block{grid-template-columns:1fr;align-items:stretch;}
  .kmy-vip-active.kmy-vip-block .kmy-vip-actions{margin-top:10px;}
}
.kendi-metin-page .kc-visual-card-split{justify-content:space-between;}
.kmy-hero-fill-card{position:relative;z-index:2;display:grid;grid-template-columns:52px minmax(0, 1fr) auto;align-items:center;gap:14px;margin:20px 0 18px;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg, rgba(255,248,223,.96) 0%, rgba(238,250,255,.96) 58%, rgba(255,255,255,.98) 100%);border:1px solid rgba(211, 234, 243, .95);box-shadow:0 12px 28px rgba(31, 48, 68, .075);overflow:hidden;}
.kmy-hero-fill-card::before{content:"";position:absolute;right:-44px;top:-58px;width:135px;height:135px;border-radius:50%;background:rgba(255, 202, 58, .18);}
.kmy-hero-fill-icon{position:relative;z-index:2;width:52px;height:52px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff;color:#d99a00;border:1px solid rgba(217, 154, 0, .18);box-shadow:0 8px 18px rgba(31, 48, 68, .08);font-size:22px;}
.kmy-hero-fill-content{position:relative;z-index:2;min-width:0;}
.kmy-hero-fill-content span{display:block;color:#6b7f90;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;}
.kmy-hero-fill-content strong{display:block;color:#20384f;font-size:15px;line-height:1.35;font-weight:950;}
.kmy-hero-fill-content p{margin:5px 0 0;color:#536879;font-size:12.5px;line-height:1.55;font-weight:700;}
.kmy-hero-fill-tags{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;align-items:flex-end;}
.kmy-hero-fill-tags em{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-style:normal;color:#31566f;background:rgba(255,255,255,.88);border:1px solid #dcebf2;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;box-shadow:0 6px 14px rgba(31,48,68,.055);}
@media (max-width: 1399px){
  .kmy-hero-fill-card{grid-template-columns:48px minmax(0, 1fr);}
  .kmy-hero-fill-tags{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:flex-start;}
}
@media (max-width: 575px){
  .kmy-hero-fill-card{grid-template-columns:1fr;padding:15px;}
  .kmy-hero-fill-icon{width:46px;height:46px;}
  .kmy-hero-fill-tags{flex-wrap:wrap;}
}
.klavye-sinav-page{font-family:"Inter", "Roboto", Arial, sans-serif;}
.klavye-sinav-page .kc-hero{background:linear-gradient(135deg, #eaf8ff 0%, #fff8df 58%, #ffffff 100%);}
.klavye-sinav-page .kc-panel-header h2 i, .klavye-sinav-page .kc-visual-badge i, .klavye-sinav-page .kc-field label i{color:#12abc8;}
.klavye-sinav-page .kc-monitor-img, .klavye-sinav-page .kc-guide-image img{object-fit:contain !important;background:#ffffff !important;}
.klavye-sinav-page .kc-panel-body-balanced{padding:20px 22px !important;gap:14px !important;}
.ks-exam-grid{display:grid;grid-template-columns:minmax(0, 1.35fr) minmax(240px, .9fr);gap:14px;align-items:start;}
.ks-main-fields, .ks-side-fields{min-width:0;}
.klavye-sinav-page .kc-form-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px 16px !important;margin-bottom:0 !important;}
.klavye-sinav-page .kc-field{margin:0 !important;}
.klavye-sinav-page .kc-field label{display:inline-flex;align-items:center;gap:7px;color:#263b4f;font-size:12px !important;font-weight:950 !important;margin-bottom:7px !important;letter-spacing:.05px;}
.klavye-sinav-page .kc-select-wrap .custom-select, .klavye-sinav-page .form-control{min-height:46px !important;border-radius:16px !important;border:1px solid #cfe6ef !important;background-color:#fbfdff !important;color:#263b4f !important;font-size:13px !important;font-weight:800 !important;box-shadow:0 7px 17px rgba(31,48,68,.045) !important;outline:none !important;}
.klavye-sinav-page .kc-select-wrap .custom-select:focus, .klavye-sinav-page .form-control:focus{border-color:#9fd7e6 !important;background-color:#ffffff !important;box-shadow:0 0 0 4px rgba(18,171,200,.10), 0 7px 17px rgba(31,48,68,.045) !important;}
.klavye-sinav-page .ks-title-field{grid-column:1 / -1;}
.ks-side-fields{display:grid;grid-template-columns:1fr;gap:12px;padding:14px;border-radius:22px;background:linear-gradient(180deg, #f8fcff 0%, #ffffff 100%);border:1px solid #e1edf4;box-shadow:inset 0 0 0 1px rgba(255,255,255,.78);}
.ks-date-row{display:grid;grid-template-columns:minmax(0, 1fr) 118px;gap:8px;align-items:center;}
.ks-date-row .input-group{flex-wrap:nowrap;}
.ks-date-row .input-group-text{min-height:46px;border-radius:0 16px 16px 0 !important;border-color:#cfe6ef !important;background:#eefaff !important;color:#31566f !important;}
.ks-date-row .datetimepicker-input{border-radius:16px 0 0 16px !important;}
.klavye-sinav-page .kc-panel-note{align-items:center !important;gap:12px !important;padding:14px 16px !important;line-height:1.5 !important;margin-top:0 !important;}
.klavye-sinav-page .kc-action-row{grid-template-columns:1fr 1fr !important;gap:14px !important;padding-top:0 !important;margin-top:0 !important;}
.klavye-sinav-page .kc-start-btn, .klavye-sinav-page .kc-settings-btn{min-height:56px !important;padding:14px 16px !important;}
.ks-list-section{margin-top:12px;}
.ks-list-panel{border-radius:26px !important;border:1px solid rgba(220,232,241,.96) !important;background:linear-gradient(180deg, #f7fcff 0%, #ffffff 100%) !important;box-shadow:0 18px 42px rgba(31,48,68,.10) !important;overflow:hidden !important;}
.ks-list-panel .card-header{background:linear-gradient(135deg, #e9f8ff 0%, #fff8df 62%, #ffffff 100%) !important;border:0 !important;border-bottom:1px solid #dceef4 !important;padding:18px 20px !important;}
.ks-list-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.ks-list-kicker{display:block;color:#6b7f90;font-size:11px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;}
.ks-list-header h2{display:flex;align-items:center;gap:9px;margin:0;color:#20384f;font-size:23px;font-weight:950;letter-spacing:-.25px;}
.ks-list-header h2 i{color:#12abc8;}
.ks-list-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ks-list-stats .ko-stat-badge{background:rgba(255,255,255,.92);border:1px solid #dcebf2;border-radius:999px;padding:9px 12px;box-shadow:0 8px 18px rgba(31,48,68,.06);}
.ks-list-stats h5{display:flex;align-items:center;gap:8px;color:#365a72;font-size:13px;font-weight:900;margin:0;}
.ks-list-stats .badge{border-radius:999px;min-width:34px;color:#ffffff;font-weight:950;}
.ks-table-wrap{border-radius:22px;border:1px solid #e1edf4;background:#ffffff;padding:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.85);}
.ks-exam-table{border-collapse:separate !important;border-spacing:0 8px !important;margin-bottom:0 !important;}
.ks-exam-table thead th{border:0 !important;background:#f4f9fd !important;color:#365a72 !important;font-size:12px !important;font-weight:950 !important;padding:12px 10px !important;white-space:nowrap;}
.ks-exam-table thead th:first-child{border-radius:14px 0 0 14px;}
.ks-exam-table thead th:last-child{border-radius:0 14px 14px 0;}
.ks-exam-table tbody tr{background:rgba(255,255,255,.96) !important;box-shadow:0 8px 18px rgba(31,48,68,.045);transition:all .22s ease;}
.ks-exam-table tbody tr:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(31,48,68,.09);}
.ks-exam-table tbody td{border-top:0 !important;vertical-align:middle !important;color:#263b4f !important;font-size:13px !important;font-weight:750 !important;padding:11px 10px !important;}
.ks-exam-table tbody td:first-child{border-radius:16px 0 0 16px;}
.ks-exam-table tbody td:last-child{border-radius:0 16px 16px 0;}
.ko-apps-modern-wrap{margin-top:14px;}
.ko-apps-modern-wrap > *{font-family:"Inter", "Roboto", Arial, sans-serif;}
.ko-apps-modern-wrap .card, .ko-apps-modern-wrap .card-box, .ko-apps-modern-wrap section, .ko-apps-modern-wrap .row > [class*="col-"] > div{border-radius:24px !important;}
.ko-apps-modern-wrap .card, .ko-apps-modern-wrap .card-box{border:1px solid rgba(220,232,241,.96) !important;background:linear-gradient(180deg, #f7fcff 0%, #ffffff 100%) !important;box-shadow:0 16px 38px rgba(31,48,68,.08) !important;overflow:hidden !important;}
.ko-apps-modern-wrap .card-header, .ko-apps-modern-wrap h2, .ko-apps-modern-wrap h3, .ko-apps-modern-wrap h4{color:#20384f !important;font-weight:950 !important;letter-spacing:-.15px;}
.ko-apps-modern-wrap .card-header{background:linear-gradient(135deg, #e9f8ff 0%, #fff8df 62%, #ffffff 100%) !important;border:0 !important;border-bottom:1px solid #dceef4 !important;}
.ko-apps-modern-wrap a{color:#31566f !important;font-weight:900;text-decoration:none !important;transition:all .22s ease;}
.ko-apps-modern-wrap a:hover{color:#12abc8 !important;transform:translateY(-1px);}
.ko-apps-modern-wrap img, .ko-apps-modern-wrap i{transition:all .22s ease;}
.ko-apps-modern-wrap a:hover img, .ko-apps-modern-wrap a:hover i{transform:scale(1.06) rotate(-3deg);}
@media (max-width: 1199px){
  .ks-exam-grid{grid-template-columns:1fr;}
  .ks-side-fields{grid-template-columns:repeat(3, minmax(0, 1fr));}
  .ks-time-field{grid-column:span 3;}
}
@media (max-width: 991px){
  .klavye-sinav-page .kc-panel-body-balanced{padding:18px !important;}
  .ks-side-fields{grid-template-columns:1fr;}
  .ks-time-field{grid-column:auto;}
  .ks-list-header{align-items:flex-start;}
}
@media (max-width: 768px){
  .klavye-sinav-page .kc-form-grid, .ks-date-row{grid-template-columns:1fr;}
  .ks-date-row .datetimepicker-input, .ks-date-row .input-group-text{border-radius:16px !important;}
  .klavye-sinav-page .kc-action-row{grid-template-columns:1fr !important;}
  .ks-list-stats{width:100%;}
  .ks-list-stats .ko-stat-badge{flex:1 1 180px;}
}
.klavye-sinav-page .kc-panel-card{overflow:hidden !important;}
.klavye-sinav-page .kc-panel-header{padding:18px 22px !important;}
.klavye-sinav-page .kc-panel-body-balanced{padding:18px 22px 20px !important;display:flex !important;flex-direction:column !important;}
.klavye-sinav-page .ks-exam-grid{display:grid !important;grid-template-columns:1fr !important;gap:14px !important;align-items:stretch !important;}
.klavye-sinav-page .ks-main-fields{width:100% !important;}
.klavye-sinav-page .kc-form-grid{display:grid !important;grid-template-columns:repeat(2, minmax(0, 1fr)) !important;gap:13px 16px !important;margin:0 !important;}
.klavye-sinav-page .ks-title-field{grid-column:1 / -1 !important;}
.klavye-sinav-page .ks-side-fields{display:grid !important;grid-template-columns:repeat(6, minmax(0, 1fr)) !important;gap:13px 14px !important;padding:15px 16px !important;border-radius:22px !important;background:linear-gradient(135deg, #f8fcff 0%, #ffffff 52%, #fffaf0 100%) !important;border:1px solid #dcecf4 !important;box-shadow:0 10px 24px rgba(31,48,68,.045), inset 0 0 0 1px rgba(255,255,255,.86) !important;}
.klavye-sinav-page .ks-side-fields > .kc-field:not(.ks-time-field){grid-column:span 2 !important;}
.klavye-sinav-page .ks-side-fields > .ks-time-field{grid-column:span 3 !important;}
.klavye-sinav-page .kc-field label{min-height:18px !important;white-space:nowrap !important;}
.klavye-sinav-page .kc-select-wrap .custom-select, .klavye-sinav-page .form-control{height:46px !important;padding:9px 14px !important;}
.klavye-sinav-page #calismabasligi{height:46px !important;}
.klavye-sinav-page .ks-date-row{display:grid !important;grid-template-columns:minmax(0, 1fr) 118px !important;gap:8px !important;align-items:center !important;}
.klavye-sinav-page .ks-date-row .form-control, .klavye-sinav-page .ks-date-row .input-group, .klavye-sinav-page .ks-date-row .datetimepicker-input, .klavye-sinav-page .ks-date-row .input-group-text{height:46px !important;min-height:46px !important;}
.klavye-sinav-page .ks-date-row .input-group{display:flex !important;flex-wrap:nowrap !important;min-width:0 !important;}
.klavye-sinav-page .ks-date-row .datetimepicker-input{min-width:0 !important;flex:1 1 auto !important;border-radius:16px 0 0 16px !important;}
.klavye-sinav-page .ks-date-row .input-group-append{flex:0 0 auto !important;}
.klavye-sinav-page .ks-date-row .input-group-text{width:38px !important;justify-content:center !important;padding:0 !important;border-radius:0 16px 16px 0 !important;}
.klavye-sinav-page .kc-panel-note{margin:0 !important;padding:13px 16px !important;border-radius:19px !important;}
.klavye-sinav-page .kc-action-row{margin:0 !important;display:grid !important;}
.klavye-sinav-page .kc-settings-btn, .klavye-sinav-page .kc-start-btn{min-height:54px !important;border-radius:18px !important;}
@media (max-width: 1199px){
  .klavye-sinav-page .ks-side-fields > .kc-field:not(.ks-time-field), .klavye-sinav-page .ks-side-fields > .ks-time-field{grid-column:span 3 !important;}
}
@media (max-width: 768px){
  .klavye-sinav-page .kc-form-grid, .klavye-sinav-page .ks-side-fields, .klavye-sinav-page .kc-action-row{grid-template-columns:1fr !important;}
  .klavye-sinav-page .ks-side-fields > .kc-field:not(.ks-time-field), .klavye-sinav-page .ks-side-fields > .ks-time-field{grid-column:1 / -1 !important;}
  .klavye-sinav-page .ks-date-row{grid-template-columns:1fr !important;}
  .klavye-sinav-page .ks-date-row .datetimepicker-input{border-radius:16px 0 0 16px !important;}
}
.klavye-sinav-page .ks-highlight-box{margin:22px 0 18px !important;padding:18px 20px !important;border-radius:22px !important;background:linear-gradient(135deg, #fff8df 0%, #eefaff 58%, #ffffff 100%) !important;border:1px solid #d8ebf2 !important;box-shadow:0 14px 32px rgba(31, 48, 68, .075) !important;display:flex !important;align-items:flex-start !important;gap:14px !important;position:relative !important;overflow:hidden !important;}
.klavye-sinav-page .ks-highlight-box::before{content:"";position:absolute;right:-42px;top:-48px;width:120px;height:120px;border-radius:50%;background:rgba(255, 202, 58, .18);}
.klavye-sinav-page .ks-highlight-icon{position:relative;z-index:2;width:48px;height:48px;min-width:48px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff;color:#f0a600;border:1px solid #f4d889;box-shadow:0 8px 18px rgba(31, 48, 68, .075);font-size:19px;}
.klavye-sinav-page .ks-highlight-content{position:relative;z-index:2;min-width:0;}
.klavye-sinav-page .ks-highlight-content span{display:inline-flex;align-items:center;margin-bottom:5px;color:#31566f;font-size:12px;font-weight:950;letter-spacing:.03em;text-transform:uppercase;}
.klavye-sinav-page .ks-highlight-content strong{display:block;color:#20384f;font-size:16px;line-height:1.38;font-weight:950;margin-bottom:5px;}
.klavye-sinav-page .ks-highlight-content p{margin:0;color:#536879;font-size:13.5px;line-height:1.6;font-weight:650;}
@media (max-width: 768px){
  .klavye-sinav-page .ks-highlight-box{flex-direction:column !important;padding:16px !important;margin:16px 0 !important;}
}
@media (max-width: 575px){
  .hiztest-duration-panel{padding:15px 12px;border-radius:22px;}
  .hiztest-duration-title{justify-content:flex-start;text-align:left;}
  .hiztest-duration-group{grid-template-columns:1fr;gap:10px;}
  .hiztest-duration-group.btn-group > .hiztest-duration-card, .hiztest-duration-card.btn-outline-primary{min-height:92px;flex-direction:row;justify-content:space-between;padding:12px 14px !important;text-align:left;}
  .hiztest-duration-time{font-size:28px;}
  .hiztest-duration-desc{display:none;}
}
.hiztest-duration-simple{margin-bottom:10px !important;}
.hiztest-duration-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#24465f;font-size:14px;font-weight:900;margin-bottom:7px;letter-spacing:.1px;}
.hiztest-duration-label i{color:#2196f3;font-size:14px;}
.hiztest-simple-toolbar{justify-content:center;}
.hiztest-simple-group{display:flex;justify-content:center;gap:8px;}
.hiztest-simple-group.btn-group > .hiztest-simple-duration, .hiztest-simple-duration.btn-outline-primary{flex:0 0 auto;min-width:82px;min-height:43px;padding:8px 16px !important;border-radius:12px !important;background:rgba(255,255,255,.97) !important;color:#2c4b63 !important;border:1px solid #d8e7f1 !important;font-size:14.5px;font-weight:900;line-height:1.1;box-shadow:0 5px 13px rgba(31,48,68,.055) !important;transition:all .20s ease;}
.hiztest-simple-duration input{display:none;}
.hiztest-simple-duration:hover{color:#1f7b91 !important;border-color:#9fd7e6 !important;background:#ffffff !important;transform:translateY(-1px);box-shadow:0 8px 18px rgba(31,123,145,.12) !important;}
.hiztest-simple-duration.active, .hiztest-simple-duration:has(input:checked){background:linear-gradient(135deg, #eefaff 0%, #fff8df 100%) !important;color:#20384f !important;border-color:#66c6df !important;box-shadow:0 8px 19px rgba(31,123,145,.14) !important;}
.hiztest-simple-duration.active i, .hiztest-simple-duration:has(input:checked) i{color:#1f7b91 !important;}
@media (max-width: 576px){
  .hiztest-simple-group{gap:6px;}
  .hiztest-simple-group.btn-group > .hiztest-simple-duration, .hiztest-simple-duration.btn-outline-primary{min-width:72px;min-height:40px;padding:7px 11px !important;font-size:13.5px;}
}
.duello-chat-card .chat-desc{position:relative !important;overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior:contain;}
.duello-chat-card #sohbet, .duello-chat-card #sohbet > li, .duello-chat-card #sohbet .dropdown, .duello-chat-card #sohbet .dropup, .duello-chat-card #sohbet .btn-group{position:relative !important;}
.duello-chat-card #sohbet > li{overflow:visible !important;isolation:isolate;z-index:1;}
.duello-chat-card #sohbet > li:hover, .duello-chat-card #sohbet > li.is-menu-open{z-index:80 !important;}
.duello-chat-card #sohbet > li.is-menu-open{margin-bottom:124px !important;}
.duello-chat-card #sohbet .dropdown-menu, .duello-chat-card #sohbet .chat-admin-menu, .duello-chat-card #sohbet .message-admin-menu, .duello-chat-card #sohbet .moderation-menu, .duello-chat-card #sohbet .yetkili-menu{z-index:9999 !important;min-width:154px !important;padding:8px !important;border:1px solid rgba(170, 214, 226, .95) !important;border-radius:16px !important;background:rgba(255,255,255,.98) !important;box-shadow:0 18px 38px rgba(28, 55, 78, .18) !important;overflow:hidden !important;}
.duello-chat-card #sohbet .dropdown-menu.show, .duello-chat-card #sohbet .chat-admin-menu.show, .duello-chat-card #sohbet .message-admin-menu.show, .duello-chat-card #sohbet .moderation-menu.show, .duello-chat-card #sohbet .yetkili-menu.show{display:block !important;}
.duello-chat-card #sohbet .dropdown-menu .dropdown-item, .duello-chat-card #sohbet .chat-admin-menu button, .duello-chat-card #sohbet .message-admin-menu button, .duello-chat-card #sohbet .moderation-menu button, .duello-chat-card #sohbet .yetkili-menu button{width:100% !important;min-height:36px !important;display:flex !important;align-items:center !important;gap:7px !important;border:0 !important;border-radius:12px !important;background:transparent !important;color:#31566f !important;font-size:12.5px !important;font-weight:850 !important;text-align:left !important;padding:8px 10px !important;line-height:1.15 !important;white-space:nowrap !important;}
.duello-chat-card #sohbet .dropdown-menu .dropdown-item:hover, .duello-chat-card #sohbet .chat-admin-menu button:hover, .duello-chat-card #sohbet .message-admin-menu button:hover, .duello-chat-card #sohbet .moderation-menu button:hover, .duello-chat-card #sohbet .yetkili-menu button:hover{background:linear-gradient(135deg, #eafaff, #fff8df) !important;color:#20384f !important;}
.duello-chat-card #sohbet .dropdown-menu .text-danger, .duello-chat-card #sohbet .dropdown-menu [class*="delete"], .duello-chat-card #sohbet .dropdown-menu [class*="sil"], .duello-chat-card #sohbet .dropdown-menu [onclick*="sil"], .duello-chat-card #sohbet .dropdown-menu [onclick*="ban"]{color:#d64545 !important;}
.duello-chat-card #sohbet .chat-actions, .duello-chat-card #sohbet .message-actions, .duello-chat-card #sohbet .sohbet-actions, .duello-chat-card #sohbet .dropdown{z-index:100 !important;}
@media (max-width: 575.98px){
  .duello-chat-card #sohbet > li.is-menu-open{margin-bottom:138px !important;}
  .duello-chat-card #sohbet .dropdown-menu, .duello-chat-card #sohbet .chat-admin-menu, .duello-chat-card #sohbet .message-admin-menu, .duello-chat-card #sohbet .moderation-menu, .duello-chat-card #sohbet .yetkili-menu{min-width:145px !important;max-width:calc(100vw - 34px) !important;}
}
.duello-chat-card #sohbet li, .duello-chat-card #sohbet > li{background:transparent !important;border:0 !important;border-color:transparent !important;box-shadow:none !important;border-radius:0 !important;}
.duello-chat-card #sohbet li:hover, .duello-chat-card #sohbet > li:hover{background:transparent !important;box-shadow:none !important;border-color:transparent !important;transform:none !important;}


/* Kendi Metninde Yaz - Reklam alanı (Kelime Çalışması ile aynı) */
.ko-ad .ko-value-text small,
.ko-ad .ko-value-text strong,
.ko-ad .ko-value-text span,
.ko-ad .ko-value-stats{
    display:none;
}
.ko-ad .ko-value-box{
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.ko-ad .ko-value-left{
    width:100%;
    justify-content:center;
}
.ko-ad .ko-value-icon{
    opacity:.18;
    transform:scale(1.15);
}


/* =========================================================
   Katip Online - Standart Boş Reklam Alanı
   Klavye Çalışması / Kelime Çalışması / Kendi Metninde Yaz / Klavye Sınav
   ========================================================= */
.klavye-calisma-page .ko-ad-empty,
.klavye-calisma-page .ko-ad-standard{
    width:100%;
    margin:18px 0 22px;
    padding:0;
}

.klavye-calisma-page .ko-ad-empty .ko-ad-inner,
.klavye-calisma-page .ko-ad-standard .ko-ad-inner{
    min-height:102px;
    border-radius:22px;
    border:1px solid #dce8f1;
    background:#ffffff;
    box-shadow:0 10px 24px rgba(38,56,78,.06);
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}

.klavye-calisma-page .ko-ad-empty .ko-ad-slot,
.klavye-calisma-page .ko-ad-standard .ko-ad-slot{
    width:100%;
    min-height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.klavye-calisma-page .ko-ad-empty .ko-ad-label,
.klavye-calisma-page .ko-ad-empty .ko-ad-placeholder,
.klavye-calisma-page .ko-ad-standard .ko-ad-label,
.klavye-calisma-page .ko-ad-standard .ko-ad-placeholder{
    display:none;
}

@media (max-width:768px){
    .klavye-calisma-page .ko-ad-empty,
    .klavye-calisma-page .ko-ad-standard{
        margin:14px 0 18px;
    }

    .klavye-calisma-page .ko-ad-empty .ko-ad-inner,
    .klavye-calisma-page .ko-ad-standard .ko-ad-inner{
        min-height:86px;
        border-radius:18px;
    }

    .klavye-calisma-page .ko-ad-empty .ko-ad-slot,
    .klavye-calisma-page .ko-ad-standard .ko-ad-slot{
        min-height:84px;
    }
}


/* === Hız Testi FAQ Final Call - Duello/İletişim renk paleti === */
.hiztest-final-call{
background:linear-gradient(135deg,#eaf8ff 0%,#fff8df 60%,#ffffff 100%) !important;
border:1px solid #d7eaf2 !important;
box-shadow:0 14px 30px rgba(31,48,68,.08) !important;
color:#20384f !important;
}
.hiztest-final-call strong{
color:#20384f !important;
}
.hiztest-final-call span{
color:#5b7183 !important;
}

/* F Klavye Dersleri - Katip Online modern sayfa düzeni */
.fkl-page{padding:8px 10px 22px;background:#ecf0f4;}
.fkl-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:4px 0 14px;padding:30px 34px;border:1px solid #cfe3ee;border-radius:26px;background:linear-gradient(135deg,#eaf8ff 0%,#fff8df 56%,#eefcfb 100%);box-shadow:0 18px 42px rgba(31,48,68,.09);}
.fkl-hero::before{content:"";position:absolute;right:-70px;top:-82px;width:230px;height:230px;border-radius:50%;background:rgba(18,171,200,.13);}
.fkl-hero::after{content:"";position:absolute;left:-78px;bottom:-104px;width:230px;height:230px;border-radius:50%;background:rgba(255,202,58,.16);}
.fkl-hero-content{position:relative;z-index:2;max-width:820px;}
.fkl-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;padding:7px 13px;border:1px solid #d9edf5;border-radius:999px;background:rgba(255,255,255,.78);color:#31566f;font-size:12px;font-weight:900;box-shadow:0 7px 16px rgba(31,48,68,.055);}
.fkl-hero h1{margin:0;color:#20384f;font-size:31px;font-weight:950;letter-spacing:-.45px;line-height:1.13;}
.fkl-hero p{max-width:780px;margin:10px 0 14px;color:#52687a;font-size:15px;line-height:1.58;font-weight:650;}
.fkl-hero-tags{display:flex;flex-wrap:wrap;gap:9px;}
.fkl-hero-tags span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #e2eef5;border-radius:13px;background:#fff;color:#365a72;font-size:12px;font-weight:850;box-shadow:0 7px 16px rgba(31,48,68,.055);}
.fkl-hero-side{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-width:210px;}
.fkl-keyboard-card{width:210px;padding:18px;border:4px solid rgba(255,255,255,.86);border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#eefaff 100%);box-shadow:0 16px 36px rgba(31,48,68,.16);transform:rotate(-1.5deg);}
.fkl-keyboard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#20384f;font-weight:950;}
.fkl-keyboard-top span:first-child{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#44a8bd,#7fc8be);color:#fff;font-size:24px;box-shadow:0 10px 22px rgba(44,168,189,.23);}
.fkl-keyboard-top span:last-child{font-size:13px;letter-spacing:.18em;color:#587184;}
.fkl-key-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:7px;}
.fkl-key-row i{display:block;height:22px;border-radius:7px;background:linear-gradient(180deg,#fdfefe,#dceaf1);border:1px solid #d4e4ec;box-shadow:inset 0 -2px 0 rgba(31,48,68,.05);}
.fkl-ad{margin:0 0 14px;border:1px solid #d8e8f0;border-radius:24px;background:linear-gradient(180deg,#f3f8fb,#edf3f7);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);padding:10px;}
.fkl-ad-slot{height:92px;border-radius:18px;background:linear-gradient(135deg,#f8fbfd,#eef4f7);border:1px dashed #d2e0e8;}
.fkl-ad-mid{margin-top:2px;margin-bottom:14px;}
.fkl-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px;}
.fkl-status-card{min-height:78px;padding:15px 16px;border:1px solid #dceaf2;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(31,48,68,.055);}
.fkl-status-card span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:24px;margin-bottom:8px;border-radius:999px;background:linear-gradient(135deg,#e9f8ff,#fff8df);color:#31566f;font-size:11px;font-weight:950;border:1px solid #d8eaf2;}
.fkl-status-card strong{display:block;color:#20384f;font-size:15px;font-weight:950;line-height:1.15;}
.fkl-status-card small{display:block;margin-top:5px;color:#62778a;font-size:12px;font-weight:650;line-height:1.35;}
.fkl-intro-row > .stretch-card > .card,.fkl-page .grid-margin.stretch-card > .card{border:1px solid #d9e8f0;border-radius:24px;box-shadow:0 18px 40px rgba(39,55,77,.08);overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);}
.fkl-intro-row .card-body{padding:22px;}
.fkl-intro-row .wizard h4,.fkl-page .wizard.altbolum h4{color:#20384f;font-weight:950;letter-spacing:-.2px;}
.fkl-intro-row .wizard .steps,.fkl-page .wizard.altbolum .steps{gap:7px;}
.fkl-intro-row .list-group-item,.fkl-page .wizard.altbolum .list-group-item{border:1px solid #dceaf2;border-radius:14px;margin-bottom:7px;background:#f8fcff;color:#365a72;font-size:13px;font-weight:850;transition:all .22s ease;}
.fkl-intro-row .list-group-item:hover,.fkl-page .wizard.altbolum .list-group-item:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(31,48,68,.08);}
.fkl-intro-row .list-group-item.active,.fkl-page .wizard.altbolum .list-group-item.active{background:linear-gradient(135deg,#e9f8ff,#fff8df);border-color:#9fd7e6;color:#20384f;box-shadow:0 10px 22px rgba(44,128,150,.14);}
.fkl-intro-row #v-pills-tabContent{border:1px solid #dceaf2;border-radius:22px;background:linear-gradient(180deg,#f8fcff,#ffffff);box-shadow:inset 0 1px 0 rgba(255,255,255,.75);}
.fkl-intro-row .tab-pane img{max-height:270px;object-fit:cover;width:100%;border-radius:18px;border-color:#dceaf2;}
.fkl-intro-row .tab-pane h5{color:#20384f;font-size:18px;font-weight:950;margin-bottom:8px;}
.fkl-intro-row .tab-pane div{color:#52687a;font-size:14px;font-weight:600;line-height:1.7;}
.fkl-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px;padding:23px 28px;border:1px solid #cfe3ee;border-radius:24px;background:linear-gradient(135deg,#eefaff 0%,#fff8df 62%,#ffffff 100%);box-shadow:0 16px 34px rgba(31,48,68,.07);}
.fkl-section-title span{display:block;color:#5f7890;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:.06em;}
.fkl-section-title h2{margin:4px 0 0;color:#20384f;font-size:24px;font-weight:950;letter-spacing:-.35px;}
.fkl-section-title small{color:#607688;font-size:12px;font-weight:750;}
.fkl-page .grid-margin.stretch-card .card-body{padding:22px;}
.fkl-page .wizard.altbolum{padding:0;margin-bottom:16px;}
.fkl-page .wizard.altbolum p{color:#52687a;font-weight:650;}
.fkl-page .wizard.altbolum .nav-fill{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;}
.fkl-page .wizard.altbolum .nav-item{width:auto;}
.fkl-page .wizard.altbolum .list-group-item{min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:0;padding:10px 8px;}
.fkl-page .tab-content img.img-fluid{border-radius:22px;border:1px solid #dceaf2;box-shadow:0 14px 28px rgba(31,48,68,.07);}
.fkl-page .altlarbold{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;}
.fkl-page .altlarbold .btn{min-width:64px;min-height:50px;border:1px solid #d5e5ee;border-radius:15px;background:#fff;color:#365a72;font-size:12px;font-weight:950;line-height:1.15;box-shadow:0 8px 18px rgba(31,48,68,.055);transition:all .22s ease;}
.fkl-page .altlarbold .btn:hover,.fkl-page .altlarbold .btn.active{background:linear-gradient(135deg,#e9f8ff,#fff8df);border-color:#9fd7e6;color:#20384f;transform:translateY(-1px);box-shadow:0 12px 24px rgba(44,128,150,.14);}
.fkl-page button[data-target="#fklavyeayarmodal"].btn-primary{background:linear-gradient(135deg,#44a8bd,#7fc8be);border:0;border-radius:16px;font-weight:950;box-shadow:0 10px 23px rgba(50,140,160,.24);}
.fkl-page button[onclick="dersebasla(this)"].btn-warning{background:linear-gradient(135deg,#ffca3a 0%,#ff9f43 60%,#ff7b54 100%);border:0;color:#fff;border-radius:16px;font-weight:950;box-shadow:0 12px 28px rgba(255,150,60,.30);}
.fkl-page button[onclick="dersebasla(this)"].btn-warning:hover,.fkl-page button[data-target="#fklavyeayarmodal"].btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px);}
.fkl-guide{margin:18px 0 16px;padding:28px;border:1px solid #d9e8f0;border-radius:26px;background:#fff;box-shadow:0 18px 40px rgba(39,55,77,.08);}
.fkl-guide-head{text-align:center;max-width:780px;margin:0 auto 20px;}
.fkl-guide-head span{display:block;color:#5f7890;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:.08em;margin-bottom:4px;}
.fkl-guide-head h2{color:#20384f;font-size:25px;font-weight:950;letter-spacing:-.35px;margin-bottom:9px;}
.fkl-guide-head p{color:#52687a;font-size:14px;font-weight:650;line-height:1.65;margin:0;}
.fkl-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;}
.fkl-guide-grid > div{padding:19px;border:1px solid #e2edf4;border-radius:20px;background:linear-gradient(180deg,#fbfdff,#ffffff);box-shadow:0 10px 24px rgba(31,48,68,.045);}
.fkl-guide-grid i{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:14px;background:linear-gradient(135deg,#e9f8ff,#fff8df);color:#31566f;font-size:18px;}
.fkl-guide-grid h3{color:#20384f;font-size:17px;font-weight:950;margin-bottom:8px;}
.fkl-rise-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid #d7e8f0;border-radius:20px;background:linear-gradient(135deg,#eefaff 0%,#fff8df 65%,#ffffff 100%);}
.fkl-rise-card span{display:block;color:#5f7890;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:.06em;margin-bottom:4px;}
.fkl-rise-card strong{display:block;color:#20384f;font-size:21px;font-weight:950;letter-spacing:-.25px;}
.fkl-rise-card p{margin:6px 0 0;color:#52687a;font-size:13.5px;font-weight:650;}
.fkl-rise-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:150px;padding:13px 18px;border-radius:16px;background:linear-gradient(135deg,#2f91a6,#45b7a6);color:#fff;font-weight:950;box-shadow:0 12px 26px rgba(45,145,166,.24);}
.fkl-rise-btn:hover{color:#fff;filter:brightness(1.04);transform:translateY(-1px);}
.fkl-page .rutbe-section-modern,.fkl-page .card-box{border-radius:22px;}
@media (max-width:1200px){.fkl-hero{padding:26px}.fkl-status-strip{grid-template-columns:repeat(2,minmax(0,1fr));}.fkl-page .wizard.altbolum .nav-fill{grid-template-columns:repeat(3,minmax(0,1fr));}.fkl-guide-grid{grid-template-columns:1fr;}}
@media (max-width:768px){.fkl-page{padding:8px 6px 18px}.fkl-hero{display:block;padding:24px 20px}.fkl-hero-side{margin-top:18px}.fkl-keyboard-card{width:100%;max-width:240px}.fkl-status-strip{grid-template-columns:1fr}.fkl-section-title,.fkl-rise-card{display:block}.fkl-section-title small{display:block;margin-top:8px}.fkl-rise-btn{margin-top:14px;width:100%}.fkl-page .wizard.altbolum .nav-fill{grid-template-columns:1fr}.fkl-intro-row .card-body,.fkl-page .grid-margin.stretch-card .card-body,.fkl-guide{padding:18px}.fkl-ad-slot{height:78px;}}

/* F Klavye Dersleri - revize: ilerleme kartları, görsel sığdırma ve okunabilir butonlar */
.fkl-progress-strip{
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr 1fr;
    gap:12px;
    margin:0 0 14px;
}
.fkl-progress-card{
    min-height:92px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 17px;
    border:1px solid #dceaf2;
    border-radius:22px;
    background:rgba(255,255,255,.93);
    box-shadow:0 12px 28px rgba(31,48,68,.055);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.fkl-progress-card:hover{
    transform:translateY(-2px);
    border-color:#b8ddea;
    box-shadow:0 16px 34px rgba(31,48,68,.09);
}
.fkl-progress-icon{
    width:46px;
    height:46px;
    min-width:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    background:linear-gradient(135deg,#e9f8ff,#fff8df);
    border:1px solid #d8eaf2;
    color:#2f7890;
    font-size:18px;
}
.fkl-progress-body{
    min-width:0;
    flex:1;
}
.fkl-progress-body span{
    display:block;
    color:#5f7890;
    text-transform:uppercase;
    letter-spacing:.06em;
    font-size:11px;
    font-weight:950;
    line-height:1.2;
    margin-bottom:5px;
}
.fkl-progress-body strong{
    display:block;
    color:#20384f;
    font-size:17px;
    font-weight:950;
    line-height:1.18;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.fkl-progress-body em{
    font-style:normal;
}
.fkl-progress-body small{
    display:block;
    margin-top:6px;
    color:#62778a;
    font-size:12px;
    font-weight:650;
    line-height:1.35;
}
.fkl-progress-bar{
    height:9px;
    margin:8px 0 4px;
    border-radius:999px;
    overflow:hidden;
    background:#e8f1f6;
    border:1px solid #d7e7ef;
}
.fkl-progress-bar i{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(135deg,#2f91a6,#45b7a6);
    box-shadow:0 5px 12px rgba(45,145,166,.22);
}
.fkl-progress-main{
    background:linear-gradient(135deg,#eefaff 0%,#fffdf4 70%,#fff 100%);
}

.fkl-page .fkl-intro-row .tab-pane img.img-fluid,
.fkl-page .tab-content img.img-fluid{
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:430px;
    object-fit:contain;
    object-position:center;
    margin:0 auto 16px;
    background:#fff;
}
.fkl-page .fkl-intro-row .tab-pane img.img-fluid{
    max-height:320px;
}
.fkl-page .tab-pane.text-center img.img-fluid{
    max-height:460px;
}
.fkl-page #v-pills-tabContent,
.fkl-page #v-pillsalt-tabContent .tab-pane{
    overflow:hidden;
}

.fkl-page .wizard .list-group-item,
.fkl-page .wizard.altbolum .list-group-item,
.fkl-page .altlarbold .btn{
    color:#365a72;
}
.fkl-page .wizard .list-group-item:hover,
.fkl-page .wizard .list-group-item:focus,
.fkl-page .wizard.altbolum .list-group-item:hover,
.fkl-page .wizard.altbolum .list-group-item:focus,
.fkl-page .wizard .list-group-item.active,
.fkl-page .wizard.altbolum .list-group-item.active{
    color:#20384f;
    background:linear-gradient(135deg,#e9f8ff,#fff8df);
    border-color:#9fd7e6;
}
.fkl-page .altlarbold .btn:hover,
.fkl-page .altlarbold .btn:focus,
.fkl-page .altlarbold .btn.active{
    color:#20384f;
    background:linear-gradient(135deg,#e9f8ff,#fff8df);
    border-color:#9fd7e6;
}

.fkl-seo-summary{
    margin:18px 0 16px;
    padding:28px;
    border:1px solid #d9e8f0;
    border-radius:26px;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
    box-shadow:0 18px 40px rgba(39,55,77,.08);
}
.fkl-seo-head{
    max-width:820px;
    margin:0 auto 20px;
    text-align:center;
}
.fkl-seo-head span{
    display:block;
    color:#5f7890;
    text-transform:uppercase;
    font-size:12px;
    font-weight:950;
    letter-spacing:.08em;
    margin-bottom:4px;
}
.fkl-seo-head h2{
    color:#20384f;
    font-size:25px;
    font-weight:950;
    letter-spacing:-.35px;
    margin-bottom:9px;
}
.fkl-seo-head p{
    color:#52687a;
    font-size:14px;
    font-weight:650;
    line-height:1.65;
    margin:0;
}
.fkl-seo-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.fkl-seo-grid article{
    padding:19px;
    border:1px solid #e2edf4;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 24px rgba(31,48,68,.045);
}
.fkl-seo-grid i{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    border-radius:14px;
    background:linear-gradient(135deg,#e9f8ff,#fff8df);
    color:#31566f;
    font-size:18px;
}
.fkl-seo-grid h3{
    color:#20384f;
    font-size:16px;
    font-weight:950;
    margin-bottom:8px;
}
.fkl-seo-grid p{
    color:#52687a;
    font-size:13.5px;
    font-weight:650;
    line-height:1.65;
    margin:0;
}

@media (max-width:1200px){
    .fkl-progress-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
    .fkl-seo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
    .fkl-progress-strip,.fkl-seo-grid{grid-template-columns:1fr;}
    .fkl-progress-card{min-height:86px;}
    .fkl-seo-summary{padding:18px;}
    .fkl-page .fkl-intro-row .tab-pane img.img-fluid,
    .fkl-page .tab-content img.img-fluid{max-height:none;width:100%;}
}


/* F Klavye Dersleri - final rötuşlar: tek SEO alanı, okunabilir hover ve görsel sığdırma */
.fkl-page .fkl-intro-row #v-pills-tabContent{
    min-height:420px;
}
.fkl-page .fkl-intro-row .tab-pane img.img-fluid{
    display:block;
    width:100%;
    max-width:100%;
    height:300px;
    max-height:300px;
    object-fit:contain;
    object-position:center;
    padding:8px;
    background:#ffffff;
    border-radius:18px;
}
.fkl-page .wizard .list-group-item,
.fkl-page .wizard.altbolum .list-group-item,
.fkl-page .altlarbold .btn,
.fkl-page .altlarbold .btn-secondary{
    color:#294961;
    text-shadow:none;
    opacity:1;
}
.fkl-page .wizard .list-group-item:hover,
.fkl-page .wizard .list-group-item:focus,
.fkl-page .wizard.altbolum .list-group-item:hover,
.fkl-page .wizard.altbolum .list-group-item:focus,
.fkl-page .wizard.altbolum .list-group-item.active,
.fkl-page .wizard .list-group-item.active{
    color:#20384f;
    background:linear-gradient(135deg,#e9f8ff 0%,#fff8df 100%);
    border-color:#9fd7e6;
    text-shadow:none;
    opacity:1;
}
.fkl-page .altlarbold .btn:hover,
.fkl-page .altlarbold .btn:focus,
.fkl-page .altlarbold .btn.active,
.fkl-page .altlarbold .btn-secondary:hover,
.fkl-page .altlarbold .btn-secondary:focus,
.fkl-page .altlarbold .btn-secondary.active{
    color:#20384f;
    background:linear-gradient(135deg,#e9f8ff 0%,#fff8df 100%);
    border-color:#9fd7e6;
    text-shadow:none;
    opacity:1;
}
.fkl-page .wizard.altbolum .nav-fill .list-group-item{
    min-height:58px;
    line-height:1.25;
}
.fkl-page .fkl-progress-strip{
    align-items:stretch;
}
.fkl-page .fkl-progress-card{
    min-height:108px;
}
.fkl-page .fkl-seo-final{
    margin:18px 0 16px;
    padding:30px;
    border:1px solid #d9e8f0;
    border-radius:26px;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
    box-shadow:0 18px 40px rgba(39,55,77,.08);
}
.fkl-page .fkl-seo-feature{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
    gap:16px;
    align-items:stretch;
    margin-bottom:16px;
}
.fkl-page .fkl-seo-feature-text,
.fkl-page .fkl-seo-feature-list{
    border:1px solid #e2edf4;
    border-radius:22px;
    background:linear-gradient(180deg,#fbfdff,#ffffff);
    box-shadow:0 10px 24px rgba(31,48,68,.045);
    padding:20px;
}
.fkl-page .fkl-seo-feature-text span,
.fkl-page .fkl-seo-feature-list strong{
    display:block;
    color:#5f7890;
    text-transform:uppercase;
    letter-spacing:.07em;
    font-size:12px;
    font-weight:950;
    margin-bottom:6px;
}
.fkl-page .fkl-seo-feature-text h3{
    color:#20384f;
    font-size:22px;
    font-weight:950;
    letter-spacing:-.25px;
    margin-bottom:9px;
}
.fkl-page .fkl-seo-feature-text p{
    color:#52687a;
    font-size:14px;
    font-weight:650;
    line-height:1.72;
    margin:0;
}
.fkl-page .fkl-seo-feature-list{
    display:grid;
    gap:8px;
}
.fkl-page .fkl-seo-feature-list span{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    padding:8px 11px;
    border:1px solid #e1edf4;
    border-radius:13px;
    background:linear-gradient(135deg,#f8fcff,#ffffff);
    color:#365a72;
    font-size:13px;
    font-weight:850;
}
.fkl-page .fkl-seo-feature-list span::before{
    content:"✓";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:19px;
    height:19px;
    border-radius:50%;
    background:#e9f8ff;
    color:#2f91a6;
    font-size:11px;
    font-weight:950;
}
.fkl-page .fkl-seo-grid-final{
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-bottom:16px;
}
.fkl-page .fkl-seo-grid-final article{
    min-height:178px;
}
.fkl-page .fkl-seo-cta{
    margin-top:2px;
}
@media (max-width:1200px){
    .fkl-page .fkl-seo-feature{grid-template-columns:1fr;}
    .fkl-page .fkl-seo-grid-final{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
    .fkl-page .fkl-intro-row .tab-pane img.img-fluid,
    .fkl-page #v-pillsalt-tabContent .tab-pane.text-center img.img-fluid,
    .fkl-page #v-pillsalt-tabContent .tab-content > .tab-pane.text-center img.img-fluid{
        height:auto;
        max-height:none;
        padding:6px;
    }
    .fkl-page .fkl-seo-final{padding:18px;}
    .fkl-page .fkl-seo-grid-final{grid-template-columns:1fr;}
}


/* F Klavye Dersleri - ders butonları yıldızlı görünüm ve okunabilir hover */
.fkl-page .altlarbold{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin-top:16px;
}
.fkl-page .altlarbold .btn,
.fkl-page .altlarbold .btn-secondary{
    min-width:72px;
    min-height:74px;
    padding:9px 9px 8px;
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border-radius:18px;
    border:1px solid #cfe3ee;
    background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
    color:#20384f;
    font-weight:950;
    line-height:1.05;
    box-shadow:0 9px 20px rgba(31,48,68,.065);
    opacity:1;
    text-shadow:none;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.fkl-page .altlarbold .fk-lesson-label{
    display:block;
    font-size:11px;
    font-weight:850;
    color:#42657c;
    line-height:1;
}
.fkl-page .altlarbold .fk-lesson-no{
    display:block;
    font-size:17px;
    font-weight:950;
    color:#17344d;
    line-height:1;
}
.fkl-page .altlarbold .fk-lesson-stars{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1px;
    margin-top:2px;
    font-size:12px;
    line-height:1;
    letter-spacing:-1px;
    color:#d5a229;
    white-space:nowrap;
}
.fkl-page .altlarbold .fk-lesson-stars i{
    font-style:normal;
    display:inline-block;
    color:#d5a229;
    text-shadow:0 1px 4px rgba(213,162,41,.15);
}
/* Yazılım tarafında kazanılan yıldızlar için sonradan .is-earned verilebilir */
.fkl-page .altlarbold .fk-lesson-stars i.is-earned{
    color:#f5b82e;
}
.fkl-page .altlarbold .btn:hover,
.fkl-page .altlarbold .btn:focus,
.fkl-page .altlarbold .btn.active,
.fkl-page .altlarbold .btn-secondary:hover,
.fkl-page .altlarbold .btn-secondary:focus,
.fkl-page .altlarbold .btn-secondary.active{
    color:#20384f;
    background:linear-gradient(135deg,#e9f8ff 0%,#fff8df 100%);
    border-color:#9fd7e6;
    box-shadow:0 13px 26px rgba(44,128,150,.15);
    transform:translateY(-2px);
    opacity:1;
    text-shadow:none;
}
.fkl-page .altlarbold .btn:hover .fk-lesson-label,
.fkl-page .altlarbold .btn:focus .fk-lesson-label,
.fkl-page .altlarbold .btn.active .fk-lesson-label{
    color:#31566f;
}
.fkl-page .altlarbold .btn:hover .fk-lesson-no,
.fkl-page .altlarbold .btn:focus .fk-lesson-no,
.fkl-page .altlarbold .btn.active .fk-lesson-no{
    color:#17344d;
}
.fkl-page .altlarbold .btn:hover .fk-lesson-stars i,
.fkl-page .altlarbold .btn:focus .fk-lesson-stars i,
.fkl-page .altlarbold .btn.active .fk-lesson-stars i{
    color:#d99a18;
}
@media (max-width:768px){
    .fkl-page .altlarbold{
        gap:8px;
        justify-content:flex-start;
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:8px;
        -webkit-overflow-scrolling:touch;
    }
    .fkl-page .altlarbold .btn,
    .fkl-page .altlarbold .btn-secondary{
        min-width:70px;
        min-height:72px;
        flex:0 0 auto;
    }
}

/* F Klavye final: premium ders kartları, taşan yıldızlar ve FAQ accordion */
.fkl-page .altlarbold{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(118px, 1fr));
    gap:18px 14px !important;
    justify-content:stretch !important;
    align-items:stretch !important;
    margin:24px 0 16px !important;
    padding:8px 4px 2px !important;
}
.fkl-page .altlarbold .btn,
.fkl-page .altlarbold .btn-secondary{
    position:relative !important;
    min-width:0 !important;
    width:100% !important;
    min-height:82px !important;
    padding:24px 12px 12px !important;
    overflow:visible !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    border-radius:20px !important;
    border:1px solid #cfe3ee !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%) !important;
    color:#20384f !important;
    font-weight:950 !important;
    line-height:1.05 !important;
    box-shadow:0 10px 24px rgba(31,48,68,.07) !important;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}
.fkl-page .altlarbold .btn::before,
.fkl-page .altlarbold .btn-secondary::before{
    content:"";
    position:absolute;
    inset:7px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.75);
    pointer-events:none;
}
.fkl-page .altlarbold .btn::after,
.fkl-page .altlarbold .btn-secondary::after{
    content:"Başla →";
    position:absolute;
    right:10px;
    bottom:8px;
    font-size:10px;
    font-weight:950;
    color:#3b8ba0;
    opacity:0;
    transform:translateX(-4px);
    transition:all .2s ease;
}
.fkl-page .altlarbold .fk-lesson-label{
    display:block !important;
    font-size:11px !important;
    font-weight:850 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
    color:#5c7386 !important;
    line-height:1 !important;
}
.fkl-page .altlarbold .fk-lesson-no{
    display:block !important;
    font-size:24px !important;
    font-weight:950 !important;
    letter-spacing:-.5px !important;
    color:#17344d !important;
    line-height:1 !important;
}
.fkl-page .altlarbold .fk-lesson-stars{
    position:absolute !important;
    top:-13px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    min-width:72px !important;
    height:28px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    padding:4px 9px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#fff7d8 0%,#ffffff 100%) !important;
    border:1px solid #f0d179 !important;
    box-shadow:0 8px 18px rgba(213,162,41,.20), 0 0 0 4px rgba(255,255,255,.9) !important;
    font-size:15px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    color:#d8a11d !important;
    white-space:nowrap !important;
    z-index:3 !important;
    transition:transform .22s ease, box-shadow .22s ease !important;
}
.fkl-page .altlarbold .fk-lesson-stars i{
    font-style:normal !important;
    display:inline-block !important;
    color:#d6a01d !important;
    text-shadow:0 2px 6px rgba(213,162,41,.24) !important;
}
.fkl-page .altlarbold .fk-lesson-stars i.is-earned{
    color:#f5b82e !important;
}
.fkl-page .altlarbold .btn:hover,
.fkl-page .altlarbold .btn:focus,
.fkl-page .altlarbold .btn.active,
.fkl-page .altlarbold .btn-secondary:hover,
.fkl-page .altlarbold .btn-secondary:focus,
.fkl-page .altlarbold .btn-secondary.active{
    color:#20384f !important;
    background:linear-gradient(135deg,#e9f8ff 0%,#fff8df 100%) !important;
    border-color:#9fd7e6 !important;
    box-shadow:0 16px 32px rgba(44,128,150,.16) !important;
    transform:translateY(-4px) !important;
    opacity:1 !important;
    text-shadow:none !important;
}
.fkl-page .altlarbold .btn:hover::after,
.fkl-page .altlarbold .btn:focus::after,
.fkl-page .altlarbold .btn.active::after,
.fkl-page .altlarbold .btn-secondary:hover::after,
.fkl-page .altlarbold .btn-secondary:focus::after,
.fkl-page .altlarbold .btn-secondary.active::after{
    opacity:1;
    transform:translateX(0);
}
.fkl-page .altlarbold .btn:hover .fk-lesson-stars,
.fkl-page .altlarbold .btn:focus .fk-lesson-stars,
.fkl-page .altlarbold .btn.active .fk-lesson-stars,
.fkl-page .altlarbold .btn-secondary:hover .fk-lesson-stars,
.fkl-page .altlarbold .btn-secondary:focus .fk-lesson-stars,
.fkl-page .altlarbold .btn-secondary.active .fk-lesson-stars{
    transform:translateX(-50%) scale(1.08) !important;
    box-shadow:0 10px 22px rgba(213,162,41,.26), 0 0 0 4px rgba(255,255,255,.95) !important;
}
.fkl-page .altlarbold .btn:hover .fk-lesson-label,
.fkl-page .altlarbold .btn:focus .fk-lesson-label,
.fkl-page .altlarbold .btn.active .fk-lesson-label{
    color:#31566f !important;
}
.fkl-page .altlarbold .btn:hover .fk-lesson-no,
.fkl-page .altlarbold .btn:focus .fk-lesson-no,
.fkl-page .altlarbold .btn.active .fk-lesson-no{
    color:#17344d !important;
}

.fkl-page .fkl-seo-final{
    padding:28px !important;
}
.fkl-page .fkl-faq-accordion{
    display:grid;
    gap:10px;
    margin:16px 0;
}
.fkl-page .fkl-faq-item{
    border:1px solid #e1edf4;
    border-radius:18px;
    background:#ffffff;
    overflow:hidden;
    box-shadow:0 9px 20px rgba(31,48,68,.045);
    transition:box-shadow .22s ease, transform .22s ease, border-color .22s ease;
}
.fkl-page .fkl-faq-item:hover{
    transform:translateY(-1px);
    border-color:#c9e2ee;
    box-shadow:0 13px 26px rgba(31,48,68,.075);
}
.fkl-page .fkl-faq-question{
    width:100%;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border:0;
    background:linear-gradient(135deg,#f8fcff 0%,#eef8fb 100%);
    color:#20384f;
    text-align:left;
    cursor:pointer;
    outline:0;
}
.fkl-page .fkl-faq-question span{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14.5px;
    font-weight:950;
    line-height:1.35;
}
.fkl-page .fkl-faq-question i{
    width:32px;
    height:32px;
    min-width:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:#ffffff;
    color:#327f99;
    box-shadow:0 6px 14px rgba(31,48,68,.065);
}
.fkl-page .fkl-faq-question b{
    width:28px;
    height:28px;
    min-width:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#ffffff;
    color:#327f99;
    font-size:18px;
    font-weight:950;
    line-height:1;
    box-shadow:0 5px 12px rgba(31,48,68,.06);
    transition:transform .22s ease, background .22s ease;
}
.fkl-page .fkl-faq-question:not(.collapsed) b{
    transform:rotate(45deg);
    background:#e9f8ff;
}
.fkl-page .fkl-faq-answer{
    padding:16px 19px 18px 58px;
    background:#ffffff;
    border-top:1px solid #e8f1f6;
}
.fkl-page .fkl-faq-answer h3{
    margin:0 0 7px;
    color:#20384f;
    font-size:17px;
    font-weight:950;
    letter-spacing:-.15px;
}
.fkl-page .fkl-faq-answer p{
    margin:0;
    color:#52687a;
    font-size:14px;
    line-height:1.75;
    font-weight:600;
}
@media (max-width:1200px){
    .fkl-page .altlarbold{grid-template-columns:repeat(4, minmax(104px,1fr));}
}
@media (max-width:768px){
    .fkl-page .altlarbold{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0,1fr));
        overflow:visible !important;
        gap:18px 10px !important;
        padding-top:10px !important;
    }
    .fkl-page .altlarbold .btn,
    .fkl-page .altlarbold .btn-secondary{
        min-height:78px !important;
    }
    .fkl-page .fkl-faq-question span{font-size:13.5px;}
    .fkl-page .fkl-faq-answer{padding:14px 15px;}
}


/* F Klavye Dersleri - son revizyon: tek satır dersler, okunabilir hover, klavye çalışma tarzı SEO aç/kapa */
.fkl-page .wizard.altbolum .nav-fill{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:12px;
    align-items:stretch;
    margin-top:10px;
}
.fkl-page .wizard.altbolum .nav-item{min-width:0;}
.fkl-page .wizard.altbolum .list-group-item{
    min-height:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 12px;
    border-radius:18px;
    border:1px solid #d8e8f1;
    background:linear-gradient(135deg,#f8fcff 0%,#ffffff 100%);
    color:#29485f;
    font-size:13px;
    font-weight:950;
    line-height:1.25;
    text-align:center;
    box-shadow:0 8px 18px rgba(31,48,68,.045);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}
.fkl-page .wizard.altbolum .list-group-item:hover,
.fkl-page .wizard.altbolum .list-group-item:focus{
    color:#20384f;
    background:linear-gradient(135deg,#edfaff 0%,#fff9e6 100%);
    border-color:#98d5e6;
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(44,128,150,.12);
}
.fkl-page .wizard.altbolum .list-group-item.active{
    color:#20384f;
    background:linear-gradient(135deg,#e9f8ff 0%,#fff8df 100%);
    border-color:#8fcfe2;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 14px 30px rgba(44,128,150,.14);
}

.fkl-page .altlarbold{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    gap:12px;
    margin:22px auto 6px;
    padding:18px 4px 10px;
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
}
.fkl-page .altlarbold::-webkit-scrollbar{height:7px;}
.fkl-page .altlarbold::-webkit-scrollbar-thumb{background:#c7dce8;border-radius:999px;}
.fkl-page .altlarbold .btn{
    position:relative;
    flex:0 0 86px;
    width:86px;
    min-width:86px;
    min-height:62px;
    height:62px;
    padding:18px 8px 8px;
    border-radius:18px;
    border:1px solid #cfe5f1;
    background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
    color:#20384f;
    box-shadow:0 8px 18px rgba(31,48,68,.045);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
    overflow:visible;
    text-align:center;
}
.fkl-page .altlarbold .btn:hover,
.fkl-page .altlarbold .btn:focus,
.fkl-page .altlarbold .btn.active{
    color:#20384f;
    background:linear-gradient(135deg,#e9f8ff 0%,#fff8df 100%);
    border-color:#8fcfe2;
    transform:translateY(-3px);
    box-shadow:0 16px 30px rgba(44,128,150,.14);
}
.fkl-page .altlarbold .btn .fk-lesson-label{
    display:block;
    color:#5d7488;
    font-size:9px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.05em;
    line-height:1;
    margin-bottom:2px;
}
.fkl-page .altlarbold .btn .fk-lesson-no{
    display:block;
    color:#0f2d46;
    font-size:21px;
    font-weight:950;
    line-height:1.05;
}
.fkl-page .altlarbold .btn .fk-lesson-stars{
    position:absolute;
    top:-15px;
    left:50%;
    transform:translateX(-50%);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:1px;
    min-width:58px;
    height:26px;
    padding:0 8px;
    border-radius:999px;
    background:#ffffff;
    border:1px solid #ffc43d;
    color:#f5a400;
    font-size:13px;
    line-height:1;
    box-shadow:0 10px 22px rgba(245,164,0,.18);
    z-index:4;
    transition:transform .22s ease, box-shadow .22s ease;
}
.fkl-page .altlarbold .btn:hover .fk-lesson-stars,
.fkl-page .altlarbold .btn.active .fk-lesson-stars{
    transform:translateX(-50%) scale(1.08);
    box-shadow:0 13px 26px rgba(245,164,0,.25);
}
.fkl-page .altlarbold .btn::after{
    content:"Başla →";
    position:absolute;
    right:9px;
    bottom:5px;
    color:#2f91a6;
    font-size:9px;
    font-weight:950;
    opacity:0;
    transform:translateX(-3px);
    transition:all .2s ease;
}
.fkl-page .altlarbold .btn:hover::after,
.fkl-page .altlarbold .btn.active::after{opacity:1;transform:translateX(0);}
.fkl-page #v-pillsalt-tabContent .w-100.text-center.mt-3 .row{
    gap:12px;
    align-items:center;
}
.fkl-page button[data-target="#fklavyeayarmodal"].btn-primary,
.fkl-page button[onclick="dersebasla(this)"].btn-warning{
    min-width:160px;
    min-height:46px;
    border-radius:16px;
    font-size:14px;
    letter-spacing:.05px;
}

.fkl-seo-collapse{
    margin:18px 0 16px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
}
.fkl-guide-accordion{
    border-radius:24px;
    overflow:hidden;
    background:#ffffff;
    border:1px solid #dcebf3;
    box-shadow:0 16px 36px rgba(31,48,68,.08);
}
.fkl-guide-toggle{
    width:100%;
    border:0;
    background:linear-gradient(135deg,#eefaff 0%,#fff8df 58%,#ffffff 100%);
    min-height:78px;
    padding:18px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-align:left;
    cursor:pointer;
    color:#20384f;
}
.fkl-guide-toggle span{display:block;}
.fkl-guide-toggle small{
    display:block;
    color:#5f7890;
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.09em;
    margin-bottom:4px;
}
.fkl-guide-toggle strong{
    display:block;
    color:#20384f;
    font-size:22px;
    font-weight:950;
    letter-spacing:-.25px;
    line-height:1.25;
}
.fkl-guide-toggle i{
    width:38px;
    height:38px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#ffffff;
    color:#2f91a6;
    box-shadow:0 8px 18px rgba(31,48,68,.08);
    transition:transform .24s ease;
}
.fkl-guide-toggle[aria-expanded="true"] i{transform:rotate(180deg);}
.fkl-guide-body{padding:24px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);}
.fkl-guide-intro{text-align:center;max-width:880px;margin:0 auto 18px;}
.fkl-guide-intro span{
    display:block;
    color:#5f7890;
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.09em;
    margin-bottom:4px;
}
.fkl-guide-intro h2{color:#20384f;font-size:24px;font-weight:950;letter-spacing:-.35px;margin-bottom:8px;}
.fkl-guide-intro p{color:#52687a;font-size:14px;font-weight:650;line-height:1.7;margin:0;}
.fkl-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.fkl-guide-grid article{
    padding:18px;
    border:1px solid #e2edf4;
    border-radius:20px;
    background:#ffffff;
    box-shadow:0 10px 24px rgba(31,48,68,.045);
    transition:transform .22s ease, box-shadow .22s ease;
}
.fkl-guide-grid article:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(31,48,68,.075);}
.fkl-guide-grid i{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:11px;
    border-radius:14px;
    background:linear-gradient(135deg,#e9f8ff,#fff8df);
    color:#31566f;
    font-size:17px;
}
.fkl-guide-grid h3{color:#20384f;font-size:15.5px;font-weight:950;margin-bottom:7px;line-height:1.3;}
.fkl-guide-grid p{color:#52687a;font-size:13.5px;font-weight:650;line-height:1.65;margin:0;}
.fkl-guide-body .fkl-rise-card{margin-top:16px;}
@media (max-width:1200px){
    .fkl-page .wizard.altbolum .nav-fill{display:flex;overflow-x:auto;padding-bottom:4px;}
    .fkl-page .wizard.altbolum .nav-item{flex:0 0 220px;}
    .fkl-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
    .fkl-page .altlarbold .btn{flex-basis:78px;width:78px;min-width:78px;}
    .fkl-guide-toggle{padding:16px 18px;}
    .fkl-guide-toggle strong{font-size:19px;}
    .fkl-guide-grid{grid-template-columns:1fr;}
    .fkl-guide-body{padding:18px;}
}


/* F Klavye son düzenleme: ders butonlarını ortala, yıldız durum sınıfları ve SEO metin dengesi */
.fkl-page .altlarbold{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:12px !important;
    width:100% !important;
    margin:22px auto 8px !important;
    padding:20px 12px 12px !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
}
.fkl-page .altlarbold .btn,
.fkl-page .altlarbold .btn-secondary{
    flex:0 0 86px !important;
    width:86px !important;
    min-width:86px !important;
    height:62px !important;
    min-height:62px !important;
    padding:18px 8px 8px !important;
    border-radius:18px !important;
    overflow:visible !important;
    text-align:center !important;
}
.fkl-page .altlarbold .btn .fk-lesson-stars,
.fkl-page .altlarbold .btn-secondary .fk-lesson-stars{
    top:-15px !important;
    height:27px !important;
    min-width:61px !important;
    padding:0 8px !important;
    font-size:14px !important;
    background:linear-gradient(135deg,#ffffff 0%,#fff8df 100%) !important;
    border:1px solid #f2c44b !important;
    box-shadow:0 10px 22px rgba(245,164,0,.18),0 0 0 4px rgba(255,255,255,.92) !important;
}
.fkl-page .altlarbold .fk-lesson-stars i{
    color:#d2a033 !important;
    opacity:.75;
}
.fkl-page .altlarbold .fk-lesson-stars i.is-earned,
.fkl-page .altlarbold .fk-lesson-stars i.filled,
.fkl-page .altlarbold .fk-lesson-stars i.active,
.fkl-page .altlarbold .fk-lesson-stars .is-earned,
.fkl-page .altlarbold .fk-lesson-stars .filled,
.fkl-page .altlarbold .fk-lesson-stars .active{
    color:#ffb300 !important;
    opacity:1;
    text-shadow:0 2px 7px rgba(255,179,0,.28) !important;
}
.fkl-page .altlarbold .btn:hover .fk-lesson-stars i,
.fkl-page .altlarbold .btn.active .fk-lesson-stars i{
    color:#d2a033 !important;
}
.fkl-page .altlarbold .btn:hover .fk-lesson-stars i.is-earned,
.fkl-page .altlarbold .btn.active .fk-lesson-stars i.is-earned,
.fkl-page .altlarbold .btn:hover .fk-lesson-stars i.filled,
.fkl-page .altlarbold .btn.active .fk-lesson-stars i.filled{
    color:#ffb300 !important;
}
.fkl-page .fkl-guide-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px !important;
}
.fkl-page .fkl-guide-grid article{
    min-height:218px;
    padding:19px !important;
}
.fkl-page .fkl-guide-grid h3{
    font-size:15.5px !important;
    line-height:1.28 !important;
}
.fkl-page .fkl-guide-grid p{
    font-size:13.35px !important;
    line-height:1.72 !important;
    font-weight:650 !important;
}
.fkl-page .fkl-guide-intro p{
    max-width:960px;
    margin-left:auto !important;
    margin-right:auto !important;
    line-height:1.72 !important;
}
@media (max-width:1450px){
    .fkl-page .altlarbold{justify-content:flex-start !important;}
}
@media (max-width:1200px){
    .fkl-page .fkl-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .fkl-page .fkl-guide-grid article{min-height:auto;}
}
@media (max-width:768px){
    .fkl-page .altlarbold{justify-content:flex-start !important;padding-top:20px !important;}
    .fkl-page .altlarbold .btn,
    .fkl-page .altlarbold .btn-secondary{flex-basis:78px !important;width:78px !important;min-width:78px !important;}
    .fkl-page .fkl-guide-grid{grid-template-columns:1fr;}
}

/* F Klavye dersleri - tek satır ve okunabilir buton düzeltmesi */
.fkl-page #v-pillsalt.fkl-course-tabs{
    display:grid;
    grid-template-columns:repeat(7, minmax(148px, 1fr));
    gap:14px;
    align-items:stretch;
    width:100%;
    margin:14px 0 18px;
    padding:0;
}
.fkl-page #v-pillsalt.fkl-course-tabs .nav-item{
    width:auto;
    min-width:0;
    margin:0;
}
.fkl-page #v-pillsalt.fkl-course-tabs .list-group-item{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:56px;
    height:56px;
    width:100%;
    margin:0;
    padding:0 14px;
    border:1px solid #c9e4ef;
    border-radius:18px;
    background:linear-gradient(135deg,#eefaff 0%,#ffffff 64%);
    color:#20384f;
    font-size:13px;
    font-weight:950;
    line-height:1.22;
    text-align:center;
    white-space:normal;
    box-shadow:0 9px 20px rgba(31,48,68,.055);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}

.fkl-page .altlarbold.fkl-lesson-row{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:flex-start;
    gap:13px;
    width:100%;
    max-width:1500px;
    margin:24px auto 12px;
    padding:24px 14px 12px;
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
}
.fkl-page .altlarbold.fkl-lesson-row .btn,
.fkl-page .altlarbold.fkl-lesson-row .btn-secondary{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    flex:0 0 84px;
    width:84px;
    min-width:84px;
    height:76px;
    min-height:76px;
    padding:20px 8px 10px;
    border:1px solid #cfe3ee;
    border-radius:18px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
    color:#20384f;
    font-weight:950;
    line-height:1.04;
    text-align:center;
    box-shadow:0 10px 22px rgba(31,48,68,.065);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
    overflow:visible;
}
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-label{
    display:block;
    color:#607789;
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-top:1px;
}
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-no{
    display:block;
    color:#20384f;
    font-size:24px;
    font-weight:950;
    letter-spacing:-.5px;
    line-height:.98;
}
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-stars{
    position:absolute;
    top:-16px;
    left:50%;
    transform:translateX(-50%);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    min-width:62px;
    height:27px;
    padding:0 8px;
    border:1px solid #f2c44b;
    border-radius:999px;
    background:linear-gradient(135deg,#ffffff 0%,#fff8df 100%);
    box-shadow:0 10px 22px rgba(245,164,0,.18),0 0 0 4px rgba(255,255,255,.92);
    color:#d2a033;
    font-size:14px;
    font-style:normal;
    line-height:1;
    transition:transform .22s ease, box-shadow .22s ease;
}
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-stars i{font-style:normal;color:#d2a033;opacity:.82;}

@media (max-width: 1199px){
    .fkl-page #v-pillsalt.fkl-course-tabs{
        display:flex;
        flex-wrap:nowrap;
        overflow-x:auto;
        padding-bottom:6px;
        scrollbar-width:thin;
    }
    .fkl-page #v-pillsalt.fkl-course-tabs .nav-item{
        flex:0 0 220px;
    }
    .fkl-page .altlarbold.fkl-lesson-row{
        justify-content:flex-start;
        gap:12px;
        padding-left:8px;
        padding-right:8px;
    }
    .fkl-page .altlarbold.fkl-lesson-row .btn,
    .fkl-page .altlarbold.fkl-lesson-row .btn-secondary{
        flex-basis:78px;
        width:78px;
        min-width:78px;
    }
}

/* F Klavye Dersleri - son final düzenleme */
.fkl-page .fkl-course-row > .col-12.mt-2{
    margin-top:2px;
}
.fkl-page .fkl-course-row .card{
    border:1px solid #d9e8f0;
    border-radius:24px;
    overflow:hidden;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
    box-shadow:0 18px 40px rgba(39,55,77,.08);
}
.fkl-page .wizard.altbolum h4{
    margin-bottom:6px;
    color:#20384f;
    font-size:20px;
    font-weight:950;
    letter-spacing:-.25px;
}
.fkl-page .wizard.altbolum p{
    margin-bottom:12px;
    color:#5b7183;
    font-size:13.5px;
    font-weight:650;
}
.fkl-page #v-pillsalt.fkl-course-tabs{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:12px;
    width:100%;
    margin:14px 0 18px;
    padding:2px 2px 8px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
}
.fkl-page #v-pillsalt.fkl-course-tabs::-webkit-scrollbar{height:7px;}
.fkl-page #v-pillsalt.fkl-course-tabs::-webkit-scrollbar-thumb{background:#c7dce8;border-radius:999px;}
.fkl-page #v-pillsalt.fkl-course-tabs .nav-item{
    flex:1 0 168px;
    min-width:168px;
    margin:0;
}
.fkl-page #v-pillsalt.fkl-course-tabs .list-group-item{
    min-height:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:9px 12px;
    border:1px solid #c9e4ef;
    border-radius:18px;
    background:linear-gradient(135deg,#eefaff 0%,#ffffff 62%);
    color:#20384f;
    font-size:12.7px;
    font-weight:950;
    line-height:1.22;
    text-align:center;
    box-shadow:0 9px 20px rgba(31,48,68,.055);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease;
}
.fkl-page #v-pillsalt.fkl-course-tabs .list-group-item:hover,
.fkl-page #v-pillsalt.fkl-course-tabs .list-group-item:focus{
    background:linear-gradient(135deg,#ddf7ff 0%,#fff3c8 100%);
    border-color:#63c1d6;
    color:#12364d;
    text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 14px 26px rgba(44,128,150,.14);
}
.fkl-page #v-pillsalt.fkl-course-tabs .list-group-item.active{
    background:linear-gradient(135deg,#d6f6ff 0%,#fff0bb 100%);
    border-color:#4db7cf;
    color:#12364d;
    box-shadow:0 15px 30px rgba(44,128,150,.16), inset 0 -3px 0 rgba(68,168,189,.22);
}
.fkl-page .altlarbold.fkl-lesson-row{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:flex-start;
    gap:12px;
    width:100%;
    max-width:1480px;
    margin:26px auto 12px;
    padding:24px 12px 12px;
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
}
.fkl-page .altlarbold.fkl-lesson-row::-webkit-scrollbar{height:7px;}
.fkl-page .altlarbold.fkl-lesson-row::-webkit-scrollbar-thumb{background:#c7dce8;border-radius:999px;}
.fkl-page .altlarbold.fkl-lesson-row .btn,
.fkl-page .altlarbold.fkl-lesson-row .btn-secondary{
    position:relative;
    flex:0 0 88px;
    width:88px;
    min-width:88px;
    height:74px;
    min-height:74px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:22px 8px 9px;
    border:1px solid #cfe3ee;
    border-radius:18px;
    overflow:visible;
    background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
    color:#20384f;
    font-weight:950;
    line-height:1;
    text-align:center;
    box-shadow:0 10px 22px rgba(31,48,68,.065);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-label{
    display:block;
    color:#607789;
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.05em;
    line-height:1;
    margin:0;
}
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-no{
    display:block;
    color:#20384f;
    font-size:23px;
    font-weight:950;
    letter-spacing:-.45px;
    line-height:1;
}
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-stars{
    position:absolute;
    top:-16px;
    left:50%;
    transform:translateX(-50%);
    min-width:62px;
    height:27px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    padding:0 8px;
    border:1px solid #f2c44b;
    border-radius:999px;
    background:linear-gradient(135deg,#ffffff 0%,#fff8df 100%);
    box-shadow:0 10px 22px rgba(245,164,0,.18),0 0 0 4px rgba(255,255,255,.92);
    color:#d2a033;
    font-size:14px;
    line-height:1;
    z-index:4;
    transition:transform .22s ease, box-shadow .22s ease;
}
.fkl-page .altlarbold.fkl-lesson-row .btn:hover .fk-lesson-stars,
.fkl-page .altlarbold.fkl-lesson-row .btn.active .fk-lesson-stars{
    transform:translateX(-50%) scale(1.06);
    box-shadow:0 14px 26px rgba(245,164,0,.23),0 0 0 4px rgba(255,255,255,.95);
}
.fkl-page #v-pillsalt-tabContent .tab-pane.text-center,
.fkl-page #v-pillsalt-tabContent .tab-content > .tab-pane.text-center{
    background:#ffffff;
    border:1px solid #dceaf2;
    border-radius:22px;
    padding:10px;
    box-shadow:0 12px 24px rgba(31,48,68,.05);
}
.fkl-page #v-pillsalt-tabContent .tab-pane.text-center img.img-fluid,
.fkl-page #v-pillsalt-tabContent .tab-content > .tab-pane.text-center img.img-fluid{
    display:block;
    width:100%;
    max-width:100%;
    height:390px;
    max-height:390px;
    object-fit:contain;
    object-position:center;
    margin:0 auto;
    background:#ffffff;
    border:0;
    box-shadow:none;
}
.fkl-guide-lead{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:0 0 15px;
}
.fkl-guide-lead article{
    display:flex;
    gap:14px;
    padding:19px;
    border:1px solid #e2edf4;
    border-radius:20px;
    background:linear-gradient(180deg,#fbfdff,#ffffff);
    box-shadow:0 10px 24px rgba(31,48,68,.045);
}
.fkl-guide-lead i,
.fkl-guide-plan b{
    flex:0 0 auto;
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:linear-gradient(135deg,#e9f8ff,#fff8df);
    color:#31566f;
    font-size:17px;
}
.fkl-guide-lead h3{
    margin:0 0 7px;
    color:#20384f;
    font-size:17px;
    font-weight:950;
    letter-spacing:-.15px;
}
.fkl-guide-lead p{
    margin:0;
    color:#52687a;
    font-size:13.7px;
    line-height:1.72;
    font-weight:650;
}
.fkl-guide-plan{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);
    gap:16px;
    align-items:center;
    margin:16px 0 0;
    padding:20px;
    border:1px solid #d7e8f0;
    border-radius:22px;
    background:linear-gradient(135deg,#eefaff 0%,#fff8df 65%,#ffffff 100%);
}
.fkl-guide-plan span{
    display:block;
    color:#5f7890;
    text-transform:uppercase;
    font-size:12px;
    font-weight:950;
    letter-spacing:.06em;
    margin-bottom:4px;
}
.fkl-guide-plan strong{
    display:block;
    color:#20384f;
    font-size:20px;
    font-weight:950;
    letter-spacing:-.25px;
}
.fkl-guide-plan p{
    margin:7px 0 0;
    color:#52687a;
    font-size:13.7px;
    line-height:1.7;
    font-weight:650;
}
.fkl-guide-plan ul{
    display:grid;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}
.fkl-guide-plan li{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:38px;
    padding:8px 11px;
    border:1px solid #e1edf4;
    border-radius:13px;
    background:#ffffff;
    color:#365a72;
    font-size:13px;
    font-weight:850;
}
.fkl-guide-plan b{
    width:24px;
    height:24px;
    border-radius:50%;
    font-size:12px;
    font-weight:950;
}
@media (max-width:1450px){
    .fkl-page .altlarbold.fkl-lesson-row{justify-content:flex-start;}
}
@media (max-width:1200px){
    .fkl-guide-lead,.fkl-guide-plan{grid-template-columns:1fr;}
    .fkl-page #v-pillsalt.fkl-course-tabs .nav-item{flex-basis:220px;min-width:220px;}
    .fkl-page #v-pillsalt-tabContent .tab-pane.text-center img.img-fluid,
    .fkl-page #v-pillsalt-tabContent .tab-content > .tab-pane.text-center img.img-fluid{height:340px;max-height:340px;}
}
@media (max-width:768px){
    .fkl-page .altlarbold.fkl-lesson-row{justify-content:flex-start;padding-left:8px;padding-right:8px;}
    .fkl-page .altlarbold.fkl-lesson-row .btn,
    .fkl-page .altlarbold.fkl-lesson-row .btn-secondary{flex-basis:78px;width:78px;min-width:78px;}
    .fkl-page #v-pillsalt-tabContent .tab-pane.text-center img.img-fluid,
    .fkl-page #v-pillsalt-tabContent .tab-content > .tab-pane.text-center img.img-fluid{height:auto;max-height:none;}
    .fkl-guide-lead article{display:block;}
    .fkl-guide-lead i{margin-bottom:10px;}
}


/* F Klavye son kapanış rötuşları: ikinci reklam kaldırıldı, ders tabları belirginleşti, ders kartları tek satırda scrollsuz hale getirildi. */
.fkl-page .fkl-ad-mid{
    display:none;
}
.fkl-page #v-pillsalt.fkl-course-tabs{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    justify-content:center;
    gap:12px;
    width:100%;
    margin:14px 0 18px;
    padding:0;
    overflow:visible;
    scrollbar-width:none;
}
.fkl-page #v-pillsalt.fkl-course-tabs::-webkit-scrollbar{
    display:none;
}
.fkl-page #v-pillsalt.fkl-course-tabs .nav-item{
    flex:1 1 0;
    min-width:0;
    margin:0;
}
.fkl-page #v-pillsalt.fkl-course-tabs .list-group-item{
    min-height:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:9px 11px;
    border:1px solid #bfe4ee;
    border-radius:17px;
    background:linear-gradient(135deg,#e9f9ff 0%,#ffffff 58%,#fff8df 100%);
    color:#20384f;
    font-size:12.6px;
    font-weight:950;
    line-height:1.22;
    text-align:center;
    box-shadow:0 10px 22px rgba(31,48,68,.07);
    white-space:normal;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}
.fkl-page #v-pillsalt.fkl-course-tabs .list-group-item:hover,
.fkl-page #v-pillsalt.fkl-course-tabs .list-group-item:focus{
    background:linear-gradient(135deg,#d7f7ff 0%,#fff0bd 100%);
    border-color:#5bbfd5;
    color:#12364d;
    text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 15px 28px rgba(44,128,150,.15);
}
.fkl-page #v-pillsalt.fkl-course-tabs .list-group-item.active{
    background:linear-gradient(135deg,#ccf4ff 0%,#fff2bc 100%);
    border-color:#42b8d0;
    color:#12364d;
    box-shadow:0 16px 30px rgba(44,128,150,.17), inset 0 -3px 0 rgba(68,168,189,.22);
}
.fkl-page .altlarbold.fkl-lesson-row{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:flex-start;
    gap:10px;
    width:100%;
    max-width:none;
    margin:25px auto 10px;
    padding:24px 8px 8px;
    overflow:visible;
    scrollbar-width:none;
}
.fkl-page .altlarbold.fkl-lesson-row::-webkit-scrollbar{
    display:none;
}
.fkl-page .altlarbold.fkl-lesson-row .btn,
.fkl-page .altlarbold.fkl-lesson-row .btn-secondary{
    position:relative;
    flex:1 1 0;
    width:auto;
    min-width:0;
    max-width:88px;
    height:70px;
    min-height:70px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:22px 6px 8px;
    border:1px solid #cfe3ee;
    border-radius:17px;
    overflow:visible;
    background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);
    color:#20384f;
    font-weight:950;
    line-height:1;
    text-align:center;
    box-shadow:0 10px 22px rgba(31,48,68,.065);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-label{
    display:block;
    color:#607789;
    font-size:9.5px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.04em;
    line-height:1;
    margin:0;
}
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-no{
    display:block;
    color:#20384f;
    font-size:21px;
    font-weight:950;
    letter-spacing:-.35px;
    line-height:1;
}
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-stars{
    position:absolute;
    top:-15px;
    left:50%;
    transform:translateX(-50%);
    min-width:56px;
    height:25px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:1px;
    padding:0 7px;
    border:1px solid #f2c44b;
    border-radius:999px;
    background:linear-gradient(135deg,#ffffff 0%,#fff8df 100%);
    box-shadow:0 10px 20px rgba(245,164,0,.17),0 0 0 4px rgba(255,255,255,.92);
    color:#d2a033;
    font-size:13px;
    line-height:1;
    z-index:4;
    transition:transform .22s ease, box-shadow .22s ease;
}
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-stars i{
    display:inline-block;
    font-style:normal;
    color:#d2a033;
    opacity:.82;
}
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-stars i.is-earned,
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-stars i.filled,
.fkl-page .altlarbold.fkl-lesson-row .fk-lesson-stars i.active{
    color:#ffb300;
    opacity:1;
    text-shadow:0 2px 7px rgba(255,179,0,.28);
}
.fkl-page .altlarbold.fkl-lesson-row .btn:hover,
.fkl-page .altlarbold.fkl-lesson-row .btn:focus,
.fkl-page .altlarbold.fkl-lesson-row .btn.active,
.fkl-page .altlarbold.fkl-lesson-row .btn-secondary:hover,
.fkl-page .altlarbold.fkl-lesson-row .btn-secondary:focus,
.fkl-page .altlarbold.fkl-lesson-row .btn-secondary.active{
    background:linear-gradient(135deg,#e9f8ff 0%,#fff8df 100%);
    border-color:#8fcfe1;
    color:#20384f;
    text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 15px 30px rgba(44,128,150,.16);
}
.fkl-page .altlarbold.fkl-lesson-row .btn:hover .fk-lesson-stars,
.fkl-page .altlarbold.fkl-lesson-row .btn.active .fk-lesson-stars{
    transform:translateX(-50%) scale(1.05);
    box-shadow:0 14px 26px rgba(245,164,0,.22),0 0 0 4px rgba(255,255,255,.95);
}
@media (max-width:1500px){
    .fkl-page .altlarbold.fkl-lesson-row{gap:8px;padding-left:4px;padding-right:4px;}
    .fkl-page .altlarbold.fkl-lesson-row .btn,
    .fkl-page .altlarbold.fkl-lesson-row .btn-secondary{height:68px;min-height:68px;max-width:82px;}
    .fkl-page .altlarbold.fkl-lesson-row .fk-lesson-stars{min-width:52px;font-size:12px;}
}
@media (max-width:1200px){
    .fkl-page #v-pillsalt.fkl-course-tabs{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;}
    .fkl-page #v-pillsalt.fkl-course-tabs::-webkit-scrollbar{display:block;height:7px;}
    .fkl-page #v-pillsalt.fkl-course-tabs .nav-item{flex:0 0 220px;min-width:220px;}
    .fkl-page .altlarbold.fkl-lesson-row{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;}
    .fkl-page .altlarbold.fkl-lesson-row::-webkit-scrollbar{display:block;height:7px;}
    .fkl-page .altlarbold.fkl-lesson-row .btn,
    .fkl-page .altlarbold.fkl-lesson-row .btn-secondary{flex:0 0 78px;width:78px;min-width:78px;}
}


/* F Klavye final düzenleme: başlık birleştirme ve ders satırı sıkışıklık düzeltmesi */
.fkl-page .fkl-section-title{
    align-items:center;
    padding:22px 28px;
}
.fkl-page .fkl-section-main{
    min-width:0;
}
.fkl-page .fkl-section-main p{
    margin:7px 0 0;
    max-width:920px;
    color:#52687a;
    font-size:13.5px;
    font-weight:700;
    line-height:1.55;
}
.fkl-page .fkl-section-main p strong{
    color:#4f5fc4;
    font-weight:950;
}
.fkl-page .fkl-section-title > small{
    white-space:nowrap;
    align-self:center;
    padding:7px 12px;
    border:1px solid #d7eaf2;
    border-radius:999px;
    background:rgba(255,255,255,.78);
    color:#5a7084;
}

.fkl-page .wizard.altbolum{
    margin-bottom:8px;
}
.fkl-page #v-pillsalt.fkl-course-tabs{
    margin:0 0 16px;
}

.fkl-page .card-body .altlarbold.fkl-lesson-row{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:flex-start;
    gap:9px;
    width:100%;
    max-width:100%;
    margin:22px auto 10px;
    padding:22px 4px 8px;
    overflow-x:visible;
    overflow-y:visible;
    scrollbar-width:none;
}
.fkl-page .card-body .altlarbold.fkl-lesson-row::-webkit-scrollbar{
    display:none;
}
.fkl-page .card-body .altlarbold.fkl-lesson-row .btn,
.fkl-page .card-body .altlarbold.fkl-lesson-row .btn.btn-secondary{
    flex:0 1 82px;
    width:clamp(72px, 5.65vw, 86px);
    min-width:72px;
    height:72px;
    min-height:72px;
    padding:18px 6px 9px;
}
.fkl-page .card-body .altlarbold.fkl-lesson-row .fk-lesson-stars{
    top:-14px;
    padding:3px 10px;
    font-size:14px;
    line-height:1;
}
.fkl-page .card-body .altlarbold.fkl-lesson-row .fk-lesson-label{
    margin-top:1px;
    font-size:9.5px;
    line-height:1;
    letter-spacing:.045em;
}
.fkl-page .card-body .altlarbold.fkl-lesson-row .fk-lesson-no{
    font-size:22px;
    line-height:1.05;
    margin-top:3px;
}

@media (max-width:1400px){
    .fkl-page .card-body .altlarbold.fkl-lesson-row{
        gap:7px;
    }
    .fkl-page .card-body .altlarbold.fkl-lesson-row .btn,
    .fkl-page .card-body .altlarbold.fkl-lesson-row .btn.btn-secondary{
        width:clamp(66px, 5.25vw, 78px);
        min-width:66px;
    }
}
@media (max-width:992px){
    .fkl-page .fkl-section-title{
        flex-direction:column;
        align-items:flex-start;
    }
    .fkl-page .fkl-section-title > small{
        white-space:normal;
    }
    .fkl-page .card-body .altlarbold.fkl-lesson-row{
        justify-content:flex-start;
        overflow-x:auto;
        padding-left:4px;
        padding-right:4px;
    }
}

/* F Klavye - ders grubu sekmeleri responsive son düzeltme
   Amaç: tablet/mobil ekranlarda yatay kayma/scroll yerine kutuların temiz şekilde alta kırılması. */
.fkl-page #v-pillsalt.fkl-course-tabs,
.fkl-page .wizard.altbolum #v-pillsalt.fkl-course-tabs,
.fkl-page .wizard.altbolum .nav-fill.fkl-course-tabs{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:stretch;
    gap:12px;
    width:100%;
    max-width:100%;
    overflow-x:visible;
    overflow-y:visible;
    scrollbar-width:none;
    padding:0;
    margin:0 auto;
    scroll-snap-type:none;
}

.fkl-page #v-pillsalt.fkl-course-tabs::-webkit-scrollbar,
.fkl-page .wizard.altbolum .nav-fill.fkl-course-tabs::-webkit-scrollbar{
    display:none;
}

.fkl-page #v-pillsalt.fkl-course-tabs .nav-item,
.fkl-page .wizard.altbolum #v-pillsalt.fkl-course-tabs .nav-item,
.fkl-page .wizard.altbolum .nav-fill.fkl-course-tabs .nav-item{
    flex:1 1 190px;
    min-width:165px;
    max-width:230px;
    margin:0;
    scroll-snap-align:unset;
}

.fkl-page #v-pillsalt.fkl-course-tabs .list-group-item,
.fkl-page .wizard.altbolum #v-pillsalt.fkl-course-tabs .list-group-item,
.fkl-page .wizard.altbolum .nav-fill.fkl-course-tabs .list-group-item{
    width:100%;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    white-space:normal;
    line-height:1.28;
    padding:13px 14px;
    font-size:13px;
    border-radius:17px;
}

@media (min-width:1400px){
    .fkl-page #v-pillsalt.fkl-course-tabs .nav-item,
    .fkl-page .wizard.altbolum #v-pillsalt.fkl-course-tabs .nav-item,
    .fkl-page .wizard.altbolum .nav-fill.fkl-course-tabs .nav-item{
        flex:1 1 0;
        min-width:0;
        max-width:none;
    }
}

@media (max-width:1199.98px){
    .fkl-page #v-pillsalt.fkl-course-tabs,
    .fkl-page .wizard.altbolum #v-pillsalt.fkl-course-tabs,
    .fkl-page .wizard.altbolum .nav-fill.fkl-course-tabs{
        gap:11px;
    }

    .fkl-page #v-pillsalt.fkl-course-tabs .nav-item,
    .fkl-page .wizard.altbolum #v-pillsalt.fkl-course-tabs .nav-item,
    .fkl-page .wizard.altbolum .nav-fill.fkl-course-tabs .nav-item{
        flex:0 1 calc(33.333% - 8px);
        min-width:0;
        max-width:none;
    }
}

@media (max-width:991.98px){
    .fkl-page #v-pillsalt.fkl-course-tabs .nav-item,
    .fkl-page .wizard.altbolum #v-pillsalt.fkl-course-tabs .nav-item,
    .fkl-page .wizard.altbolum .nav-fill.fkl-course-tabs .nav-item{
        flex:0 1 calc(50% - 7px);
    }
}

@media (max-width:575.98px){
    .fkl-page #v-pillsalt.fkl-course-tabs,
    .fkl-page .wizard.altbolum #v-pillsalt.fkl-course-tabs,
    .fkl-page .wizard.altbolum .nav-fill.fkl-course-tabs{
        gap:9px;
    }

    .fkl-page #v-pillsalt.fkl-course-tabs .nav-item,
    .fkl-page .wizard.altbolum #v-pillsalt.fkl-course-tabs .nav-item,
    .fkl-page .wizard.altbolum .nav-fill.fkl-course-tabs .nav-item{
        flex:0 1 100%;
    }

    .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item,
    .fkl-page .wizard.altbolum #v-pillsalt.fkl-course-tabs .list-group-item,
    .fkl-page .wizard.altbolum .nav-fill.fkl-course-tabs .list-group-item{
        min-height:52px;
        font-size:12.5px;
        padding:11px 12px;
    }
}


/* Q Klavye Dersleri - F Klavye tasarım diliyle uyumlu son düzenleme */
.qkl-page .fkl-hero h1::before{content:"Q";display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:10px;border-radius:14px;background:linear-gradient(135deg,#43bfd1,#7fc8be);color:#fff;font-size:22px;font-weight:950;vertical-align:4px;box-shadow:0 12px 24px rgba(50,140,160,.20);}
.qkl-page .fkl-keyboard-top span:first-child{background:linear-gradient(135deg,#43bfd1,#7fc8be);color:#fff;}
.qkl-page .fkl-progress-strip{grid-template-columns:1.2fr 1fr 1fr 1fr;}
.qkl-page .fkl-section-title{align-items:center;}
.qkl-page .wizard.altbolum{width:100%;}
.qkl-page .fkl-course-tabs{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:12px;width:100%;max-width:100%;overflow-x:visible;overflow-y:visible;padding:0;margin:0 auto;scrollbar-width:none;}
.qkl-page .fkl-course-tabs::-webkit-scrollbar{display:none;}
.qkl-page .fkl-course-tabs .nav-item{flex:1 1 190px;min-width:165px;max-width:230px;margin:0;}
.qkl-page .fkl-course-tabs .list-group-item{width:100%;min-height:58px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.28;padding:13px 14px;font-size:13px;border-radius:17px;}
.qkl-page .fkl-lesson-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 12px;padding:25px 6px 8px;margin:0 auto;max-width:100%;}
.qkl-page .fkl-lesson-row .btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:88px;height:82px;padding:20px 8px 8px;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%);border:1px solid #cae6f1;color:#20384f;box-shadow:0 12px 24px rgba(31,48,68,.07);line-height:1;text-decoration:none;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;}
.qkl-page .fkl-lesson-row .btn:hover{transform:translateY(-3px);box-shadow:0 18px 32px rgba(31,48,68,.13);border-color:#95d5e4;}
.qkl-page .fkl-lesson-row .btn.active{background:linear-gradient(135deg,#e9fbff 0%,#fff8df 100%);border-color:#82cfdf;box-shadow:0 15px 30px rgba(50,140,160,.16);}
.qkl-page .fk-lesson-stars{position:absolute;top:-15px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:1px;min-width:62px;height:29px;padding:0 10px;border-radius:999px;background:#fffdf5;border:1px solid #f4c354;color:#e7a500;font-size:13px;line-height:1;box-shadow:0 8px 18px rgba(231,165,0,.16), inset 0 1px 0 rgba(255,255,255,.9);}
.qkl-page .fk-lesson-stars i{font-style:normal;font-weight:950;}
.qkl-page .fk-lesson-label{text-transform:uppercase;font-size:10px;font-weight:950;letter-spacing:.7px;color:#5f7586;margin-top:2px;margin-bottom:3px;}
.qkl-page .fk-lesson-no{font-size:24px;font-weight:950;letter-spacing:-.6px;color:#14334d;line-height:.95;}
.qkl-page .tab-content img.img-fluid{max-height:440px;object-fit:contain;background:#fff;}
.qkl-page .qkl-seo-guide .fkl-guide-label{display:block;color:#64798b;font-size:12px;font-weight:950;letter-spacing:.08em;margin-bottom:5px;}
.qkl-page .fkl-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.qkl-page .fkl-guide-card{background:#fff;border:1px solid #e4eef5;border-radius:20px;padding:18px;box-shadow:0 10px 22px rgba(31,48,68,.045);}
.qkl-page .fkl-guide-card i{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#e9f8ff,#fff8df);color:#31566f;font-size:18px;margin-bottom:12px;}
.qkl-page .fkl-guide-card h3{font-size:16px;font-weight:950;color:#20384f;margin:0 0 8px;}
.qkl-page .fkl-guide-card p{font-size:14px;line-height:1.65;color:#4f6475;font-weight:600;margin:0;}
.qkl-page .fkl-guide-call{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,#eefaff,#fff8df);border:1px solid #d6ebf2;}
.qkl-page .fkl-guide-call span{display:block;color:#607789;font-size:12px;font-weight:950;letter-spacing:.06em;margin-bottom:4px;}
.qkl-page .fkl-guide-call strong{display:block;color:#20384f;font-size:20px;font-weight:950;}
.qkl-page .fkl-guide-call p{margin:4px 0 0;color:#52687a;font-weight:650;}
.qkl-page .fkl-guide-call .btn{background:linear-gradient(135deg,#2f91a7,#48b7a6);color:#fff;border:0;border-radius:16px;padding:12px 18px;font-weight:950;box-shadow:0 12px 26px rgba(47,145,167,.24);white-space:nowrap;}

@media (min-width:1400px){
    .qkl-page .fkl-course-tabs .nav-item{flex:1 1 0;min-width:0;max-width:none;}
}
@media (max-width:1199.98px){
    .qkl-page .fkl-progress-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
    .qkl-page .fkl-course-tabs .nav-item{flex:0 1 calc(33.333% - 8px);min-width:0;max-width:none;}
    .qkl-page .fkl-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:991.98px){
    .qkl-page{padding:10px 8px;}
    .qkl-page .fkl-hero{display:block;text-align:left;padding:22px 18px;}
    .qkl-page .fkl-hero-side{display:none;}
    .qkl-page .fkl-hero h1{font-size:28px;}
    .qkl-page .fkl-hero h1::before{width:34px;height:34px;font-size:18px;vertical-align:3px;}
    .qkl-page .fkl-progress-strip{grid-template-columns:1fr;gap:10px;}
    .qkl-page .fkl-section-title{display:block;text-align:left;}
    .qkl-page .fkl-section-title small{display:inline-flex;margin-top:10px;}
    .qkl-page .fkl-course-tabs .nav-item{flex:0 1 calc(50% - 7px);}
    .qkl-page .fkl-lesson-row{gap:18px 10px;padding-top:24px;}
    .qkl-page .fkl-lesson-row .btn{width:76px;height:78px;}
    .qkl-page .fkl-guide-call{display:block;}
    .qkl-page .fkl-guide-call .btn{margin-top:12px;width:100%;}
}
@media (max-width:575.98px){
    .qkl-page .fkl-hero{border-radius:22px;padding:19px 15px;}
    .qkl-page .fkl-hero h1{font-size:24px;}
    .qkl-page .fkl-hero p{font-size:13.5px;line-height:1.6;}
    .qkl-page .fkl-hero-tags{gap:7px;}
    .qkl-page .fkl-hero-tags span{font-size:11.5px;padding:7px 9px;}
    .qkl-page .fkl-course-tabs{gap:9px;}
    .qkl-page .fkl-course-tabs .nav-item{flex:0 1 100%;}
    .qkl-page .fkl-course-tabs .list-group-item{min-height:52px;font-size:12.5px;padding:11px 12px;}
    .qkl-page .fkl-lesson-row{gap:18px 8px;padding-top:24px;}
    .qkl-page .fkl-lesson-row .btn{width:68px;height:76px;border-radius:16px;}
    .qkl-page .fk-lesson-stars{min-width:54px;height:26px;font-size:12px;top:-13px;padding:0 8px;}
    .qkl-page .fk-lesson-label{font-size:9px;}
    .qkl-page .fk-lesson-no{font-size:21px;}
    .qkl-page .fkl-guide-grid{grid-template-columns:1fr;}
    .qkl-page .duello-faq-modern{padding:16px 12px;}
    .qkl-page .duello-faq-modern h2{font-size:21px;}
}


/* Q Klavye Rehberi - ana akordion ve kutulu FAQ düzeni */
.qkl-page .qkl-seo-guide{
    padding:18px;
}

.qkl-page .qkl-guide-main-accordion,
.qkl-page .qkl-guide-main-item{
    width:100%;
}

.qkl-page .qkl-guide-main-toggle{
    width:100%;
    border:1px solid #d6ebf2;
    border-radius:24px;
    background:linear-gradient(135deg,#eefaff 0%,#fff8df 58%,#ffffff 100%);
    box-shadow:0 14px 32px rgba(31,48,68,.08);
    padding:18px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    text-align:left;
    cursor:pointer;
    color:#20384f;
    transition:box-shadow .24s ease, transform .24s ease, border-color .24s ease;
}

.qkl-page .qkl-guide-main-toggle:hover{
    transform:translateY(-2px);
    border-color:#bde4ee;
    box-shadow:0 18px 38px rgba(31,48,68,.12);
}

.qkl-page .qkl-guide-main-copy{
    display:block;
    min-width:0;
}

.qkl-page .qkl-guide-main-copy .fkl-guide-label{
    display:block;
    color:#64798b;
    font-size:12px;
    font-weight:950;
    letter-spacing:.08em;
    margin-bottom:6px;
}

.qkl-page .qkl-guide-main-copy strong{
    display:block;
    color:#20384f;
    font-size:24px;
    line-height:1.2;
    font-weight:950;
    letter-spacing:-.25px;
}

.qkl-page .qkl-guide-main-copy em{
    display:block;
    margin-top:7px;
    color:#607789;
    font-style:normal;
    font-size:14px;
    line-height:1.55;
    font-weight:700;
}

.qkl-page .qkl-guide-main-icon{
    width:42px;
    height:42px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    background:#fff;
    border:1px solid #dcebf2;
    color:#2f91a7;
    box-shadow:0 8px 18px rgba(31,48,68,.07);
}

.qkl-page .qkl-guide-main-toggle[aria-expanded="true"] .qkl-guide-main-icon i{
    transform:rotate(180deg);
}

.qkl-page .qkl-guide-main-icon i{
    transition:transform .22s ease;
}

.qkl-page .qkl-guide-main-body{
    padding:18px 2px 0;
}

.qkl-page .qkl-accordion{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.qkl-page .qkl-accordion .accordion-item.card{
    margin:0;
    border:1px solid #e2edf4;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 24px rgba(31,48,68,.055);
    overflow:hidden;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.qkl-page .qkl-accordion .accordion-item.card:hover{
    transform:translateY(-2px);
    border-color:#c9e8f1;
    box-shadow:0 16px 30px rgba(31,48,68,.10);
}

.qkl-page .qkl-accordion .card-header{
    background:transparent;
    border:0;
    padding:0;
}

.qkl-page .qkl-accordion .card-header button{
    width:100%;
    min-height:72px;
    border:0;
    border-radius:0;
    background:linear-gradient(135deg,#f8fcff 0%,#eef8fb 100%);
    color:#20384f;
    font-size:15px;
    line-height:1.35;
    font-weight:950;
    text-align:left;
    padding:16px 44px 16px 18px;
    position:relative;
    box-shadow:none;
}

.qkl-page .qkl-accordion .card-header button::before{
    content:"💡";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    margin-right:10px;
    border-radius:12px;
    background:#fff;
    box-shadow:0 6px 14px rgba(31,48,68,.06);
    vertical-align:middle;
}

.qkl-page .qkl-accordion .card-header button::after{
    content:"\f107";
    font-family:FontAwesome;
    position:absolute;
    right:17px;
    top:50%;
    transform:translateY(-50%);
    color:#2f91a7;
    font-size:15px;
    transition:transform .22s ease;
}

.qkl-page .qkl-accordion .card-header button[aria-expanded="true"]::after{
    transform:translateY(-50%) rotate(180deg);
}

.qkl-page .qkl-accordion .card-body{
    background:#fff;
    padding:16px 18px 18px;
    color:#4f6475;
    font-size:14px;
    line-height:1.75;
    font-weight:550;
}

.qkl-page .qkl-accordion .card-body p:last-child{
    margin-bottom:0;
}

.qkl-page .qkl-accordion .hiztest-check-list{
    margin-top:10px;
}

@media (max-width:991.98px){
    .qkl-page .qkl-seo-guide{
        padding:14px;
    }

    .qkl-page .qkl-guide-main-toggle{
        padding:16px;
        border-radius:21px;
    }

    .qkl-page .qkl-guide-main-copy strong{
        font-size:21px;
    }

    .qkl-page .qkl-accordion{
        grid-template-columns:1fr;
        gap:11px;
    }
}

@media (max-width:575.98px){
    .qkl-page .qkl-guide-main-toggle{
        align-items:flex-start;
    }

    .qkl-page .qkl-guide-main-icon{
        width:36px;
        height:36px;
        border-radius:13px;
    }

    .qkl-page .qkl-guide-main-copy strong{
        font-size:19px;
    }

    .qkl-page .qkl-guide-main-copy em{
        font-size:13px;
    }

    .qkl-page .qkl-accordion .card-header button{
        min-height:64px;
        font-size:14px;
        padding:14px 40px 14px 14px;
    }
}

/* Q Klavye Rehberi - kapalı başlangıç ve iç bilgi kartları */
.qkl-page .qkl-guide-main-toggle.collapsed .qkl-guide-main-icon i{
    transform:rotate(0deg);
}

.qkl-page .qkl-info-card-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.qkl-page .qkl-info-card{
    position:relative;
    overflow:hidden;
    min-height:220px;
    padding:20px 20px 18px;
    border:1px solid #e1edf4;
    border-radius:22px;
    background:linear-gradient(135deg,#ffffff 0%,#f8fcff 58%,#fffdf4 100%);
    box-shadow:0 12px 26px rgba(31,48,68,.06);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.qkl-page .qkl-info-card::after{
    content:"";
    position:absolute;
    right:-38px;
    bottom:-42px;
    width:110px;
    height:110px;
    border-radius:50%;
    background:rgba(58,174,195,.08);
    pointer-events:none;
}

.qkl-page .qkl-info-card:hover{
    transform:translateY(-3px);
    border-color:#c4e7f0;
    box-shadow:0 18px 34px rgba(31,48,68,.11);
}

.qkl-page .qkl-info-icon{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    margin-bottom:12px;
    background:linear-gradient(135deg,#e9f8ff,#fff8df);
    border:1px solid #dcebf2;
    color:#31566f;
    font-size:18px;
    box-shadow:0 8px 18px rgba(31,48,68,.06);
}

.qkl-page .qkl-info-card h3{
    margin:0 0 9px;
    color:#20384f;
    font-size:17px;
    line-height:1.28;
    font-weight:950;
    letter-spacing:-.15px;
}

.qkl-page .qkl-info-card p{
    margin:0 0 10px;
    color:#4f6475;
    font-size:14px;
    line-height:1.72;
    font-weight:600;
}

.qkl-page .qkl-info-card p:last-child{
    margin-bottom:0;
}

.qkl-page .qkl-mini-list{
    list-style:none;
    padding:0;
    margin:10px 0 0;
    display:grid;
    gap:8px;
}

.qkl-page .qkl-mini-list li{
    position:relative;
    padding:9px 10px 9px 31px;
    border:1px solid #e4eef5;
    border-radius:14px;
    background:rgba(255,255,255,.74);
    color:#42586b;
    font-size:13px;
    line-height:1.45;
    font-weight:650;
}

.qkl-page .qkl-mini-list li::before{
    content:"✓";
    position:absolute;
    left:11px;
    top:8px;
    color:#12abc8;
    font-weight:950;
}

@media (max-width:991.98px){
    .qkl-page .qkl-info-card-grid{
        grid-template-columns:1fr;
    }

    .qkl-page .qkl-info-card{
        min-height:auto;
        padding:17px;
        border-radius:20px;
    }
}

@media (max-width:575.98px){
    .qkl-page .qkl-info-card h3{
        font-size:15.5px;
    }

    .qkl-page .qkl-info-card p{
        font-size:13.5px;
    }
}



/* ===============================
   Katip Online - Anı Defteri Modern
   =============================== */
.ani-page{
    font-family:"Inter","Roboto",Arial,sans-serif;
    color:#20384f;
    background:
        radial-gradient(circle at 8% 4%, rgba(98,198,183,.13), transparent 28%),
        radial-gradient(circle at 92% 6%, rgba(246,200,95,.17), transparent 26%),
        linear-gradient(180deg,#f6fbff 0%,#ffffff 100%);
    border-radius:24px;
}

.ani-hero{
    display:grid;
    grid-template-columns:360px minmax(0,1fr);
    gap:34px;
    align-items:center;
    padding:28px 34px;
    margin-bottom:14px;
    border:1px solid #d7eaf3;
    border-radius:28px;
    background:linear-gradient(135deg,#eefaff 0%,#fff8df 58%,#ffffff 100%);
    box-shadow:0 18px 42px rgba(31,48,68,.10);
    position:relative;
    overflow:hidden;
}

.ani-hero::before{
    content:"";
    position:absolute;
    right:-90px;
    top:-100px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(58,174,195,.12);
}

.ani-hero::after{
    content:"";
    position:absolute;
    left:-90px;
    bottom:-115px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(255,202,58,.18);
}

.ani-hero-visual,
.ani-hero-content{
    position:relative;
    z-index:2;
}

.ani-hero-visual{
    text-align:center;
}

.ani-hero-visual img{
    max-width:310px;
    width:100%;
    height:auto;
    filter:drop-shadow(0 18px 28px rgba(31,48,68,.10));
}

.ani-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 13px;
    margin-bottom:10px;
    border:1px solid #d8edf3;
    border-radius:999px;
    background:rgba(255,255,255,.86);
    color:#31566f;
    font-size:12px;
    font-weight:950;
    box-shadow:0 6px 14px rgba(31,48,68,.06);
}

.ani-hero h1{
    margin:0;
    color:#20384f;
    font-size:34px;
    line-height:1.12;
    font-weight:950;
    letter-spacing:-.55px;
}

.ani-hero p{
    max-width:880px;
    margin:12px 0 14px;
    color:#536879;
    font-size:16px;
    line-height:1.72;
    font-weight:650;
}

.ani-hero-user{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:16px;
    color:#526a7f;
    font-size:14px;
    font-weight:850;
}

.ani-hero-user strong{
    color:#173856;
    font-size:20px;
    font-weight:950;
}

.ani-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.ani-primary-btn,
.ani-secondary-btn,
.ani-compose-btn,
.ani-read-btn,
.ani-side-card a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-decoration:none;
    transition:all .24s ease;
}

.ani-primary-btn,
.ani-compose-btn{
    border:0;
    border-radius:17px;
    background:linear-gradient(135deg,#ffca3a,#ff8a4b);
    color:#fff;
    padding:11px 18px;
    font-weight:950;
    box-shadow:0 12px 26px rgba(255,154,70,.30);
}

.ani-primary-btn:hover,
.ani-compose-btn:hover{
    color:#fff;
    text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 16px 32px rgba(255,154,70,.39);
}

.ani-secondary-btn{
    border:1px solid #d6e8f1;
    border-radius:17px;
    background:#fff;
    color:#31566f;
    padding:11px 16px;
    font-weight:900;
    box-shadow:0 8px 18px rgba(31,48,68,.06);
}

.ani-secondary-btn:hover{
    color:#20384f;
    text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(31,48,68,.11);
}

.ani-stat-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:14px;
}

.ani-stat-card{
    display:flex;
    align-items:center;
    gap:13px;
    padding:16px 18px;
    border:1px solid #dcebf2;
    border-radius:22px;
    background:rgba(255,255,255,.94);
    box-shadow:0 12px 26px rgba(31,48,68,.07);
    position:relative;
    overflow:hidden;
}

.ani-stat-card::after{
    content:"";
    position:absolute;
    right:-34px;
    bottom:-42px;
    width:92px;
    height:92px;
    border-radius:50%;
    background:rgba(58,174,195,.08);
}

.ani-stat-icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,#e9f8ff,#fff8df);
    border:1px solid #dcebf2;
    font-size:21px;
    flex-shrink:0;
}

.ani-stat-card small{
    display:block;
    color:#60778b;
    font-size:11px;
    font-weight:950;
    letter-spacing:.45px;
    text-transform:uppercase;
}

.ani-stat-card strong{
    display:block;
    color:#20384f;
    font-size:23px;
    font-weight:950;
    line-height:1.1;
}

.ani-compose-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:16px 18px;
    margin-bottom:14px;
    border:1px solid #dcebf2;
    border-radius:24px;
    background:linear-gradient(135deg,#ffffff,#f7fcff);
    box-shadow:0 12px 28px rgba(31,48,68,.065);
}

.ani-compose-left{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
}

.ani-compose-left img{
    width:52px;
    height:52px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #fff;
    box-shadow:0 8px 18px rgba(31,48,68,.12);
    flex-shrink:0;
}

.ani-compose-left strong{
    display:block;
    color:#20384f;
    font-size:16px;
    font-weight:950;
}

.ani-compose-left span{
    display:block;
    color:#60778b;
    font-size:13px;
    font-weight:700;
}

.ani-filter-bar{
    display:flex;
    gap:9px;
    overflow-x:auto;
    padding:5px 2px 13px;
    margin-bottom:8px;
    -webkit-overflow-scrolling:touch;
}

.ani-filter-bar::-webkit-scrollbar{
    height:5px;
}

.ani-filter-bar::-webkit-scrollbar-thumb{
    background:#c8d8e3;
    border-radius:999px;
}

.ani-filter-bar a{
    white-space:nowrap;
    padding:9px 13px;
    border:1px solid #d9e8f1;
    border-radius:999px;
    background:#fff;
    color:#405c72;
    font-size:12px;
    font-weight:900;
    box-shadow:0 8px 17px rgba(31,48,68,.055);
    transition:all .22s ease;
}

.ani-filter-bar a:hover,
.ani-filter-bar a.active{
    color:#20384f;
    text-decoration:none;
    background:linear-gradient(135deg,#e9f8ff,#fff8df);
    border-color:#aadbe7;
    transform:translateY(-1px);
}

.ani-layout{
    align-items:flex-start;
}

.ani-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:15px;
    padding:18px 20px;
    margin-bottom:12px;
    border:1px solid #dcebf2;
    border-radius:24px;
    background:linear-gradient(135deg,#eefaff,#ffffff);
    box-shadow:0 12px 26px rgba(31,48,68,.06);
}

.ani-section-head span{
    display:block;
    color:#637d91;
    font-size:12px;
    font-weight:950;
    letter-spacing:.65px;
}

.ani-section-head h2{
    margin:2px 0 0;
    color:#20384f;
    font-size:24px;
    font-weight:950;
    letter-spacing:-.25px;
}

.ani-section-head small{
    color:#60778b;
    font-weight:850;
    white-space:nowrap;
}

.ani-memory-card{
    position:relative;
    padding:19px;
    margin-bottom:14px;
    border:1px solid #dcebf2;
    border-left-width:6px;
    border-radius:26px;
    background:#fff;
    box-shadow:0 14px 32px rgba(31,48,68,.075);
    overflow:hidden;
    transition:all .25s ease;
}

.ani-memory-card::after{
    content:"";
    position:absolute;
    right:-48px;
    bottom:-60px;
    width:140px;
    height:140px;
    border-radius:50%;
    background:rgba(58,174,195,.07);
}

.ani-memory-card:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 42px rgba(31,48,68,.12);
}

.ani-tag-success{border-left-color:#f0b02f;background:linear-gradient(135deg,#fffdf3,#ffffff);}
.ani-tag-motivation{border-left-color:#4aa8d8;background:linear-gradient(135deg,#f1fbff,#ffffff);}
.ani-tag-lesson{border-left-color:#62c6b7;background:linear-gradient(135deg,#f0fffc,#ffffff);}
.ani-tag-goal{border-left-color:#ff7f72;background:linear-gradient(135deg,#fff5f4,#ffffff);}
.ani-tag-court{border-left-color:#8e8cf0;background:linear-gradient(135deg,#f6f6ff,#ffffff);}

.ani-memory-header,
.ani-memory-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    position:relative;
    z-index:2;
}

.ani-author{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.ani-author img{
    width:54px;
    height:54px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #fff;
    box-shadow:0 8px 18px rgba(31,48,68,.13);
    flex-shrink:0;
}

.ani-author strong{
    display:block;
    color:#20384f;
    font-size:15px;
    font-weight:950;
    text-transform:capitalize;
    line-height:1.15;
}

.ani-author span{
    display:block;
    color:#73879a;
    font-size:12px;
    font-weight:750;
    margin-top:3px;
}

.ani-memory-top-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
}

.ani-tag-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 10px;
    border:1px solid #e2edf4;
    border-radius:999px;
    background:rgba(255,255,255,.86);
    color:#31566f;
    font-size:11px;
    font-weight:950;
    box-shadow:0 6px 14px rgba(31,48,68,.055);
}

.ani-more-btn{
    width:35px;
    height:35px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#fff;
    border:1px solid #e2edf4;
    color:#31566f;
}

.ani-memory-body{
    position:relative;
    z-index:2;
    margin:17px 0;
}

.ani-memory-body h3{
    color:#20384f;
    font-size:20px;
    font-weight:950;
    line-height:1.32;
    margin-bottom:9px;
    letter-spacing:-.15px;
}

.ani-memory-body p{
    color:#536879;
    font-size:14.5px;
    line-height:1.75;
    font-weight:600;
    margin:0;
}

.ani-reaction-group{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
}

.ani-reaction{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:36px;
    padding:8px 11px;
    border:1px solid #e2edf4;
    border-radius:999px;
    background:rgba(255,255,255,.90);
    color:#536879;
    font-size:12px;
    font-weight:950;
    transition:all .22s ease;
}

.ani-reaction:hover{
    color:#20384f;
    text-decoration:none;
    transform:translateY(-1px);
    box-shadow:0 8px 16px rgba(31,48,68,.08);
}

.ani-reaction.liked{
    color:#d94f68;
    background:#fff5f7;
    border-color:#ffd2dc;
}

.ani-read-btn{
    min-height:38px;
    padding:8px 13px;
    border-radius:999px;
    background:linear-gradient(135deg,#2c92aa,#48b7a6);
    color:#fff;
    font-size:12px;
    font-weight:950;
    box-shadow:0 10px 22px rgba(39,140,160,.22);
    flex-shrink:0;
}

.ani-read-btn:hover{
    color:#fff;
    text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(39,140,160,.30);
}

.ani-ad-card{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:260px;
    padding:14px;
    margin-bottom:14px;
    border:1px dashed #cde1ed;
    border-radius:26px;
    background:linear-gradient(135deg,#f7fcff,#ffffff);
}

.ani-pagination-wrap{
    padding:10px 0 6px;
}

.ani-page .pagination .page-link{
    border:1px solid #dce8f1;
    color:#31566f;
    font-weight:850;
    border-radius:12px;
    margin:0 3px;
    box-shadow:0 5px 12px rgba(31,48,68,.05);
}

.ani-page .pagination .page-item.active .page-link{
    background:linear-gradient(135deg,#2c92aa,#48b7a6);
    border-color:#2c92aa;
}

.ani-side-card{
    padding:18px;
    margin-bottom:14px;
    border:1px solid #dcebf2;
    border-radius:26px;
    background:rgba(255,255,255,.96);
    box-shadow:0 14px 32px rgba(31,48,68,.075);
}

.ani-week-card{
    background:linear-gradient(135deg,#20384f,#2c92aa);
    color:#fff;
    overflow:hidden;
    position:relative;
}

.ani-week-card::after{
    content:"";
    position:absolute;
    right:-55px;
    bottom:-70px;
    width:160px;
    height:160px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
}

.ani-side-label{
    display:inline-block;
    margin-bottom:9px;
    color:rgba(255,255,255,.78);
    font-size:11px;
    font-weight:950;
    letter-spacing:.55px;
}

.ani-week-card h3{
    color:#fff;
    font-size:20px;
    font-weight:950;
    line-height:1.35;
}

.ani-week-card p{
    color:rgba(255,255,255,.82);
    font-size:13.5px;
    font-weight:650;
    line-height:1.65;
}

.ani-week-card a{
    color:#fff;
    font-weight:950;
}

.ani-side-title{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:13px;
}

.ani-side-title span{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:linear-gradient(135deg,#e9f8ff,#fff8df);
    border:1px solid #dcebf2;
}

.ani-side-title strong{
    color:#20384f;
    font-size:16px;
    font-weight:950;
}

.ani-side-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.ani-side-tags a{
    padding:8px 10px;
    border:1px solid #dcebf2;
    border-radius:999px;
    background:#f8fcff;
    color:#405c72;
    font-size:12px;
    font-weight:850;
}

.ani-side-tags a:hover{
    text-decoration:none;
    background:linear-gradient(135deg,#e9f8ff,#fff8df);
    color:#20384f;
}

.ani-rule-list{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    gap:9px;
}

.ani-rule-list li{
    position:relative;
    padding-left:28px;
    color:#536879;
    font-size:13px;
    font-weight:700;
    line-height:1.55;
}

.ani-rule-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e9f8ff;
    color:#2c92aa;
    font-size:12px;
    font-weight:950;
}

.ani-mini-list{
    display:grid;
    gap:10px;
}

.ani-mini-list a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px;
    border:1px solid #e3eef5;
    border-radius:18px;
    background:#fbfdff;
    transition:all .22s ease;
}

.ani-mini-list a:hover{
    text-decoration:none;
    transform:translateY(-1px);
    background:#fff;
    box-shadow:0 10px 20px rgba(31,48,68,.08);
}

.ani-mini-list img{
    width:42px;
    height:42px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #fff;
    box-shadow:0 6px 12px rgba(31,48,68,.10);
    flex-shrink:0;
}

.ani-mini-list strong{
    display:block;
    color:#20384f;
    font-size:12.5px;
    font-weight:950;
    line-height:1.25;
}

.ani-mini-list span{
    display:block;
    color:#73879a;
    font-size:11px;
    font-weight:750;
    margin-top:2px;
}

.ani-guide-accordion{
    margin:12px 0 18px;
    border:1px solid #dcebf2;
    border-radius:26px;
    background:#fff;
    box-shadow:0 14px 32px rgba(31,48,68,.075);
    overflow:hidden;
}

.ani-guide-toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:20px 22px;
    cursor:pointer;
    background:linear-gradient(135deg,#eefaff,#fff8df 62%,#ffffff);
}

.ani-guide-toggle span{
    display:block;
    color:#637d91;
    font-size:12px;
    font-weight:950;
    letter-spacing:.65px;
}

.ani-guide-toggle h2{
    margin:2px 0 0;
    color:#20384f;
    font-size:23px;
    font-weight:950;
}

.ani-guide-toggle i{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #dcebf2;
    border-radius:50%;
    background:#fff;
    color:#31566f;
    transition:transform .22s ease;
}

.ani-guide-toggle[aria-expanded="true"] i{
    transform:rotate(180deg);
}

.ani-guide-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;
    padding:18px;
}

.ani-guide-grid article{
    padding:17px;
    border:1px solid #e2edf4;
    border-radius:22px;
    background:linear-gradient(180deg,#fbfdff,#fff);
}

.ani-guide-grid article span{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:linear-gradient(135deg,#e9f8ff,#fff8df);
    border:1px solid #dcebf2;
    font-size:20px;
    margin-bottom:10px;
}

.ani-guide-grid h3{
    color:#20384f;
    font-size:16px;
    font-weight:950;
    margin-bottom:8px;
}

.ani-guide-grid p{
    color:#536879;
    font-size:13px;
    font-weight:650;
    line-height:1.65;
    margin:0;
}

.ani-modal{
    border:0;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 24px 60px rgba(31,48,68,.22);
}

.ani-modal .modal-header{
    border:0;
    background:linear-gradient(135deg,#20384f,#2c92aa);
    color:#fff;
}

.ani-modal .modal-title{
    color:#fff;
    font-weight:950;
}

.ani-modal .close{
    color:#fff;
    opacity:.95;
}

.ani-modal-hint{
    padding:13px 15px;
    margin-bottom:15px;
    border:1px solid #dcebf2;
    border-radius:18px;
    background:linear-gradient(135deg,#eefaff,#fff8df);
}

.ani-modal-hint strong{
    display:block;
    color:#20384f;
    font-weight:950;
}

.ani-modal-hint span{
    display:block;
    color:#536879;
    font-size:13px;
    font-weight:700;
    margin-top:2px;
}

@media (max-width:1199px){
    .ani-hero{
        grid-template-columns:280px minmax(0,1fr);
        gap:24px;
    }
    .ani-guide-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:991px){
    .ani-hero{
        grid-template-columns:1fr;
        text-align:center;
        padding:25px 22px;
    }
    .ani-hero-visual{
        order:2;
    }
    .ani-hero-content{
        order:1;
    }
    .ani-hero-actions,
    .ani-hero-user{
        justify-content:center;
    }
    .ani-hero-visual img{
        max-width:230px;
    }
    .ani-stat-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .ani-layout aside{
        margin-top:10px;
    }
}

@media (max-width:767px){
    .ani-page{
        border-radius:18px;
    }
    .ani-hero{
        border-radius:22px;
        margin-left:0;
        margin-right:0;
    }
    .ani-hero h1{
        font-size:27px;
    }
    .ani-hero p{
        font-size:14px;
    }
    .ani-stat-grid{
        grid-template-columns:1fr 1fr;
        gap:9px;
    }
    .ani-stat-card{
        padding:13px 12px;
        border-radius:18px;
    }
    .ani-stat-icon{
        width:40px;
        height:40px;
        font-size:18px;
    }
    .ani-stat-card strong{
        font-size:19px;
    }
    .ani-compose-card{
        align-items:flex-start;
        flex-direction:column;
        border-radius:20px;
    }
    .ani-compose-btn{
        width:100%;
    }
    .ani-section-head{
        align-items:flex-start;
        flex-direction:column;
        border-radius:20px;
    }
    .ani-section-head h2{
        font-size:21px;
    }
    .ani-section-head small{
        white-space:normal;
    }
    .ani-memory-card{
        padding:16px;
        border-radius:22px;
    }
    .ani-memory-header,
    .ani-memory-footer{
        align-items:flex-start;
        flex-direction:column;
    }
    .ani-memory-top-actions{
        width:100%;
        justify-content:space-between;
    }
    .ani-read-btn{
        width:100%;
    }
    .ani-guide-grid{
        grid-template-columns:1fr;
    }
    .ani-guide-toggle{
        padding:18px;
    }
    .ani-guide-toggle h2{
        font-size:20px;
    }
}

@media (max-width:480px){
    .ani-stat-grid{
        grid-template-columns:1fr;
    }
    .ani-hero-actions a{
        width:100%;
    }
    .ani-filter-bar{
        padding-bottom:10px;
    }
    .ani-author img{
        width:48px;
        height:48px;
    }
    .ani-memory-body h3{
        font-size:18px;
    }
}


/* ANI DEFTERI - KOMPAKT TOPLULUK DUZENI */
.ani-top-info-row{
    display:grid;
    grid-template-columns:1.25fr 1fr 1fr;
    gap:14px;
    margin:16px 0;
}
.ani-top-info-card{
    min-height:178px;
    background:rgba(255,255,255,.96);
    border:1px solid #dcebf4;
    border-radius:24px;
    padding:18px;
    box-shadow:0 16px 34px rgba(31,48,68,.08);
    display:flex;
    gap:14px;
    position:relative;
    overflow:hidden;
}
.ani-top-info-card::after{
    content:"";
    position:absolute;
    right:-42px;
    bottom:-52px;
    width:115px;
    height:115px;
    border-radius:50%;
    background:rgba(53,169,182,.09);
}
.ani-top-info-card > *{position:relative;z-index:2;}
.ani-top-week{
    background:linear-gradient(135deg,#243b55,#1f7d92);
    border-color:rgba(255,255,255,.22);
    color:#fff;
    flex-direction:column;
}
.ani-top-week h3,.ani-top-week p,.ani-top-week span{color:#fff;}
.ani-top-week p{color:rgba(255,255,255,.86);}
.ani-top-week a{
    color:#fff;
    font-weight:950;
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:auto;
}
.ani-top-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:16px;
    background:linear-gradient(135deg,#eefaff,#fff8df);
    border:1px solid #d9ebf2;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 18px rgba(31,48,68,.06);
}
.ani-top-info-card span{
    display:block;
    color:#587086;
    font-size:12px;
    font-weight:950;
    letter-spacing:.5px;
    margin-bottom:7px;
}
.ani-top-info-card h3{
    color:#20384f;
    font-size:17px;
    line-height:1.25;
    font-weight:950;
    margin:0 0 8px;
}
.ani-top-info-card p{
    color:#536879;
    font-size:13.5px;
    line-height:1.55;
    font-weight:650;
    margin:0;
}
.ani-top-rules{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    gap:7px;
}
.ani-top-rules li{
    color:#40566a;
    font-size:12.5px;
    font-weight:750;
    line-height:1.35;
    position:relative;
    padding-left:21px;
}
.ani-top-rules li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#2fa7b8;
    font-weight:950;
}
.ani-top-mini-list{
    display:grid;
    gap:8px;
}
.ani-top-mini-list a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px;
    border:1px solid #e2edf5;
    border-radius:15px;
    background:#f8fcff;
    color:#20384f;
    text-decoration:none;
    transition:all .22s ease;
}
.ani-top-mini-list a:hover{
    background:#fff;
    transform:translateY(-1px);
    box-shadow:0 10px 20px rgba(31,48,68,.08);
}
.ani-top-mini-list img{
    width:36px;
    height:36px;
    min-width:36px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #fff;
    box-shadow:0 5px 12px rgba(31,48,68,.10);
}
.ani-top-mini-list strong{
    display:block;
    max-width:210px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12.5px;
    font-weight:950;
    color:#20384f;
}
.ani-top-mini-list small{
    color:#6b7f90;
    font-size:11px;
    font-weight:800;
}
.ani-feed-section{
    margin-top:14px;
}
.ani-section-head-compact{
    margin-bottom:14px;
}
.ani-memory-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.ani-memory-card.ani-memory-compact{
    min-height:250px;
    padding:0;
    border-radius:24px;
    border-left-width:6px;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,255,.96));
    display:flex;
    flex-direction:column;
    overflow:hidden;
}
.ani-memory-card.ani-memory-compact:nth-child(6n+1){border-left-color:#f5b233;}
.ani-memory-card.ani-memory-compact:nth-child(6n+2){border-left-color:#4ea9ff;}
.ani-memory-card.ani-memory-compact:nth-child(6n+3){border-left-color:#4fd1a1;}
.ani-memory-card.ani-memory-compact:nth-child(6n+4){border-left-color:#ff8e53;}
.ani-memory-card.ani-memory-compact:nth-child(6n+5){border-left-color:#8b7cf6;}
.ani-memory-card.ani-memory-compact:nth-child(6n+6){border-left-color:#5b8def;}
.ani-memory-compact .ani-memory-header{
    padding:16px 16px 9px;
}
.ani-memory-compact .ani-author img{
    width:46px;
    height:46px;
}
.ani-memory-compact .ani-author strong{
    max-width:185px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.ani-memory-compact .ani-memory-body{
    padding:0 16px 10px;
    flex:1;
}
.ani-memory-compact .ani-memory-body h3{
    font-size:18px;
    line-height:1.25;
    margin-bottom:8px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.ani-memory-compact .ani-memory-body p{
    font-size:13.5px;
    line-height:1.55;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.ani-memory-compact .ani-memory-footer{
    padding:11px 16px 15px;
    gap:10px;
}
.ani-memory-compact .ani-reaction{
    min-width:46px;
    height:34px;
    padding:0 10px;
    border-radius:999px;
}
.ani-memory-compact .ani-read-btn{
    min-height:36px;
    padding:0 13px;
    border-radius:999px;
    white-space:nowrap;
}
.ani-ad-card-grid{
    min-height:250px;
    grid-column:span 3;
    border-radius:24px;
    background:linear-gradient(135deg,#f8fcff,#fffdf4);
    border:1px dashed #cfe6ef;
}
.ani-filter-bar{
    gap:9px;
}
.ani-filter-bar a{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.ani-layout aside,
.ani-side-tags,
.ani-tag-badge{
    display:none;
}

@media (max-width:1399px){
    .ani-memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .ani-ad-card-grid{grid-column:span 2;}
    .ani-top-info-row{grid-template-columns:1fr;}
}
@media (max-width:991px){
    .ani-top-info-card{min-height:auto;}
    .ani-memory-grid{grid-template-columns:1fr;}
    .ani-ad-card-grid{grid-column:span 1;}
}
@media (max-width:575px){
    .ani-top-info-card{padding:15px;border-radius:20px;}
    .ani-memory-card.ani-memory-compact{min-height:auto;border-radius:20px;}
    .ani-memory-compact .ani-memory-footer{
        flex-direction:column;
        align-items:stretch;
    }
    .ani-memory-compact .ani-read-btn{
        width:100%;
        justify-content:center;
    }
}

/* ANI DEFTERI - SON RÖTUŞ: GENEL VERİ KARTLARI VE BİLGİ ŞERİDİ */
.ani-stat-grid{
    gap:14px;
    margin:10px 0 16px;
}
.ani-stat-card{
    min-height:78px;
    padding:14px 20px;
    border-radius:22px;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,253,255,.96));
    border:1px solid #d9eaf2;
    box-shadow:0 14px 30px rgba(31,48,68,.075);
}
.ani-stat-card::before{
    content:"";
    position:absolute;
    left:0;
    top:16px;
    width:4px;
    height:46px;
    border-radius:0 999px 999px 0;
    background:linear-gradient(180deg,#41b4c6,#ffca62);
    opacity:.55;
}
.ani-stat-card::after{
    right:-28px;
    bottom:-40px;
    width:96px;
    height:96px;
    background:linear-gradient(135deg,rgba(53,169,182,.11),rgba(255,202,58,.08));
}
.ani-stat-icon{
    width:48px;
    height:48px;
    border-radius:17px;
    box-shadow:0 8px 18px rgba(31,48,68,.07);
}
.ani-stat-card small{
    color:#5c7286;
    font-size:11.5px;
    letter-spacing:.5px;
}
.ani-stat-card strong{
    color:#18344f;
    font-size:24px;
    letter-spacing:-.25px;
}

.ani-top-info-row{
    grid-template-columns:1fr 1fr 1fr;
    gap:14px;
    align-items:stretch;
    margin:16px 0 18px;
}
.ani-top-info-card{
    min-height:154px;
    border-radius:24px;
    padding:18px 18px 16px;
    background:linear-gradient(135deg,#ffffff 0%,#f8fcff 100%);
    border:1px solid #d8e9f1;
    box-shadow:0 16px 34px rgba(31,48,68,.08);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.ani-top-info-card:hover{
    transform:translateY(-2px);
    border-color:#bee2eb;
    box-shadow:0 20px 40px rgba(31,48,68,.105);
}
.ani-top-info-card::after{
    width:105px;
    height:105px;
    right:-40px;
    bottom:-45px;
    background:linear-gradient(135deg,rgba(53,169,182,.10),rgba(255,202,58,.08));
}
.ani-top-info-card .ani-top-icon{
    width:46px;
    height:46px;
    min-width:46px;
    border-radius:17px;
    font-size:19px;
}
.ani-top-info-card span{
    color:#5b7388;
    font-size:11.5px;
    letter-spacing:.55px;
    margin-bottom:6px;
}
.ani-top-info-card h3{
    color:#20384f;
    font-size:18px;
    line-height:1.25;
    margin-bottom:9px;
}
.ani-top-info-card p,
.ani-top-rules li{
    color:#4d6578;
    font-size:13.5px;
    line-height:1.48;
}
.ani-top-info-card.ani-top-week{
    background:linear-gradient(135deg,#244158 0%,#277f94 74%,#35a9b6 100%);
    border-color:rgba(255,255,255,.25);
    box-shadow:0 18px 38px rgba(31,83,103,.18);
}
.ani-top-info-card.ani-top-week::after{
    background:rgba(255,255,255,.10);
}
.ani-top-info-card.ani-top-week .ani-top-icon{
    background:rgba(255,255,255,.94);
    border-color:rgba(255,255,255,.9);
}
.ani-top-info-card.ani-top-week span,
.ani-top-info-card.ani-top-week h3,
.ani-top-info-card.ani-top-week p,
.ani-top-info-card.ani-top-week a{
    color:#fff;
}
.ani-top-info-card.ani-top-week p{
    color:rgba(255,255,255,.86);
}
.ani-top-info-card.ani-top-week a{
    width:max-content;
    padding:8px 12px;
    border-radius:13px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.22);
}
.ani-top-rules{
    gap:7px;
}
.ani-top-rules li::before{
    color:#24a9bc;
}
.ani-top-mini-list{
    grid-template-columns:1fr;
    gap:7px;
}
.ani-top-mini-list a{
    min-height:46px;
    padding:7px 9px;
    border-radius:15px;
    background:linear-gradient(135deg,#f8fcff,#ffffff);
}
.ani-top-mini-list img{
    width:34px;
    height:34px;
    min-width:34px;
}
.ani-top-mini-list strong{
    max-width:260px;
    font-size:12.5px;
}

@media (max-width:1199px){
    .ani-top-info-row{grid-template-columns:1fr;}
    .ani-top-info-card{min-height:auto;}
}
@media (max-width:767px){
    .ani-stat-card{min-height:72px;padding:13px 15px;}
    .ani-stat-card strong{font-size:22px;}
    .ani-top-info-card{padding:16px;border-radius:21px;}
    .ani-top-info-card h3{font-size:16.5px;}
}


/* Anı Defteri v2 - mikro etkileşimler ve topluluk geliştirmeleri */
.ani-weekly-story-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:14px 0 16px;
    padding:18px 20px;
    border-radius:24px;
    border:1px solid rgba(207,230,239,.95);
    background:
        radial-gradient(circle at 88% 18%, rgba(255,202,58,.18), transparent 25%),
        linear-gradient(135deg, #eefaff 0%, #fff8df 58%, #ffffff 100%);
    box-shadow:0 18px 42px rgba(31,48,68,.10);
    overflow:hidden;
    position:relative;
}

.ani-weekly-story-card::after{
    content:"";
    position:absolute;
    right:-58px;
    bottom:-72px;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(53,169,182,.13);
}

.ani-weekly-story-left{
    position:relative;
    z-index:2;
    min-width:0;
}

.ani-weekly-kicker{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#4b6578;
    font-size:12px;
    font-weight:950;
    letter-spacing:.5px;
    margin-bottom:5px;
}

.ani-weekly-story-card h2{
    margin:0 0 6px;
    color:#20384f;
    font-size:22px;
    line-height:1.18;
    font-weight:950;
    letter-spacing:-.25px;
}

.ani-weekly-story-card p{
    margin:0;
    color:#536b7d;
    font-size:14px;
    line-height:1.55;
    font-weight:650;
    max-width:900px;
}

.ani-weekly-meta{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:12px;
    flex-wrap:wrap;
}

.ani-weekly-meta img{
    width:36px;
    height:36px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #fff;
    box-shadow:0 8px 16px rgba(31,48,68,.13);
}

.ani-weekly-meta strong,
.ani-weekly-meta span{
    color:#31556f;
    font-size:12px;
    font-weight:900;
}

.ani-weekly-meta span{
    background:rgba(255,255,255,.85);
    border:1px solid #dcebf2;
    border-radius:999px;
    padding:5px 9px;
}

.ani-weekly-read{
    position:relative;
    z-index:2;
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:44px;
    padding:0 18px;
    border-radius:16px;
    background:linear-gradient(135deg, #ffca3a, #ff8a4b);
    color:#fff;
    font-weight:950;
    box-shadow:0 14px 28px rgba(255,154,70,.30);
    transition:all .24s ease;
}

.ani-weekly-read:hover{
    color:#fff;
    text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 18px 36px rgba(255,154,70,.38);
}

.ani-compose-card-live{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:14px;
}

.ani-today-pulse{
    min-width:210px;
    padding:9px 13px;
    border-radius:18px;
    background:linear-gradient(135deg, #f8fcff, #fffdf4);
    border:1px solid #dcebf2;
    box-shadow:0 8px 18px rgba(31,48,68,.055);
}

.ani-today-pulse span{
    display:block;
    color:#698092;
    font-size:10.5px;
    font-weight:950;
    letter-spacing:.55px;
    text-transform:uppercase;
}

.ani-today-pulse strong{
    display:block;
    color:#20384f;
    font-size:16px;
    font-weight:950;
    line-height:1.25;
}

.ani-today-pulse small{
    display:block;
    color:#536b7d;
    font-size:11px;
    font-weight:800;
    margin-top:2px;
}

.ani-filter-bar-search{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}

.ani-filter-chips{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.ani-search-box{
    min-width:235px;
    height:42px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    border:1px solid #d7e8f1;
    box-shadow:0 10px 22px rgba(31,48,68,.07);
}

.ani-search-box i{
    color:#3a7187;
}

.ani-search-box input{
    width:100%;
    border:0;
    background:transparent;
    outline:0;
    color:#20384f;
    font-size:13px;
    font-weight:800;
}

.ani-search-box input::placeholder{
    color:#7b91a3;
}

.ani-memory-card{
    position:relative;
}

.ani-memory-card.has-editor-badge .ani-memory-header{
    padding-top:8px;
}

.ani-editor-badge{
    position:absolute;
    top:13px;
    right:14px;
    z-index:4;
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:6px 10px;
    border-radius:999px;
    font-size:10.5px;
    line-height:1;
    font-weight:950;
    border:1px solid rgba(220,232,241,.95);
    background:#fff;
    color:#31556f;
    box-shadow:0 10px 22px rgba(31,48,68,.09);
}

.ani-editor-weekly{
    color:#9b6200;
    background:linear-gradient(135deg, #fff8dc, #fff);
    border-color:#f4d98a;
}

.ani-editor-popular{
    color:#bf4d21;
    background:linear-gradient(135deg, #fff0e8, #fff);
    border-color:#ffd2be;
}

.ani-editor-read{
    color:#236295;
    background:linear-gradient(135deg, #eaf6ff, #fff);
    border-color:#cbe8ff;
}

.ani-editor-comment{
    color:#5d4bb0;
    background:linear-gradient(135deg, #f1edff, #fff);
    border-color:#ded6ff;
}

.ani-memory-card:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 44px rgba(31,48,68,.13);
}

.ani-memory-card:hover .ani-author img{
    transform:scale(1.06);
}

.ani-author img{
    transition:transform .24s ease, box-shadow .24s ease;
}

.ani-memory-card:hover .ani-memory-body h3{
    transform:translateY(-1px);
}

.ani-memory-body h3{
    transition:transform .24s ease;
}

.ani-read-btn i{
    transition:transform .22s ease;
}

.ani-read-btn:hover i{
    transform:translateX(4px);
}

.ani-popularity-line{
    height:5px;
    width:100%;
    margin:2px 0 12px;
    border-radius:999px;
    background:#edf5f9;
    overflow:hidden;
}

.ani-popularity-line span{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg, #35a9b6, #ffca3a);
    box-shadow:0 0 14px rgba(53,169,182,.18);
}

.ani-memory-header .ani-author span{
    max-width:260px;
}

.ani-stat-card strong{
    font-size:24px;
    font-weight:950;
    letter-spacing:-.35px;
}

.ani-top-info-card{
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.ani-top-info-card:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 36px rgba(31,48,68,.12);
    border-color:#bde2ec;
}

.ani-top-week{
    background:
        radial-gradient(circle at 95% 94%, rgba(255,255,255,.12), transparent 28%),
        linear-gradient(135deg, #24546a, #2c98a8);
}

.ani-top-week h3,
.ani-top-week p,
.ani-top-week span{
    color:#fff;
}

.ani-top-week p{
    color:rgba(255,255,255,.84);
}

.ani-top-week .ani-top-icon{
    background:rgba(255,255,255,.92);
}

@media (max-width:1199px){
    .ani-compose-card-live{
        grid-template-columns:1fr auto;
    }
    .ani-today-pulse{
        grid-column:1 / -1;
        order:3;
        width:100%;
    }
}

@media (max-width:767px){
    .ani-weekly-story-card{
        align-items:flex-start;
        flex-direction:column;
        padding:16px;
    }

    .ani-weekly-story-card h2{
        font-size:19px;
    }

    .ani-weekly-read{
        width:100%;
        justify-content:center;
    }

    .ani-compose-card-live{
        grid-template-columns:1fr;
    }

    .ani-compose-btn{
        width:100%;
        justify-content:center;
    }

    .ani-filter-bar-search{
        align-items:stretch;
    }

    .ani-filter-chips,
    .ani-search-box{
        width:100%;
    }

    .ani-search-box{
        min-width:0;
    }

    .ani-editor-badge{
        position:static;
        width:max-content;
        margin:0 0 8px;
    }

    .ani-memory-card.has-editor-badge .ani-memory-header{
        padding-top:0;
    }
}

/* ===============================
   Anı Defteri v3 - 4 sütun ve birleşik üst alan
   =============================== */
.ani-highlight-compose-row{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(360px,.9fr);
    gap:14px;
    align-items:stretch;
    margin:14px 0 16px;
}

.ani-highlight-compose-row .ani-weekly-story-card,
.ani-highlight-compose-row .ani-compose-card{
    margin:0;
    min-height:182px;
}

.ani-highlight-compose-row .ani-weekly-story-card{
    padding:17px 20px;
}

.ani-highlight-compose-row .ani-weekly-story-card h2{
    font-size:21px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.ani-highlight-compose-row .ani-weekly-story-card p{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.ani-compose-card-side{
    grid-template-columns:1fr;
    align-content:space-between;
    padding:17px 18px;
}

.ani-compose-card-side .ani-compose-left{
    align-items:flex-start;
}

.ani-compose-card-side .ani-compose-left img{
    width:48px;
    height:48px;
}

.ani-compose-card-side .ani-compose-left strong{
    font-size:15px;
    line-height:1.25;
}

.ani-compose-card-side .ani-compose-left span{
    font-size:12.5px;
    line-height:1.45;
}

.ani-compose-card-side .ani-today-pulse{
    width:100%;
    min-width:0;
    padding:9px 12px;
}

.ani-compose-card-side .ani-compose-btn{
    width:max-content;
    justify-self:end;
    min-height:42px;
    padding:10px 17px;
}

.ani-top-info-row{
    gap:12px;
    margin-bottom:14px;
}

.ani-top-info-card{
    min-height:168px;
    padding:17px 18px;
    border-radius:23px;
}

.ani-top-info-card h3{
    font-size:17px;
    line-height:1.23;
    margin-bottom:7px;
}

.ani-top-info-card p,
.ani-top-rules li{
    font-size:13px;
    line-height:1.42;
}

.ani-top-info-card .ani-top-icon{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:15px;
}

.ani-top-mini-list{
    gap:6px;
}

.ani-top-mini-list a{
    min-height:42px;
    padding:6px 8px;
}

.ani-memory-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.ani-memory-card.ani-memory-compact{
    min-height:235px;
    border-radius:22px;
}

.ani-memory-card.ani-memory-compact .ani-memory-header{
    padding:15px 16px 8px;
}

.ani-memory-card.ani-memory-compact .ani-author{
    gap:9px;
}

.ani-memory-card.ani-memory-compact .ani-author img{
    width:42px;
    height:42px;
}

.ani-memory-card.ani-memory-compact .ani-author strong{
    font-size:13.5px;
    max-width:175px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ani-memory-card.ani-memory-compact .ani-author span{
    font-size:11.2px;
    max-width:185px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ani-memory-card.ani-memory-compact .ani-memory-body{
    padding:6px 17px 8px;
    min-height:102px;
}

.ani-memory-card.ani-memory-compact .ani-memory-body h3{
    min-height:42px;
    font-size:17px;
    line-height:1.22;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.ani-memory-card.ani-memory-compact .ani-memory-body p{
    font-size:13.2px;
    line-height:1.45;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.ani-memory-card.ani-memory-compact .ani-popularity-line{
    margin:0 0 9px;
}

.ani-memory-card.ani-memory-compact .ani-memory-footer{
    padding:11px 14px 13px;
}

.ani-memory-card.ani-memory-compact .ani-reaction{
    min-height:31px;
    padding:6px 8px;
    font-size:11.5px;
}

.ani-memory-card.ani-memory-compact .ani-read-btn{
    min-height:36px;
    padding:8px 13px;
    font-size:12px;
}

.ani-editor-badge{
    top:11px;
    right:12px;
    font-size:10px;
    padding:5px 8px;
}

.ani-memory-card.has-editor-badge .ani-memory-header{
    padding-top:26px;
}

@media (max-width:1599px){
    .ani-memory-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:1199px){
    .ani-highlight-compose-row{
        grid-template-columns:1fr;
    }

    .ani-compose-card-side{
        grid-template-columns:1fr auto auto;
    }

    .ani-memory-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:767px){
    .ani-highlight-compose-row{
        gap:12px;
    }

    .ani-compose-card-side{
        grid-template-columns:1fr;
    }

    .ani-compose-card-side .ani-compose-btn{
        width:100%;
        justify-self:stretch;
    }

    .ani-memory-grid{
        grid-template-columns:1fr;
    }

    .ani-memory-card.ani-memory-compact{
        min-height:auto;
    }
}

/* Ani Detay Sayfasi - Modern Okuma Odakli Tasarim */
.ani-detail-page{font-family:"Inter","Roboto",Arial,sans-serif;color:#20384f;background:radial-gradient(circle at 8% 6%, rgba(70,185,200,.12), transparent 28%),radial-gradient(circle at 92% 9%, rgba(246,200,95,.15), transparent 25%),linear-gradient(180deg,#f5fbff 0%,#ffffff 100%);}
.ani-reading-progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,#33a6ba,#ffb33c);z-index:9999;box-shadow:0 4px 14px rgba(51,166,186,.32);}
.ani-detail-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:10px 0 16px;padding:24px 28px;border-radius:28px;background:linear-gradient(135deg,#eaf8ff 0%,#fff8df 58%,#ffffff 100%);border:1px solid #d3eaf3;box-shadow:0 18px 42px rgba(31,48,68,.10);position:relative;overflow:hidden;}
.ani-detail-hero::before{content:"";position:absolute;right:-70px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(53,169,182,.13);}
.ani-detail-hero::after{content:"";position:absolute;left:-80px;bottom:-100px;width:220px;height:220px;border-radius:50%;background:rgba(255,202,58,.17);}
.ani-detail-hero-main,.ani-detail-hero-actions{position:relative;z-index:2;}
.ani-detail-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.86);border:1px solid #d8edf3;color:#31566f;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:950;box-shadow:0 6px 14px rgba(31,48,68,.06);margin-bottom:10px;}
.ani-detail-hero h1{margin:0;color:#20384f;font-size:34px;line-height:1.12;font-weight:950;letter-spacing:-.55px;}
.ani-detail-hero p{max-width:760px;margin:10px 0 0;color:#536879;font-size:14.5px;line-height:1.65;font-weight:700;}
.ani-detail-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.ani-detail-primary-btn,.ani-detail-ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;padding:11px 16px;font-weight:950;transition:all .24s ease;text-decoration:none;border:1px solid transparent;white-space:nowrap;}
.ani-detail-primary-btn{background:linear-gradient(135deg,#ffca3a,#ff8a4b);color:#fff;box-shadow:0 12px 26px rgba(255,154,70,.30);}
.ani-detail-primary-btn:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 32px rgba(255,154,70,.39);}
.ani-detail-ghost-btn{background:rgba(255,255,255,.92);color:#31566f;border-color:#d6e8f1;box-shadow:0 8px 18px rgba(31,48,68,.06);}
.ani-detail-ghost-btn:hover{color:#20384f;text-decoration:none;transform:translateY(-2px);border-color:#aedae7;}
.ani-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start;}
.ani-detail-main{min-width:0;display:grid;gap:18px;}
.ani-detail-article-card,.ani-detail-comments-card,.ani-detail-side-card{background:rgba(255,255,255,.96);border:1px solid #dbeaf3;border-radius:28px;box-shadow:0 18px 42px rgba(31,48,68,.09);position:relative;overflow:hidden;}
.ani-detail-article-card{padding:26px;}
.ani-detail-article-card::after,.ani-detail-comments-card::after,.ani-detail-side-card::after{content:"";position:absolute;right:-44px;bottom:-54px;width:130px;height:130px;border-radius:50%;background:rgba(53,169,182,.08);pointer-events:none;}
.ani-detail-author-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:22px;position:relative;z-index:2;}
.ani-detail-author{display:flex;align-items:center;gap:13px;min-width:0;}
.ani-detail-author img{width:62px;height:62px;border-radius:22px;object-fit:cover;border:4px solid #fff;box-shadow:0 13px 28px rgba(31,48,68,.15);}
.ani-detail-author strong{display:block;font-size:16px;font-weight:950;color:#20384f;line-height:1.2;}
.ani-detail-author span{display:block;color:#668092;font-size:12.5px;font-weight:800;margin-top:4px;}
.ani-detail-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;}
.ani-detail-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:950;border:1px solid #e1edf4;background:#fff;color:#426176;box-shadow:0 7px 16px rgba(31,48,68,.06);}
.ani-detail-badge.gold{background:linear-gradient(135deg,#fff8df,#ffffff);border-color:#f2dfa2;color:#9a6b00;}
.ani-detail-badge.cyan{background:linear-gradient(135deg,#e9f8ff,#ffffff);border-color:#bde5ef;color:#24708c;}
.ani-detail-title-block{text-align:center;max-width:860px;margin:0 auto 18px;position:relative;z-index:2;}
.ani-detail-title-kicker{display:block;color:#5d7487;font-size:12px;font-weight:950;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px;}
.ani-detail-title-block h2{margin:0;color:#17324a;font-size:34px;line-height:1.22;font-weight:950;letter-spacing:-.55px;text-transform:none;}
.ani-detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 22px;position:relative;z-index:2;}
.ani-detail-stat-card{display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#f8fcff,#ffffff);border:1px solid #dfeaf2;border-radius:18px;padding:12px 13px;color:#20384f;text-decoration:none;box-shadow:0 9px 20px rgba(31,48,68,.055);transition:all .24s ease;}
.ani-detail-stat-card:hover{text-decoration:none;color:#20384f;transform:translateY(-2px);border-color:#badfea;box-shadow:0 14px 28px rgba(31,48,68,.10);}
.ani-detail-stat-card.liked{background:linear-gradient(135deg,#fff0f5,#ffffff);border-color:#ffd2df;}
.ani-detail-stat-card span:first-child{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#eefaff,#fff8df);border:1px solid #dcebf2;flex-shrink:0;}
.ani-detail-stat-card strong{display:block;font-size:17px;font-weight:950;color:#16324a;line-height:1.1;}
.ani-detail-stat-card small{display:block;font-size:10.5px;font-weight:900;color:#678092;text-transform:uppercase;letter-spacing:.3px;}
.ani-detail-content{position:relative;z-index:2;background:linear-gradient(180deg,#ffffff,#fbfdff);border:1px solid #e1edf4;border-radius:24px;padding:28px 30px;color:#2f465a;font-size:17px;line-height:1.9;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);}
.ani-detail-content p{margin-bottom:16px;color:#2f465a;line-height:1.9;}
.ani-detail-content img{max-width:100%;border-radius:18px;box-shadow:0 12px 28px rgba(31,48,68,.12);}
.ani-detail-article-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid #e2edf4;position:relative;z-index:2;}
.ani-detail-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.ani-detail-share span{font-size:12px;font-weight:950;color:#5d7487;text-transform:uppercase;letter-spacing:.4px;margin-right:2px;}
.ani-detail-share a,.ani-detail-share button{border:1px solid #dbe8f1;background:#fff;color:#365a72;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;box-shadow:0 7px 16px rgba(31,48,68,.055);transition:all .22s ease;cursor:pointer;}
.ani-detail-share a:hover,.ani-detail-share button:hover{text-decoration:none;transform:translateY(-1px);border-color:#aedae7;color:#20384f;}
.ani-detail-back-link{color:#2f819a;font-weight:950;white-space:nowrap;}
.ani-detail-back-link:hover{color:#20384f;text-decoration:none;}
.ani-detail-comments-card{padding:22px;}
.ani-detail-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;position:relative;z-index:2;}
.ani-detail-section-head span{display:block;color:#5d7487;font-size:12px;font-weight:950;letter-spacing:.6px;text-transform:uppercase;}
.ani-detail-section-head h3{margin:3px 0 0;color:#17324a;font-size:24px;font-weight:950;letter-spacing:-.25px;}
.ani-detail-section-head>strong{background:#f4fbff;border:1px solid #d9eaf4;border-radius:999px;color:#31566f;padding:8px 12px;font-size:12px;font-weight:950;}
.ani-detail-comments-list{display:grid;gap:12px;position:relative;z-index:2;}
.ani-detail-comment-item{display:flex;gap:12px;background:linear-gradient(135deg,#f8fcff,#ffffff);border:1px solid #e0ebf3;border-radius:20px;padding:13px;}
.ani-detail-comment-item>img{width:42px;height:42px;border-radius:16px;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 18px rgba(31,48,68,.12);flex-shrink:0;}
.ani-detail-comment-content{min-width:0;flex:1;}
.ani-detail-comment-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:5px;}
.ani-detail-comment-top strong{font-weight:950;color:#20384f;}
.ani-detail-comment-top small{color:#708699;font-size:11px;font-weight:800;}
.ani-detail-comment-content p{margin:0;color:#435a6d;font-weight:650;line-height:1.55;}
.ani-detail-comment-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;}
.ani-detail-comment-actions a{font-size:12px;font-weight:900;color:#2f819a;}
.ani-detail-comment-actions a.danger{color:#d95d55;}
.ani-detail-empty-comment{text-align:center;padding:28px 16px;border:1px dashed #cfe3ef;border-radius:20px;background:#f8fcff;color:#637b8e;}
.ani-detail-empty-comment i{font-size:34px;display:block;margin-bottom:8px;}
.ani-detail-empty-comment strong{display:block;color:#20384f;font-weight:950;}
.ani-detail-comment-form{margin-top:16px;background:linear-gradient(135deg,#eefaff,#fffdf4);border:1px solid #d8eaf3;border-radius:22px;padding:18px;position:relative;z-index:2;}
.ani-detail-comment-form h4{margin:0;color:#20384f;font-size:18px;font-weight:950;}
.ani-detail-comment-form p{margin:3px 0 12px;color:#637b8e;font-size:12.5px;font-weight:750;}
.ani-detail-comment-form textarea{border-radius:18px;border:1px solid #d7e6ef;padding:14px;font-weight:650;color:#20384f;box-shadow:inset 0 2px 7px rgba(31,48,68,.035);resize:vertical;}
.ani-detail-comment-form .ani-detail-primary-btn{border:0;margin-top:12px;}
.ani-detail-sidebar{display:grid;gap:16px;position:sticky;top:82px;}
.ani-detail-side-card{padding:20px;}
.ani-detail-cta-card{background:linear-gradient(135deg,#253b53,#2f8ca0);color:#fff;}
.ani-detail-cta-card::after{background:rgba(255,255,255,.12);}
.ani-detail-cta-card>span{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);font-size:22px;margin-bottom:10px;}
.ani-detail-cta-card h3{color:#fff;font-size:20px;font-weight:950;margin-bottom:8px;}
.ani-detail-cta-card p{color:rgba(255,255,255,.84);font-weight:700;line-height:1.55;}
.ani-detail-cta-card a{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:950;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:9px 12px;margin-top:6px;background:rgba(255,255,255,.12);}
.ani-detail-cta-card a:hover{text-decoration:none;background:rgba(255,255,255,.20);}
.ani-detail-side-head{display:flex;align-items:center;gap:10px;margin-bottom:13px;position:relative;z-index:2;}
.ani-detail-side-head span{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#eefaff,#fff8df);border:1px solid #dcebf2;}
.ani-detail-side-head h3{margin:0;color:#20384f;font-size:18px;font-weight:950;}
.ani-detail-side-list{display:grid;gap:9px;position:relative;z-index:2;}
.ani-detail-side-list a{display:flex;align-items:center;gap:10px;background:#f8fcff;border:1px solid #e0ebf3;border-radius:17px;padding:10px;color:#20384f;transition:all .22s ease;min-width:0;}
.ani-detail-side-list a:hover{text-decoration:none;transform:translateY(-1px);background:#fff;border-color:#badfea;box-shadow:0 10px 22px rgba(31,48,68,.08);}
.ani-detail-side-list img{width:42px;height:42px;border-radius:15px;object-fit:cover;border:3px solid #fff;box-shadow:0 7px 16px rgba(31,48,68,.10);flex-shrink:0;}
.ani-detail-side-list strong{display:block;max-width:235px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#20384f;font-size:13px;font-weight:950;}
.ani-detail-side-list small{display:block;max-width:235px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6f8496;font-size:11px;font-weight:800;margin-top:2px;}
.ani-detail-modal{border:0;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(31,48,68,.18);}
.ani-detail-modal .modal-header{background:linear-gradient(135deg,#253b53,#2f8ca0);color:#fff;border:0;}
.ani-detail-modal .modal-title{color:#fff;font-weight:950;}
@media (max-width:1199px){.ani-detail-layout{grid-template-columns:1fr}.ani-detail-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.ani-detail-cta-card{grid-column:1/-1}}
@media (max-width:767px){.ani-detail-page{padding-left:4px;padding-right:4px}.ani-detail-hero{padding:20px;align-items:flex-start;flex-direction:column}.ani-detail-hero h1{font-size:28px}.ani-detail-hero-actions{justify-content:flex-start}.ani-detail-article-card,.ani-detail-comments-card,.ani-detail-side-card{border-radius:22px;padding:18px}.ani-detail-author-row{flex-direction:column}.ani-detail-title-block{text-align:left}.ani-detail-title-block h2{font-size:25px}.ani-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ani-detail-content{padding:20px;font-size:15.5px;line-height:1.78}.ani-detail-article-footer{align-items:flex-start;flex-direction:column}.ani-detail-sidebar{grid-template-columns:1fr}.ani-detail-section-head{align-items:flex-start;flex-direction:column}.ani-detail-comment-top{align-items:flex-start;flex-direction:column;gap:2px}}


/* ==============================
   Katip Online Blog Modern Sayfa
   ============================== */
.blog-page{
    font-family:"Inter", "Roboto", Arial, sans-serif;
    color:#20384f;
    background:
        radial-gradient(circle at 8% 6%, rgba(98,198,183,.13), transparent 28%),
        radial-gradient(circle at 92% 8%, rgba(246,200,95,.16), transparent 28%),
        linear-gradient(180deg, #f6fbff 0%, #ffffff 100%);
}
.blog-page a{color:inherit;text-decoration:none;}
.blog-page a:hover{text-decoration:none;}
.blog-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    align-items:center;
    gap:28px;
    padding:28px 32px;
    border-radius:28px;
    border:1px solid #cfe8f2;
    background:linear-gradient(135deg, #eaf8ff 0%, #fff8df 60%, #ffffff 100%);
    box-shadow:0 18px 42px rgba(31,48,68,.10);
    overflow:hidden;
    position:relative;
    margin-bottom:16px;
}
.blog-hero::before{content:"";position:absolute;right:-72px;top:-90px;width:245px;height:245px;border-radius:50%;background:rgba(53,169,182,.13);}
.blog-hero::after{content:"";position:absolute;left:-84px;bottom:-105px;width:225px;height:225px;border-radius:50%;background:rgba(255,202,58,.16);}
.blog-hero-content,.blog-hero-visual{position:relative;z-index:2;}
.blog-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.88);border:1px solid #d8edf3;color:#31566f;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:950;box-shadow:0 6px 14px rgba(31,48,68,.06);margin-bottom:12px;}
.blog-hero h1{font-size:34px;line-height:1.12;font-weight:950;letter-spacing:-.6px;margin:0 0 10px;color:#17334e;}
.blog-hero p{max-width:840px;color:#52687a;font-size:15px;line-height:1.65;font-weight:650;margin:0 0 14px;}
.blog-hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.blog-primary-btn,.blog-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:17px;padding:11px 17px;font-weight:950;font-size:13px;transition:all .24s ease;}
.blog-primary-btn{background:linear-gradient(135deg,#ffca3a,#ff8a4b);color:#fff;box-shadow:0 14px 28px rgba(255,154,70,.30);}
.blog-secondary-btn{background:#fff;color:#31566f;border:1px solid #d1e4ef;box-shadow:0 8px 18px rgba(31,48,68,.06);}
.blog-primary-btn:hover,.blog-secondary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(31,48,68,.13);}
.blog-hero-visual{height:160px;border-radius:26px;background:linear-gradient(135deg,#ffffff,#eaf8ff);border:1px solid #dbeef5;box-shadow:0 16px 34px rgba(31,48,68,.12);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.blog-hero-visual::before{content:"📚";font-size:82px;filter:drop-shadow(0 10px 14px rgba(31,48,68,.16));}
.blog-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;}
.blog-stat-card{min-height:76px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.94);border:1px solid #dcebf3;border-radius:22px;padding:15px 17px;box-shadow:0 12px 28px rgba(31,48,68,.07);position:relative;overflow:hidden;}
.blog-stat-card::after{content:"";position:absolute;right:-28px;bottom:-38px;width:94px;height:94px;border-radius:50%;background:rgba(53,169,182,.08);}
.blog-stat-icon{width:46px;height:46px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eefaff,#fff8df);border:1px solid #dcebf2;font-size:22px;flex-shrink:0;}
.blog-stat-card small{display:block;font-size:11px;font-weight:950;color:#60798d;text-transform:uppercase;letter-spacing:.4px;}
.blog-stat-card strong{font-size:24px;font-weight:950;color:#17334e;letter-spacing:-.4px;line-height:1;}
.blog-featured-card{display:grid;grid-template-columns:360px minmax(0,1fr);gap:0;border:1px solid #d6eaf3;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#fffaf0 100%);box-shadow:0 18px 42px rgba(31,48,68,.10);margin-bottom:16px;position:relative;}
.blog-featured-image{min-height:245px;overflow:hidden;background:#eef7fb;}
.blog-featured-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.blog-featured-card:hover .blog-featured-image img{transform:scale(1.045);}
.blog-featured-content{padding:24px 26px;display:flex;flex-direction:column;justify-content:center;position:relative;}
.blog-featured-kicker{display:inline-flex;align-items:center;gap:7px;width:max-content;background:#fff7e8;color:#9b6100;border:1px solid #f4d895;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.4px;margin-bottom:12px;}
.blog-featured-content h2{font-size:28px;font-weight:950;line-height:1.17;color:#17334e;margin:0 0 10px;letter-spacing:-.45px;}
.blog-featured-content p{font-size:14px;line-height:1.65;color:#536b7d;font-weight:650;margin:0 0 14px;max-width:820px;}
.blog-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.blog-meta-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #dcebf3;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;color:#436174;}
.blog-read-btn{display:inline-flex;align-items:center;gap:8px;width:max-content;background:linear-gradient(135deg,#2f9eb2,#4fc0ac);color:#fff;border-radius:17px;padding:11px 16px;font-weight:950;box-shadow:0 13px 25px rgba(47,158,178,.25);transition:all .24s ease;}
.blog-read-btn i{transition:transform .24s ease;}
.blog-read-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 17px 34px rgba(47,158,178,.34);}
.blog-read-btn:hover i{transform:translateX(4px);}
.blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(255,255,255,.92);border:1px solid #dcebf3;border-radius:24px;padding:13px 14px;margin-bottom:16px;box-shadow:0 14px 30px rgba(31,48,68,.07);}
.blog-category-chips{display:flex;flex-wrap:wrap;gap:9px;}
.blog-category-chips a{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #d8e8f2;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:900;color:#31566f;box-shadow:0 7px 16px rgba(31,48,68,.05);transition:all .22s ease;}
.blog-category-chips a.active,.blog-category-chips a:hover{background:linear-gradient(135deg,#e9f8ff,#fff8df);border-color:#9fd7e6;color:#20384f;transform:translateY(-1px);}
.blog-search-box{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #d6e7f0;border-radius:18px;padding:0 14px;min-width:300px;height:46px;box-shadow:inset 0 2px 6px rgba(31,48,68,.04);}
.blog-search-box i{color:#2f7e9a;}
.blog-search-box input{border:0;outline:0;background:transparent;width:100%;font-weight:750;color:#20384f;}
.blog-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start;}
.blog-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;background:rgba(255,255,255,.94);border:1px solid #dcebf3;border-radius:24px;padding:18px 20px;margin-bottom:14px;box-shadow:0 14px 30px rgba(31,48,68,.07);}
.blog-section-head span{display:block;font-size:12px;font-weight:950;color:#60798d;text-transform:uppercase;letter-spacing:.5px;}
.blog-section-head h2{font-size:25px;font-weight:950;color:#17334e;margin:3px 0 0;letter-spacing:-.35px;}
.blog-section-head small{font-weight:850;color:#60798d;}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.blog-article-card{background:rgba(255,255,255,.96);border:1px solid #dcebf3;border-radius:24px;overflow:hidden;box-shadow:0 13px 30px rgba(31,48,68,.075);position:relative;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;display:flex;flex-direction:column;min-height:410px;}
.blog-article-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#ffb12d,#36a9b9);z-index:2;}
.blog-article-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(31,48,68,.13);border-color:#b9dfea;}
.blog-card-image{height:165px;background:#eef7fb;overflow:hidden;position:relative;}
.blog-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .36s ease;}
.blog-article-card:hover .blog-card-image img{transform:scale(1.06);}
.blog-card-badge{position:absolute;top:12px;left:14px;background:rgba(255,255,255,.94);border:1px solid #dcebf3;color:#31566f;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;box-shadow:0 8px 18px rgba(31,48,68,.10);}
.blog-card-body{padding:17px 18px 0;display:flex;flex-direction:column;flex:1;}
.blog-card-title{font-size:18px;font-weight:950;line-height:1.25;color:#17334e;margin:0 0 9px;letter-spacing:-.25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card-title a{transition:color .22s ease;}
.blog-article-card:hover .blog-card-title a{color:#2f8fa5;}
.blog-card-summary{font-size:13.5px;line-height:1.58;font-weight:650;color:#536b7d;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:8px;}
.blog-card-meta span{display:inline-flex;align-items:center;gap:5px;border:1px solid #deebf3;background:#f8fcff;border-radius:999px;padding:6px 9px;font-size:11.5px;font-weight:850;color:#536f82;}
.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:13px 18px 16px;border-top:1px solid #e7f0f5;background:linear-gradient(135deg,#f9fdff,#ffffff);}
.blog-card-footer small{font-size:11px;font-weight:950;color:#7a8ea0;text-transform:uppercase;letter-spacing:.35px;}
.blog-card-link{display:inline-flex;align-items:center;gap:7px;color:#2b8fa5;font-weight:950;font-size:13px;}
.blog-card-link i{transition:transform .22s ease;}
.blog-card-link:hover i{transform:translateX(4px);}
.blog-side{display:grid;gap:14px;}
.blog-side-card{background:rgba(255,255,255,.96);border:1px solid #dcebf3;border-radius:24px;padding:18px;box-shadow:0 14px 30px rgba(31,48,68,.075);position:relative;overflow:hidden;}
.blog-side-card::after{content:"";position:absolute;right:-32px;bottom:-42px;width:96px;height:96px;border-radius:50%;background:rgba(53,169,182,.08);}
.blog-side-head{display:flex;align-items:center;gap:11px;margin-bottom:13px;position:relative;z-index:2;}
.blog-side-icon{width:43px;height:43px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eefaff,#fff8df);border:1px solid #dcebf2;font-size:20px;}
.blog-side-head h3{font-size:18px;font-weight:950;color:#17334e;margin:0;}
.blog-side-list{display:grid;gap:10px;position:relative;z-index:2;}
.blog-side-list a{display:flex;gap:10px;align-items:center;background:#f8fcff;border:1px solid #deebf3;border-radius:17px;padding:10px;transition:all .22s ease;}
.blog-side-list a:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 24px rgba(31,48,68,.09);}
.blog-side-list img{width:54px;height:54px;border-radius:15px;object-fit:cover;border:2px solid #fff;box-shadow:0 8px 15px rgba(31,48,68,.10);flex-shrink:0;}
.blog-side-list strong{display:block;font-size:13px;font-weight:950;color:#20384f;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-side-list small{display:block;font-size:11px;font-weight:800;color:#70889a;margin-top:3px;}
.blog-tag-cloud{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:2;}
.blog-tag-cloud a{display:inline-flex;background:#f8fcff;border:1px solid #deebf3;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;color:#436174;transition:all .22s ease;}
.blog-tag-cloud a:hover{background:linear-gradient(135deg,#e9f8ff,#fff8df);border-color:#a8dbe8;transform:translateY(-1px);}
.blog-cta-card{background:linear-gradient(135deg,#24566f,#2f9eb2);color:#fff;border:0;}
.blog-cta-card .blog-side-icon{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);}
.blog-cta-card h3,.blog-cta-card p{color:#fff;position:relative;z-index:2;}
.blog-cta-card p{font-size:13px;line-height:1.55;font-weight:700;margin:0 0 12px;}
.blog-cta-card a{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);color:#fff;border-radius:999px;padding:10px 13px;font-weight:950;position:relative;z-index:2;}
.blog-empty-card{background:#fff;border:1px solid #dcebf3;border-radius:24px;padding:35px;text-align:center;color:#60798d;font-weight:850;}
.blog-pagination-modern{margin:18px 0 8px;}
.blog-pagination-modern .btn-group{gap:7px;}
.blog-pagination-modern .btn{border-radius:13px;border:1px solid #d9e8f1;color:#31566f;background:#fff;font-weight:900;min-width:38px;box-shadow:0 8px 16px rgba(31,48,68,.06);}
.blog-pagination-modern .btn-primary,.blog-pagination-modern .current{background:linear-gradient(135deg,#2f9eb2,#4fc0ac);border-color:#2f9eb2;color:#fff;}
.blog-seo-accordion{margin-top:16px;border:1px solid #d6eaf3;border-radius:26px;background:linear-gradient(135deg,#eefaff,#fff8df 62%,#fff);box-shadow:0 16px 36px rgba(31,48,68,.08);overflow:hidden;}
.blog-seo-toggle{width:100%;border:0;background:transparent;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:#17334e;}
.blog-seo-toggle span{font-size:12px;font-weight:950;color:#60798d;letter-spacing:.45px;text-transform:uppercase;}
.blog-seo-toggle strong{display:block;font-size:25px;font-weight:950;line-height:1.18;}
.blog-seo-toggle i{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dcebf3;color:#31566f;box-shadow:0 8px 16px rgba(31,48,68,.06);}
.blog-seo-content{display:none;padding:0 24px 24px;}
.blog-seo-accordion.open .blog-seo-content{display:block;}
.blog-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.blog-seo-card{background:rgba(255,255,255,.94);border:1px solid #dcebf3;border-radius:22px;padding:18px;box-shadow:0 10px 22px rgba(31,48,68,.05);}
.blog-seo-card span{width:42px;height:42px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eefaff,#fff8df);border:1px solid #dcebf2;margin-bottom:10px;font-size:19px;}
.blog-seo-card h3{font-size:17px;font-weight:950;color:#17334e;margin:0 0 7px;}
.blog-seo-card p{font-size:13px;line-height:1.6;color:#536b7d;font-weight:650;margin:0;}
.blog-newsletter{margin-top:16px;padding:22px;border-radius:26px;border:1px solid #d6eaf3;background:linear-gradient(135deg,#20384f,#2f9eb2);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 16px 36px rgba(31,48,68,.13);}
.blog-newsletter h3{font-size:23px;font-weight:950;color:#fff;margin:0 0 4px;}
.blog-newsletter p{margin:0;color:rgba(255,255,255,.84);font-weight:700;}
.blog-newsletter a{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#24566f;border-radius:17px;padding:11px 16px;font-weight:950;}
@media (max-width:1399px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.blog-main-layout{grid-template-columns:minmax(0,1fr) 320px;}.blog-featured-card{grid-template-columns:320px minmax(0,1fr);}}
@media (max-width:1199px){.blog-hero{grid-template-columns:1fr;}.blog-hero-visual{display:none;}.blog-main-layout{grid-template-columns:1fr;}.blog-side{grid-template-columns:repeat(2,minmax(0,1fr));}.blog-featured-card{grid-template-columns:1fr;}.blog-featured-image{height:250px;}}
@media (max-width:991px){.blog-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.blog-toolbar{align-items:stretch;flex-direction:column;}.blog-search-box{min-width:0;width:100%;}.blog-side{grid-template-columns:1fr;}.blog-seo-grid{grid-template-columns:1fr;}.blog-newsletter{align-items:flex-start;flex-direction:column;}}
@media (max-width:767px){.blog-hero{padding:22px 18px;border-radius:22px;}.blog-hero h1{font-size:28px;}.blog-card-grid{grid-template-columns:1fr;}.blog-featured-content{padding:20px;}.blog-featured-content h2{font-size:23px;}.blog-section-head{align-items:flex-start;flex-direction:column;}.blog-stat-card{min-height:68px;}.blog-newsletter a{width:100%;justify-content:center;}}


/* BLOG REKLAM ALANI VE SON DÜZENLEMELER */
.blog-ad{
    width:100%;
    border:2px dashed #d4dee8;
    background:linear-gradient(135deg,#f3f6fa 0%,#f8fafc 100%);
    color:#7b8da0;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 26px rgba(32,56,79,.055);
    transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease;
    overflow:hidden;
    position:relative;
}
.blog-ad::after{
    content:"";
    position:absolute;
    right:-34px;
    bottom:-42px;
    width:110px;
    height:110px;
    border-radius:50%;
    background:rgba(73,169,187,.08);
}
.blog-ad:hover{
    border-color:#b8d7e3;
    background:linear-gradient(135deg,#f8fbfd 0%,#ffffff 100%);
    box-shadow:0 15px 32px rgba(32,56,79,.085);
    transform:translateY(-1px);
}
.blog-ad > div{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
}
.blog-ad span{
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.7px;
}
.blog-ad strong{
    color:#5f7184;
    font-size:18px;
    font-weight:950;
    letter-spacing:.15px;
}
.blog-ad small{
    color:#9aa8b6;
    font-size:11px;
    font-weight:800;
}
.blog-ad-hero{
    min-height:96px;
    margin:14px 0 16px;
}
.blog-ad-feed{
    min-height:180px;
    grid-column:1 / -1;
    margin:4px 0 8px;
}
.blog-ad-sidebar{
    min-height:250px;
    margin-bottom:16px;
}
.blog-ad-sidebar-large{
    min-height:600px;
}
.blog-ad-footer{
    min-height:210px;
    margin:18px 0;
}
.blog-article-card:hover{
    transform:translateY(-5px);
}
.blog-article-card:hover .blog-card-image img{
    transform:scale(1.05);
}
.blog-card-image img{
    transition:transform .35s ease;
}
.blog-article-card:hover .blog-card-title a{
    color:#2c91a8;
}
.blog-card-link i,
.blog-read-btn i,
.blog-newsletter a i,
.blog-cta-card a i{
    transition:transform .22s ease;
}
.blog-card-link:hover i,
.blog-read-btn:hover i,
.blog-newsletter a:hover i,
.blog-cta-card a:hover i{
    transform:translateX(4px);
}
.blog-search-box i{
    color:#2c91a8;
}

@media (max-width: 991px){
    .blog-ad-sidebar,
    .blog-ad-sidebar-large{
        min-height:170px;
    }
    .blog-ad-feed,
    .blog-ad-footer{
        min-height:150px;
    }
}

@media (max-width: 575px){
    .blog-ad{
        border-radius:18px;
    }
    .blog-ad-hero{
        min-height:84px;
    }
    .blog-ad-feed,
    .blog-ad-footer,
    .blog-ad-sidebar,
    .blog-ad-sidebar-large{
        min-height:130px;
    }
    .blog-ad strong{
        font-size:16px;
    }
}


/* Blog reklam alanları: yazısız, sade placeholder */
.blog-ad{
    background:linear-gradient(135deg,#f1f4f8 0%,#f7f9fc 100%);
    border:2px dashed #d1dce8;
}
.blog-ad > div,
.blog-ad span,
.blog-ad strong,
.blog-ad small{
    display:none;
}
.blog-ad::after{
    background:rgba(73,169,187,.055);
}
.blog-ad-sidebar-large{
    min-height:420px;
}
@media (min-width: 1600px){
    .blog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 1199px){
    .blog-ad-sidebar-large{min-height:170px;}
}


/* =========================================================
   BLOG DETAY MODERN TASARIM - Katip Online
   ========================================================= */
.blog-detail-page{
    font-family:"Inter","Roboto",Arial,sans-serif;
    color:#20384f;
    background:
        radial-gradient(circle at 8% 5%, rgba(98,198,183,.12), transparent 28%),
        radial-gradient(circle at 92% 7%, rgba(246,200,95,.16), transparent 25%),
        linear-gradient(180deg,#f6fbff 0%,#ffffff 100%);
}
.blog-detail-page a{text-decoration:none;}
.blog-detail-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin:8px 0 12px;
    color:#718699;
    font-size:12px;
    font-weight:800;
}
.blog-detail-breadcrumb a{color:#3aaec3;}
.blog-detail-breadcrumb span{color:#90a0ae;}
.blog-detail-hero{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    padding:30px;
    margin-bottom:14px;
    background:linear-gradient(135deg,#eaf8ff 0%,#fff8df 58%,#ffffff 100%);
    border:1px solid #d3eaf3;
    box-shadow:0 18px 42px rgba(31,48,68,.10);
}
.blog-detail-hero::before{
    content:"";
    position:absolute;
    right:-90px;
    top:-110px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(53,169,182,.13);
}
.blog-detail-hero::after{
    content:"";
    position:absolute;
    left:-80px;
    bottom:-115px;
    width:230px;
    height:230px;
    border-radius:50%;
    background:rgba(255,202,58,.20);
}
.blog-detail-hero-inner{position:relative;z-index:2;max-width:980px;}
.blog-detail-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    background:rgba(255,255,255,.86);
    border:1px solid #d8edf3;
    color:#31566f;
    border-radius:999px;
    padding:7px 12px;
    font-size:12px;
    font-weight:950;
    box-shadow:0 6px 14px rgba(31,48,68,.06);
    margin-bottom:12px;
}
.blog-detail-hero h1{
    margin:0;
    color:#20384f;
    font-size:40px;
    line-height:1.16;
    font-weight:950;
    letter-spacing:-.75px;
    max-width:1020px;
}
.blog-detail-excerpt{
    max-width:860px;
    margin:12px 0 0;
    color:#536879;
    font-size:15.5px;
    line-height:1.65;
    font-weight:650;
}
.blog-detail-meta-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px;
    margin-top:16px;
}
.blog-detail-meta-pill{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 11px;
    border-radius:999px;
    background:#fff;
    border:1px solid #e2eef5;
    color:#365a72;
    font-size:12px;
    font-weight:850;
    box-shadow:0 6px 14px rgba(31,48,68,.055);
}
.blog-detail-actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:18px;
}
.blog-detail-primary-btn,.blog-detail-secondary-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:16px;
    padding:11px 16px;
    font-weight:950;
    transition:all .24s ease;
}
.blog-detail-primary-btn{
    color:#fff;
    background:linear-gradient(135deg,#ffca3a,#ff8a4b);
    box-shadow:0 12px 26px rgba(255,154,70,.30);
}
.blog-detail-secondary-btn{
    color:#31566f;
    background:rgba(255,255,255,.9);
    border:1px solid #d8edf3;
}
.blog-detail-primary-btn:hover,.blog-detail-secondary-btn:hover{
    transform:translateY(-2px);
    text-decoration:none;
}
.blog-detail-primary-btn:hover{color:#fff;box-shadow:0 16px 32px rgba(255,154,70,.39);}
.blog-detail-secondary-btn:hover{color:#20384f;background:#fff;}
.blog-detail-ad{
    min-height:90px;
    border-radius:22px;
    background:#f4f7fb;
    border:2px dashed #d7dee9;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.blog-detail-ad.leaderboard{min-height:90px;margin:14px 0;}
.blog-detail-ad.rectangle{min-height:250px;margin:18px 0;}
.blog-detail-ad.sidebar-md{min-height:250px;margin-bottom:14px;}
.blog-detail-ad.sidebar-lg{min-height:600px;margin-bottom:14px;}
.blog-detail-layout{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 330px;
    gap:18px;
    align-items:start;
}
.blog-detail-main{min-width:0;}
.blog-detail-article-card{
    overflow:hidden;
    border-radius:30px;
    background:#fff;
    border:1px solid #e0ebf3;
    box-shadow:0 18px 42px rgba(31,48,68,.085);
}
.blog-detail-cover{
    position:relative;
    display:block;
    height:360px;
    overflow:hidden;
    background:#eef6fb;
}
.blog-detail-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.blog-detail-cover::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:42%;
    background:linear-gradient(180deg,transparent,rgba(20,39,58,.48));
}
.blog-detail-article-body{padding:30px;}
.blog-detail-author-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
    padding:14px;
    border-radius:22px;
    background:linear-gradient(135deg,#f8fcff,#fffdf5);
    border:1px solid #e0ebf3;
    margin-bottom:18px;
}
.blog-detail-author-left{display:flex;align-items:center;gap:12px;}
.blog-detail-author-avatar{
    width:48px;
    height:48px;
    border-radius:17px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#3aaec3,#62c6b7);
    color:#fff;
    font-size:22px;
    box-shadow:0 10px 20px rgba(58,174,195,.22);
}
.blog-detail-author-left strong{display:block;color:#20384f;font-size:14px;font-weight:950;}
.blog-detail-author-left span{display:block;color:#6a7f91;font-size:12px;font-weight:750;margin-top:2px;}
.blog-detail-share-inline{display:flex;align-items:center;gap:8px;}
.blog-detail-share-inline a,.blog-detail-share-inline button{
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    border:1px solid #dce8f1;
    background:#fff;
    color:#31566f;
    transition:all .22s ease;
    cursor:pointer;
}
.blog-detail-share-inline a:hover,.blog-detail-share-inline button:hover{
    transform:translateY(-2px);
    color:#20384f;
    border-color:#b9dfeb;
    box-shadow:0 10px 22px rgba(31,48,68,.09);
}
.blog-detail-content{
    color:#31485d;
    font-size:17.5px;
    line-height:1.95;
    font-weight:520;
}
.blog-detail-content p{margin:0 0 22px;}
.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4{
    color:#20384f;
    font-weight:950;
    letter-spacing:-.25px;
    line-height:1.25;
}
.blog-detail-content h2{
    position:relative;
    margin:34px 0 16px;
    padding:14px 16px 14px 20px;
    border-radius:18px;
    background:linear-gradient(135deg,#eefaff,#fffdf4);
    border:1px solid #dcebf2;
    font-size:26px;
    overflow:hidden;
}
.blog-detail-content h2::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:6px;
    background:linear-gradient(180deg,#3aaec3,#ffca3a);
}
.blog-detail-content h3{
    margin:28px 0 12px;
    font-size:22px;
}
.blog-detail-content ul,.blog-detail-content ol{padding-left:24px;margin:0 0 22px;}
.blog-detail-content li{margin-bottom:8px;}
.blog-detail-content img{
    display:block;
    max-width:100%;
    height:auto;
    margin:36px auto;
    border-radius:22px;
    box-shadow:0 14px 34px rgba(31,48,68,.10);
}
.blog-detail-content blockquote{
    margin:26px 0;
    padding:20px 22px;
    border-left:6px solid #3aaec3;
    border-radius:18px;
    background:linear-gradient(135deg,#eefaff,#ffffff);
    color:#365a72;
    font-weight:750;
}
.blog-detail-content table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    border-radius:18px;
    border:1px solid #e0ebf3;
    margin:24px 0;
}
.blog-detail-content th,.blog-detail-content td{
    padding:12px 14px;
    border-bottom:1px solid #e9f0f6;
    vertical-align:top;
}
.blog-detail-content th{background:#f4fbff;color:#20384f;font-weight:950;}
.blog-detail-content .toc,.blog-detail-toc{
    display:block;
    width:100%;
    padding:18px;
    margin:0 0 24px;
    border-radius:22px;
    background:linear-gradient(135deg,#f8fcff,#fffdf5);
    border:1px solid #e0ebf3;
    box-shadow:0 12px 26px rgba(31,48,68,.06);
}
.blog-detail-content .toc::before{
    content:"📑 İçindekiler";
    display:block;
    color:#20384f;
    font-size:17px;
    font-weight:950;
    margin-bottom:10px;
}
.blog-detail-content .toc ul{margin:0;padding-left:20px;}
.blog-detail-content .toc li{margin:6px 0;color:#4f6475;font-size:14px;font-weight:800;}
.blog-detail-content .toc a{color:#31566f;}
.blog-detail-content .toc a:hover{color:#3aaec3;}
.blog-detail-note-card{
    display:flex;
    gap:13px;
    align-items:flex-start;
    padding:18px;
    border-radius:22px;
    background:linear-gradient(135deg,#fff8df,#ffffff);
    border:1px solid #f1dfaa;
    margin:24px 0;
    color:#40566a;
}
.blog-detail-note-card span{font-size:24px;line-height:1;}
.blog-detail-note-card strong{display:block;color:#20384f;font-size:16px;font-weight:950;margin-bottom:4px;}
.blog-detail-note-card p{margin:0;color:#5d7081;font-size:14px;line-height:1.6;font-weight:700;}
.blog-detail-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:26px 0;
    padding:24px;
    border-radius:26px;
    background:linear-gradient(135deg,#263b52,#1f6f8b);
    box-shadow:0 18px 36px rgba(31,48,68,.16);
    overflow:hidden;
    position:relative;
}
.blog-detail-cta::after{
    content:"";
    position:absolute;
    right:-45px;
    bottom:-55px;
    width:140px;
    height:140px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
}
.blog-detail-cta div,.blog-detail-cta a{position:relative;z-index:2;}
.blog-detail-cta h3{margin:0 0 6px;color:#fff;font-size:23px;font-weight:950;}
.blog-detail-cta p{margin:0;color:rgba(255,255,255,.82);font-size:14px;font-weight:700;}
.blog-detail-cta a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:11px 15px;
    border-radius:15px;
    background:linear-gradient(135deg,#ffca3a,#ff8a4b);
    color:#fff;
    font-weight:950;
    box-shadow:0 12px 26px rgba(255,154,70,.30);
}
.blog-detail-cta a:hover{color:#fff;text-decoration:none;transform:translateY(-2px);}
.blog-detail-feedback{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:18px;
    margin:24px 0 0;
    border-radius:22px;
    background:#f8fcff;
    border:1px solid #e0ebf3;
}
.blog-detail-feedback strong{color:#20384f;font-weight:950;}
.blog-detail-feedback div{display:flex;gap:8px;}
.blog-detail-feedback button{
    border:1px solid #dce8f1;
    background:#fff;
    border-radius:999px;
    padding:8px 12px;
    color:#31566f;
    font-weight:900;
    cursor:pointer;
    transition:all .22s ease;
}
.blog-detail-feedback button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(31,48,68,.08);}
.blog-detail-side{position:sticky;top:88px;align-self:start;display:grid;gap:14px;}
.blog-detail-side-card{
    border-radius:24px;
    background:rgba(255,255,255,.96);
    border:1px solid #e0ebf3;
    box-shadow:0 14px 30px rgba(31,48,68,.075);
    padding:18px;
    overflow:hidden;
}
.blog-detail-side-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.blog-detail-side-icon{
    width:40px;
    height:40px;
    border-radius:15px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#eefaff,#fff8df);
    border:1px solid #dcebf2;
    font-size:20px;
}
.blog-detail-side-head h3{margin:0;color:#20384f;font-size:16px;font-weight:950;}
.blog-detail-side-card p{color:#607789;font-size:13.5px;line-height:1.55;font-weight:650;margin-bottom:12px;}
.blog-detail-side-card .blog-side-list a{
    display:flex;
    gap:10px;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #edf3f8;
    transition:all .22s ease;
}
.blog-detail-side-card .blog-side-list a:last-child{border-bottom:0;}
.blog-detail-side-card .blog-side-list a:hover{transform:translateX(3px);}
.blog-detail-side-card .blog-side-list img{
    width:56px;
    height:48px;
    border-radius:14px;
    object-fit:cover;
    background:#eef6fb;
}
.blog-detail-side-card .blog-side-list strong{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color:#20384f;
    font-size:12.5px;
    line-height:1.35;
    font-weight:900;
}
.blog-detail-side-card .blog-side-list small{display:block;color:#718699;font-size:11px;font-weight:750;margin-top:4px;}
.blog-detail-side-cta{
    background:linear-gradient(135deg,#20384f,#2f819a);
    color:#fff;
}
.blog-detail-side-cta h3,.blog-detail-side-cta p{color:#fff;}
.blog-detail-side-cta p{color:rgba(255,255,255,.82);}
.blog-detail-side-cta a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff;
    background:linear-gradient(135deg,#ffca3a,#ff8a4b);
    padding:9px 13px;
    border-radius:14px;
    font-weight:950;
}
.blog-detail-side-cta a:hover{color:#fff;text-decoration:none;}

.blog-detail-cta-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:flex-end;
}
.blog-detail-cta-actions a:nth-child(n+2){
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.28);
    box-shadow:none;
}
.blog-detail-content figure{
    margin:36px auto;
    text-align:center;
}
.blog-detail-content figure img{
    margin:0 auto 10px;
}
.blog-detail-content figcaption{
    color:#718699;
    font-size:13px;
    line-height:1.5;
    font-weight:650;
}
.blog-detail-content .wp-caption,
.blog-detail-content .image-caption{
    max-width:100%;
    margin:36px auto;
    text-align:center;
}
.blog-detail-related-card img,
.blog-detail-side-card .blog-side-list img{
    object-position:center;
}

.blog-detail-related{
    margin-top:18px;
    padding:22px;
    border-radius:28px;
    background:linear-gradient(180deg,#ffffff,#f8fcff);
    border:1px solid #e0ebf3;
    box-shadow:0 14px 30px rgba(31,48,68,.065);
}
.blog-detail-related-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px;}
.blog-detail-related-head span{display:block;color:#3aaec3;font-size:11px;font-weight:950;letter-spacing:.7px;text-transform:uppercase;}
.blog-detail-related-head h2{margin:2px 0 0;color:#20384f;font-size:22px;font-weight:950;}
.blog-detail-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.blog-detail-related-card{
    overflow:hidden;
    border-radius:20px;
    background:#fff;
    border:1px solid #e4eef5;
    box-shadow:0 10px 24px rgba(31,48,68,.055);
    transition:all .22s ease;
}
.blog-detail-related-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(31,48,68,.10);}
.blog-detail-related-card img{width:100%;height:105px;object-fit:cover;background:#eef6fb;}
.blog-detail-related-card div{padding:12px;}
.blog-detail-related-card strong{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color:#20384f;
    font-size:13px;
    line-height:1.35;
    font-weight:950;
}
.blog-detail-related-card small{display:block;color:#718699;font-size:11px;font-weight:750;margin-top:7px;}
.blog-detail-seo-accordion{
    margin-top:18px;
    border-radius:26px;
    background:#fff;
    border:1px solid #e0ebf3;
    box-shadow:0 14px 30px rgba(31,48,68,.065);
    overflow:hidden;
}
.blog-detail-seo-toggle{
    width:100%;
    border:0;
    background:linear-gradient(135deg,#eefaff,#fff8df);
    padding:18px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
}
.blog-detail-seo-toggle span{display:block;color:#3aaec3;font-size:11px;font-weight:950;letter-spacing:.7px;text-transform:uppercase;text-align:left;}
.blog-detail-seo-toggle strong{display:block;color:#20384f;font-size:17px;font-weight:950;text-align:left;}
.blog-detail-seo-content{display:none;padding:18px;}
.blog-detail-seo-accordion.open .blog-detail-seo-content{display:block;}
.blog-detail-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.blog-detail-seo-card{border-radius:18px;border:1px solid #e4eef5;background:#fff;padding:16px;}
.blog-detail-seo-card span{font-size:24px;}
.blog-detail-seo-card h3{margin:8px 0 6px;color:#20384f;font-size:15px;font-weight:950;}
.blog-detail-seo-card p{margin:0;color:#607789;font-size:13px;line-height:1.55;font-weight:650;}
@media (max-width:1199px){
    .blog-detail-layout{grid-template-columns:1fr;}
    .blog-detail-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}
    .blog-detail-ad.sidebar-lg{min-height:280px;}
}
@media (max-width:767px){
    .blog-detail-page{padding-left:0;padding-right:0;}
    .blog-detail-hero{padding:22px;border-radius:24px;}
    .blog-detail-hero h1{font-size:28px;}
    .blog-detail-cover{height:220px;}
    .blog-detail-article-body{padding:20px;}
    .blog-detail-content{font-size:16px;line-height:1.82;}
    .blog-detail-content h2{font-size:21px;}
    .blog-detail-cta{flex-direction:column;align-items:flex-start;}
    .blog-detail-side{grid-template-columns:1fr;}
    .blog-detail-related-grid,.blog-detail-seo-grid{grid-template-columns:1fr;}
    .blog-detail-related-head{display:block;}
}