
/*
Theme Name: Kuningan Hosting Modern
Theme URI: https://kuninganhosting.com/
Description: Modern homepage child theme for GeneratePress.
Author: OpenAI
Version: 1.0.0
Template: generatepress
*/
:root{--kh-dark:#071426;--kh-dark-2:#0b1d35;--kh-blue:#2878ff;--kh-cyan:#25d7ff;--kh-text:#172033;--kh-muted:#6b7280;--kh-light:#f5f8fc;--kh-border:#e5eaf2;--kh-radius:20px}
*{box-sizing:border-box}.kh-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.kh-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 30%,rgba(37,215,255,.18),transparent 30%),radial-gradient(circle at 20% 20%,rgba(40,120,255,.18),transparent 35%),var(--kh-dark);color:#fff;padding:105px 0 85px}
.kh-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.kh-badge,.kh-label{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--kh-cyan)}
.kh-hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:22px 0}.kh-hero h1 span{color:var(--kh-cyan)}
.kh-hero p{max-width:600px;color:#b9c6d9;font-size:19px;line-height:1.7}.kh-hero-buttons{display:flex;gap:14px;margin-top:30px}
.kh-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:12px;font-weight:700;text-decoration:none!important;transition:.25s ease}.kh-btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--kh-blue),var(--kh-cyan));box-shadow:0 15px 35px rgba(40,120,255,.25)}.kh-btn-primary:hover{transform:translateY(-3px)}.kh-btn-outline{color:#fff!important;border:1px solid rgba(255,255,255,.2)}
.kh-mini-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:#aebbd0;font-size:13px}
.kh-window{padding:1px;border-radius:24px;background:linear-gradient(135deg,rgba(37,215,255,.6),rgba(40,120,255,.15));box-shadow:0 40px 100px rgba(0,0,0,.35);transform:rotateY(-5deg) rotateX(3deg)}
.kh-server-content{min-height:420px;padding:45px;border-radius:23px;background:linear-gradient(145deg,#102844,#081729)}.kh-window-top{display:flex;gap:7px;padding:15px 20px;background:#0d2139;border-radius:23px 23px 0 0}.kh-window-top span{width:9px;height:9px;border-radius:50%;background:#718096}
.kh-speed{display:flex;align-items:end;gap:15px;margin:25px 0}.kh-speed strong{font-size:64px;letter-spacing:-.06em}.kh-speed span{padding-bottom:13px;color:var(--kh-cyan);font-size:12px}
.kh-bars{display:flex;align-items:end;gap:7px;height:100px}.kh-bars i{flex:1;border-radius:5px;background:linear-gradient(to top,var(--kh-blue),var(--kh-cyan))}.kh-bars i:nth-child(1){height:35%}.kh-bars i:nth-child(2){height:55%}.kh-bars i:nth-child(3){height:45%}.kh-bars i:nth-child(4){height:72%}.kh-bars i:nth-child(5){height:60%}.kh-bars i:nth-child(6){height:84%}.kh-bars i:nth-child(7){height:76%}.kh-bars i:nth-child(8){height:96%}
.kh-server-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px}.kh-server-info div{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:12px}.kh-server-info small{display:block;color:#8292a8;font-size:10px}.kh-server-info b{display:block;margin-top:5px;font-size:12px}
.kh-trust{background:#fff;border-bottom:1px solid var(--kh-border)}.kh-trust-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:25px 0}.kh-trust-grid div{text-align:center;border-right:1px solid var(--kh-border)}.kh-trust-grid div:last-child{border:0}.kh-trust strong,.kh-trust span{display:block}.kh-trust strong{font-size:23px;color:var(--kh-dark)}.kh-trust span{margin-top:4px;font-size:12px;color:var(--kh-muted)}
.kh-section{padding:105px 0}.kh-section-heading{max-width:680px;margin-bottom:50px}.kh-section-heading.center{margin-inline:auto;text-align:center}.kh-section-heading>span{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--kh-blue)}.kh-section-heading h2{margin:12px 0;color:var(--kh-dark);font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.04em}.kh-section-heading p{color:var(--kh-muted);line-height:1.7}
.kh-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.kh-service-card{padding:32px;border:1px solid var(--kh-border);border-radius:var(--kh-radius);color:var(--kh-text);text-decoration:none!important;transition:.25s ease}.kh-service-card:hover{transform:translateY(-7px);border-color:#b8d2ff;box-shadow:0 20px 50px rgba(20,40,80,.08)}.kh-service-card.featured{color:#fff;background:linear-gradient(145deg,#102b50,#0a1a30)}.kh-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:25px;border-radius:14px;background:#edf5ff;font-size:23px}.kh-service-card h3{margin-bottom:10px}.kh-service-card p{min-height:70px;color:var(--kh-muted);line-height:1.6}.kh-service-card.featured p{color:#aebbd0}.kh-service-card strong{color:var(--kh-blue)}
.kh-pricing{background:var(--kh-light)}.kh-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.kh-price-card{position:relative;padding:38px;border:1px solid var(--kh-border);border-radius:24px;background:#fff}.kh-price-card.popular{border:2px solid var(--kh-blue);box-shadow:0 25px 70px rgba(40,120,255,.13)}.kh-popular{position:absolute;top:-13px;right:25px;padding:7px 13px;border-radius:30px;background:var(--kh-blue);color:#fff;font-size:10px;font-weight:800}.kh-price-card>span{color:var(--kh-muted);font-weight:700}.kh-price-card h3{margin:15px 0 5px;color:var(--kh-dark);font-size:38px}.kh-price-card h3 small{font-size:14px;color:var(--kh-muted)}.kh-price-card p{color:var(--kh-muted)}.kh-price-card ul{margin:28px 0;padding:0;list-style:none}.kh-price-card li{padding:9px 0;color:#475569;border-bottom:1px solid #edf0f5}.kh-price-card li::before{content:"✓";margin-right:9px;color:var(--kh-blue);font-weight:800}.kh-price-btn{display:block;padding:14px;border-radius:11px;text-align:center;background:#edf4ff;color:var(--kh-blue);font-weight:700;text-decoration:none!important}.popular .kh-price-btn{background:var(--kh-blue);color:#fff}
.kh-school{color:#fff;background:radial-gradient(circle at 80% 20%,rgba(37,215,255,.15),transparent 35%),var(--kh-dark)}.kh-school-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.kh-school h2{max-width:650px;margin:15px 0;font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.045em}.kh-school h2 span{color:var(--kh-cyan)}.kh-school p{max-width:570px;color:#afbdd0;line-height:1.8}.kh-school-stats{display:flex;gap:50px;margin:35px 0}.kh-school-stats strong,.kh-school-stats span{display:block}.kh-school-stats strong{font-size:36px;color:var(--kh-cyan)}.kh-school-stats span{margin-top:5px;color:#9eacc0;font-size:13px}
.kh-dashboard{min-height:390px;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:#0d2139;box-shadow:0 30px 80px rgba(0,0,0,.3)}.dash-top{height:55px;border-radius:12px;background:#153451}.dash-chart{height:150px;margin-top:20px;border-radius:12px;background:linear-gradient(150deg,transparent 40%,#25d7ff 41%,transparent 43%),linear-gradient(30deg,transparent 55%,#2878ff 56%,transparent 58%),#102944}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.dash-cards i{height:80px;border-radius:12px;background:#153451}
.kh-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--kh-border);border:1px solid var(--kh-border)}.kh-feature-grid>div{padding:35px;background:#fff}.kh-feature-grid b{color:var(--kh-blue);font-size:12px}.kh-feature-grid h3{margin:15px 0 8px}.kh-feature-grid p{margin:0;color:var(--kh-muted);line-height:1.6}
.kh-cta{padding:100px 0;text-align:center;color:#fff;background:linear-gradient(135deg,#1263e9,#0b1f3c)}.kh-cta span{color:var(--kh-cyan);font-size:12px;font-weight:800;letter-spacing:.1em}.kh-cta h2{margin:18px 0;font-size:clamp(40px,5vw,65px);line-height:1;letter-spacing:-.05em}.kh-cta p{color:#c0d0e5;margin-bottom:30px}.kh-btn-white{background:#fff;color:var(--kh-blue)!important}.kh-btn-ghost{margin-left:8px;border:1px solid rgba(255,255,255,.3);color:#fff!important}
@media(max-width:900px){.kh-hero-grid,.kh-school-grid{grid-template-columns:1fr}.kh-service-grid,.kh-price-grid{grid-template-columns:1fr 1fr}.kh-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.kh-container{width:min(100% - 28px,1180px)}.kh-hero{padding:75px 0}.kh-hero h1{font-size:46px}.kh-hero-buttons{flex-direction:column}.kh-server-content{padding:25px;min-height:330px}.kh-speed strong{font-size:48px}.kh-server-info{grid-template-columns:1fr}.kh-trust-grid{grid-template-columns:repeat(2,1fr);gap:20px}.kh-trust-grid div{border:0}.kh-section{padding:75px 0}.kh-service-grid,.kh-price-grid,.kh-feature-grid{grid-template-columns:1fr}.kh-school-stats{gap:25px}.kh-dashboard{min-height:300px}.kh-cta{padding:75px 20px}.kh-btn-ghost{margin:10px 0 0}}
