#page-kred { 
    --c-primary: #005BAA; 
    --c-secondary: #0070BA; 
    --c-accent: #00A0E3; 
    --c-dark: #1A2A3A; 
    --c-bg: #FFFFFF; 
    --c-bg-alt: #E6F0FA; 
    --c-text: #333333; 
    --c-btn-hover-bg: var(--c-bg); 
    font-family: 'Montserrat', 'Arial', sans-serif; 
    background-color: var(--c-bg); 
    color: var(--c-text); 
}
#page-kred .page-header { background: linear-gradient(135deg, var(--c-primary), var(--c-secondary)); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
#page-kred .logo-icon { background: var(--c-bg); }
#page-kred .logo-icon i { color: var(--c-primary); font-size: 28px; }
#page-kred .logo-text { color: white; }
#page-kred .page-header nav a { color: rgba(255, 255, 255, 0.9); }
#page-kred .page-header nav a:hover { color: white; }
#page-kred nav a:after { content: ''; position: absolute; width: 0; height: 2px; bottom: -5px; left: 0; background-color: var(--c-bg); transition: width 0.3s ease; }
#page-kred nav a:hover:after { width: 100%; }
#page-kred .hero-section { background: linear-gradient(to right, rgba(0, 91, 170, 0.1), rgba(230, 240, 250, 0.8)), url('hero-bg.jpg') no-repeat center/cover; }
#page-kred .btn { background: linear-gradient(to right, var(--c-primary), var(--c-accent)); }
#page-kred .product-header { background: linear-gradient(135deg, var(--c-primary), var(--c-accent)); color: white; }
#page-kred .rate, #page-kred .product-header h3 { color: white; }
#page-kred .rate span { color: rgba(255,255,255,0.8); }
#page-kred .calculator-section { background: linear-gradient(to bottom, var(--c-bg-alt), var(--c-bg)); text-align: center; }
#page-kred .calc-container { max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
#page-kred .form-group { margin-bottom: 25px; text-align: left; }
#page-kred label { display: block; margin-bottom: 8px; font-weight: 500; }
#page-kred input[type="range"] { width: 100%; height: 8px; -webkit-appearance: none; background: linear-gradient(to right, var(--c-primary), var(--c-accent)); border-radius: 4px; outline: none; }
#page-kred input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 25px; height: 25px; background: var(--c-bg); border: 3px solid var(--c-primary); border-radius: 50%; cursor: pointer; }
#page-kred .range-values { display: flex; justify-content: space-between; margin-top: 5px; }
#page-kred .result-box { background: var(--c-bg-alt); padding: 25px; border-radius: 12px; margin: 30px 0; text-align: center; }
#page-kred .result-value { font-size: 36px; font-weight: 700; color: var(--c-primary); margin: 10px 0; }