/* CSS Reset & Root Variables */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
--primary:#06b6d4;
--primary-glow:rgba(6,182,212,0.5);
--secondary:#0891b2;
--accent:#67e8f9;
--accent-glow:rgba(103,232,249,0.3);
--bg-from:#042f2e;
--bg-via:#134e4a;
--bg-to:#021716;
--card-bg:rgba(19,78,74,0.6);
--card-border:rgba(6,182,212,0.25);
--text-primary:#ffffff;
--text-secondary:rgba(255,255,255,0.8);
--radius:8px;
--transition:0.2s ease-in-out;
}
body{font-family:Inter,system-ui,sans-serif;font-weight:400;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-from),var(--bg-via),var(--bg-to));background-attachment:fixed;line-height:1.6;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;}
a{color:var(--accent);text-decoration:none;transition:var(--transition);}
a:hover{color:var(--primary);}
button{cursor:pointer;border:none;font-family:inherit;}
img{max-width:100%;display:block;}

/* Container */
.kci1-container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* Grid Overlay Decoration */
.kci1-grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(6,182,212,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,0.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}

/* Top Accent Bar */
.kci1-top-accent{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));z-index:9999;}

/* Header Navigation */
.kci1-header{position:sticky;top:0;z-index:1000;background:rgba(4,47,46,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);}
.kci1-nav{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;max-width:1200px;margin:0 auto;}
.kci1-logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--primary);}
.kci1-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;}
.kci1-nav-links{display:flex;gap:30px;align-items:center;}
.kci1-nav-links a{color:var(--text-secondary);font-weight:500;transition:var(--transition);}
.kci1-nav-links a:hover{color:var(--primary);}
.kci1-hamburger{display:none;flex-direction:column;gap:5px;background:transparent;padding:5px;}
.kci1-hamburger span{display:block;width:25px;height:3px;background:var(--primary);transition:var(--transition);}
.kci1-mobile-menu{display:none;position:fixed;top:70px;left:0;width:100%;background:rgba(4,47,46,0.98);backdrop-filter:blur(10px);padding:20px;border-bottom:1px solid var(--card-border);}
.kci1-mobile-menu.active{display:block;}
.kci1-mobile-menu a{display:block;padding:15px 0;border-bottom:1px solid var(--card-border);color:var(--text-secondary);}

/* Age Badge */
.kci1-age-badge,.age-badge{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:6px 12px;border-radius:20px;font-size:0.85rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.3);}
.kci1-age-badge-lg{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:20px 30px;border-radius:50%;font-size:2rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,0.3);width:100px;height:100px;}

/* Hero Section */
.kci1-hero{position:relative;min-height:90vh;display:flex;align-items:center;padding:60px 20px;overflow:hidden;}
.kci1-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(6,182,212,0.1),rgba(103,232,249,0.05));animation:kci1-gradient-shift 8s ease-in-out infinite;}
@keyframes kci1-gradient-shift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.kci1-hero-content{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto;width:100%;}
.kci1-hero-text h1{font-size:3.5rem;margin-bottom:20px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.kci1-hero-text p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:30px;}
.kci1-hero-cta{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px;}
.kci1-hero-disclaimer{font-size:0.9rem;color:var(--text-secondary);opacity:0.8;}
.kci1-hero-visual{display:flex;align-items:center;justify-content:center;}
.kci1-hero-badge-wrap{position:absolute;top:30px;right:30px;z-index:20;}

/* Buttons */
.kci1-btn{padding:15px 30px;border-radius:var(--radius);font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:10px;font-size:1rem;}
.kci1-btn-primary{background:var(--primary);color:#fff;border:2px solid var(--primary);}
.kci1-btn-primary:hover{background:var(--secondary);transform:scale(1.01);box-shadow:0 0 20px var(--primary-glow);}
.kci1-btn-secondary{background:transparent;color:var(--accent);border:2px solid var(--accent);}
.kci1-btn-secondary:hover{background:var(--accent);color:var(--bg-from);transform:scale(1.01);}

/* Section Styles */
.kci1-section{padding:60px 20px;position:relative;}
.kci1-section-header{text-align:center;margin-bottom:50px;}
.kci1-section-header h2{font-size:2.5rem;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:15px;}
.kci1-section-header p{font-size:1.1rem;color:var(--text-secondary);max-width:700px;margin:0 auto;}

/* Diagonal Divider */
.kci1-divider-diagonal{width:100%;height:80px;background:linear-gradient(to bottom right,var(--bg-from) 49%,var(--bg-via) 50%);margin:0;}

/* Games Grid */
.kci1-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;}
[data-game-card]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);backdrop-filter:blur(10px);}
[data-game-card]:hover{transform:scale(1.01);border-color:var(--primary);box-shadow:0 8px 30px var(--primary-glow);}
[data-game-image-wrap]{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,var(--bg-via),var(--bg-from));}
[data-game-image]{width:100%;height:100%;object-fit:cover;}
[data-game-image-fallback]{display:none;width:100%;height:100%;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--text-secondary);text-align:center;padding:20px;}
[data-game-meta]{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--card-border);}
[data-game-category]{font-size:0.85rem;color:var(--accent);font-weight:600;text-transform:uppercase;}
[data-game-title]{padding:15px;font-size:1.2rem;color:var(--text-primary);min-height:60px;}
[data-play-demo]{width:calc(100% - 30px);margin:0 15px 15px;padding:12px;background:var(--primary);color:#fff;border-radius:var(--radius);font-weight:600;transition:var(--transition);}
[data-play-demo]:hover{background:var(--secondary);transform:scale(1.01);}

/* Game Modal */
.game-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:10000;align-items:center;justify-content:center;padding:20px;}
.game-modal.active{display:flex;}
.modal-content{background:var(--bg-via);border:2px solid var(--card-border);border-radius:var(--radius);width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;}
.modal-header{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:2px solid var(--card-border);background:var(--bg-from);}
.modal-header h2{flex:1;font-size:1.5rem;}
.close-btn{background:transparent;color:var(--text-primary);font-size:2rem;padding:0 10px;transition:var(--transition);}
.close-btn:hover{color:var(--primary);transform:scale(1.1);}
#game-iframe{width:100%;flex:1;border:none;background:#000;min-height:600px;}
.demo-unavailable{display:none;flex:1;align-items:center;justify-content:center;padding:40px;background:var(--bg-from);}
.demo-unavailable p{font-size:1.5rem;color:var(--text-secondary);}

/* How It Works */
.kci1-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;}
.kci1-step-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:30px;text-align:center;backdrop-filter:blur(10px);transition:var(--transition);}
.kci1-step-card:hover{border-color:var(--primary);transform:translateY(-5px);}
.kci1-step-icon{font-size:3rem;margin-bottom:20px;}
.kci1-step-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--primary);}
.kci1-step-card p{color:var(--text-secondary);}

/* Features Bento */
.kci1-features-bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto;}
.kci1-feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:30px;backdrop-filter:blur(10px);transition:var(--transition);}
.kci1-feature-card:hover{border-color:var(--primary);transform:scale(1.01);}
.kci1-feature-icon{font-size:2.5rem;margin-bottom:15px;}
.kci1-feature-card h3{font-size:1.3rem;margin-bottom:10px;color:var(--accent);}
.kci1-feature-card p{color:var(--text-secondary);font-size:0.95rem;}

/* Trust Block */
.kci1-trust{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:40px;max-width:900px;margin:0 auto;backdrop-filter:blur(10px);}
.kci1-trust ul{list-style:none;display:grid;gap:15px;}
.kci1-trust li{display:flex;align-items:center;gap:15px;font-size:1.1rem;}
.kci1-trust li::before{content:'✓';color:var(--primary);font-size:1.5rem;font-weight:700;}

/* CTA Band */
.kci1-cta-band{background:linear-gradient(135deg,var(--secondary),var(--primary));padding:60px 20px;text-align:center;}
.kci1-cta-band h2{font-size:2.5rem;margin-bottom:20px;}
.kci1-cta-band p{font-size:1.2rem;margin-bottom:30px;opacity:0.9;}

/* Responsible Section */
.kci1-responsible{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius);padding:50px;max-width:900px;margin:0 auto;text-align:center;backdrop-filter:blur(10px);}
.kci1-responsible-icon{margin:0 auto 30px;display:flex;justify-content:center;}
.kci1-responsible h2{font-size:2rem;margin-bottom:20px;}
.kci1-responsible p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:30px;line-height:1.8;}
.kci1-responsible-links{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;}

/* FAQ Chat Style */
.kci1-faq{max-width:900px;margin:0 auto;}
.kci1-faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);margin-bottom:15px;overflow:hidden;backdrop-filter:blur(10px);}
.kci1-faq-question{padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.1rem;transition:var(--transition);}
.kci1-faq-question:hover{background:rgba(6,182,212,0.1);}
.kci1-faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.kci1-faq-answer.active{padding:20px;max-height:500px;}
.kci1-faq-toggle{color:var(--primary);font-size:1.5rem;transition:var(--transition);}
.kci1-faq-item.active .kci1-faq-toggle{transform:rotate(45deg);}

/* Footer */
.kci1-footer{background:var(--bg-from);border-top:2px solid var(--card-border);padding:50px 20px 30px;}
.kci1-footer-content{max-width:1200px;margin:0 auto;display:grid;gap:40px;text-align:center;}
.kci1-footer-logo{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:20px;}
.kci1-footer-badge{margin:20px auto;}
.kci1-footer-disclaimer{max-width:800px;margin:20px auto;padding:20px;background:rgba(220,38,38,0.1);border:1px solid rgba(220,38,38,0.3);border-radius:var(--radius);font-size:0.95rem;line-height:1.6;}
.kci1-footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:20px 0;}
.kci1-footer-links a{color:var(--text-secondary);font-size:0.95rem;}
.kci1-footer-copy{color:var(--text-secondary);font-size:0.9rem;opacity:0.7;margin-top:30px;padding-top:30px;border-top:1px solid var(--card-border);}

/* Age Verification Modal */
.kci1-age-verify-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.98);z-index:99999;align-items:center;justify-content:center;padding:20px;}
.kci1-age-verify-modal.active{display:flex;}
.kci1-age-verify-content{background:var(--bg-via);border:2px solid var(--card-border);border-radius:var(--radius);padding:50px;max-width:600px;text-align:center;}
.kci1-age-verify-content h2{font-size:2rem;margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:15px;}
.kci1-age-verify-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.8;}
.kci1-age-verify-btns{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;}

/* Category Filters */
.kci1-filters{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;}
.kci1-filter-btn{padding:10px 20px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);color:var(--text-secondary);font-weight:600;transition:var(--transition);}
.kci1-filter-btn:hover,.kci1-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}

/* Page Content */
.kci1-page-content{max-width:900px;margin:0 auto;padding:60px 20px;min-height:60vh;}
.kci1-page-content h1{font-size:2.5rem;margin-bottom:30px;color:var(--primary);}
.kci1-page-content h2{font-size:1.8rem;margin:30px 0 15px;color:var(--accent);}
.kci1-page-content p{margin-bottom:20px;line-height:1.8;color:var(--text-secondary);}
.kci1-page-content ul{margin:20px 0 20px 30px;line-height:1.8;}
.kci1-page-content li{margin-bottom:10px;color:var(--text-secondary);}

/* Age Check Banner */
.kci1-age-banner{background:linear-gradient(135deg,#dc2626,#991b1b);padding:15px 20px;text-align:center;font-weight:600;border-bottom:2px solid rgba(255,255,255,0.3);}

/* Background Suits Motif */
.kci1-suits-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0.03;z-index:0;font-size:4rem;overflow:hidden;}
.kci1-suits-bg::before{content:'♠ ♥ ♦ ♣ ♠ ♥ ♦ ♣ ♠ ♥ ♦ ♣';position:absolute;white-space:nowrap;animation:kci1-scroll-suits 30s linear infinite;}
@keyframes kci1-scroll-suits{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* Responsive */
@media(max-width:1024px){
.kci1-hero-content{grid-template-columns:1fr;}
.kci1-hero-text h1{font-size:2.5rem;}
.kci1-games-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}
}
@media(max-width:768px){
.kci1-nav-links{display:none;}
.kci1-hamburger{display:flex;}
.kci1-hero-text h1{font-size:2rem;}
.kci1-hero-cta{flex-direction:column;}
.kci1-section-header h2{font-size:2rem;}
.kci1-steps{grid-template-columns:1fr;}
.kci1-features-bento{grid-template-columns:1fr;}
.kci1-games-grid{grid-template-columns:1fr;}
#game-iframe{min-height:400px;}
}