*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 Inter,system-ui,sans-serif;color:#172033}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:5;background:#fffffff2;border-bottom:1px solid #e7ebf0;backdrop-filter:blur(12px)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:23px;font-weight:900;color:#111}.logo span{color:#e43b36}.nav nav{display:flex;gap:28px;font-size:14px;font-weight:700}.menu{display:none;border:0;background:none;font-size:25px}.hero{padding:95px 0;background:linear-gradient(135deg,#f7f9fc,#fff)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.hero small,.section small{color:#e43b36;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.05;letter-spacing:-3px;margin:16px 0}.lead{font-size:19px;color:#667184;max-width:650px}.actions{display:flex;gap:12px;margin-top:30px}.btn{padding:13px 22px;border-radius:9px;font-weight:800}.red{background:#e43b36;color:#fff}.white{background:#fff;border:1px solid #dfe4eb}.hero-box{background:#121824;color:#fff;border-radius:24px;padding:36px;box-shadow:0 25px 70px #1420332b}.hero-box>b{display:grid;place-items:center;width:54px;height:54px;background:#e43b36;border-radius:15px;font-size:24px}.hero-box h2{font-size:28px;margin:24px 0 5px}.hero-box p{color:#aeb8c8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.stats span{padding:14px;border:1px solid #2c3544;border-radius:10px;font-size:11px;color:#9da8b8}.stats strong{display:block;font-size:19px;color:#fff}.section{padding:90px 0}.gray{background:#f7f8fa}.title{display:flex;gap:28px;margin-bottom:40px}.title i{font-style:normal;color:#e43b36;font-weight:900}.title h2{font-size:38px;line-height:1.1;margin:0 0 7px;letter-spacing:-1.5px}.title p{margin:0;color:#6b7585}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article,.features article{background:#fff;border:1px solid #e6eaf0;border-radius:18px;padding:30px}.cards em,.features b{font-style:normal;color:#e43b36;font-size:12px}.cards h3,.features h3{font-size:22px;margin:20px 0 8px}.cards p,.features p,.guide p,footer p{color:#687386}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.guide h2{font-size:42px;line-height:1.1;letter-spacing:-1.5px}.guide ol{list-style:none;margin:0;padding:0;border-top:1px solid #e1e5eb}.guide li{padding:20px 0;border-bottom:1px solid #e1e5eb}.guide li b{color:#e43b36;margin-right:18px}.faq{border-top:1px solid #dfe4eb}.faq button{width:100%;border:0;border-bottom:1px solid #dfe4eb;background:none;padding:21px 4px;text-align:left;font:inherit;font-weight:800;display:flex;justify-content:space-between;cursor:pointer}.faq div{display:none;padding:0 4px 20px;color:#687386}.faq button.open+div{display:block}footer{background:#101722;color:#b7c0cd;padding:60px 0 0}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.foot .logo{color:#fff}.foot h4{color:#fff}.foot a{display:block;margin:7px 0}.copy{text-align:center;border-top:1px solid #29313e;margin-top:45px;padding:20px;font-size:12px}@media(max-width:800px){.wrap{width:calc(100% - 28px)}.menu{display:block}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:16px 20px;flex-direction:column;gap:10px}.nav nav.open{display:flex}.hero{padding:65px 0}.hero-grid,.guide{grid-template-columns:1fr;gap:35px}.cards,.features{grid-template-columns:1fr}.section{padding:65px 0}.hero h1{font-size:45px}.foot{grid-template-columns:1fr 1fr;gap:30px}.foot>div:first-child{grid-column:1/-1}}@media(max-width:480px){.hero h1{font-size:39px}.lead{font-size:16px}.actions{flex-direction:column}.btn{text-align:center}.stats{grid-template-columns:1fr}.foot{grid-template-columns:1fr}}
.nav-login,.nav-register{padding:9px 15px;border-radius:8px;font-weight:800}
.nav-login{border:1px solid #dfe4eb}
.nav-register{background:#e43b36;color:#fff}
.cta-banner{margin-top:28px;background:#121824;color:#fff;border-radius:18px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.cta-banner h3{font-size:26px;margin:5px 0}
.cta-banner p{margin:0;color:#aeb8c8}
@media(max-width:800px){.nav-login,.nav-register{display:block;text-align:center}.cta-banner{flex-direction:column;align-items:flex-start}}

/* KIM88 CTA buttons */
.actions .btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;text-align:center;cursor:pointer}
.nav-login,.nav-register{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap}
@media(max-width:800px){
  .nav nav.open .nav-login,.nav nav.open .nav-register{display:flex!important}
  .actions .btn{width:100%}
}

/* KIM88 logo image */
.logo{display:inline-flex;align-items:center;text-decoration:none}
.logo img{display:block;width:150px;height:auto;max-height:52px;object-fit:contain}
@media(max-width:800px){.logo img{width:125px;max-height:46px}}

.long-content{max-width:920px;line-height:1.85;font-size:16px}
.long-content p{margin:0 0 18px}
.long-content h3{margin:28px 0 12px}
.foot .logo img{max-width:140px;height:auto;display:block}