*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Noto Sans KR',sans-serif;background:#050b16;color:white}a{text-decoration:none;color:inherit}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 80% 10%,#2332ff55,transparent 32%),radial-gradient(circle at 15% 25%,#0aa8ff33,transparent 30%),#050b16;z-index:-1}
.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#07101fcc;border-bottom:1px solid #1a2b48;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}
.logo{font-weight:900;font-size:22px;color:#fff}.topbar nav{display:flex;gap:28px;color:#b8c4dc;font-size:15px}.small-btn,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 22px;font-weight:800}.small-btn,.primary{background:linear-gradient(135deg,#1c7dff,#654bff);box-shadow:0 0 24px #246bff66}.secondary{border:1px solid #385074;background:#0c1728;color:#dce8ff}
.hero{max-width:1180px;margin:auto;padding:90px 24px 55px;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.badge{display:inline-block;border:1px solid #2674ff;background:#071c3b;color:#80b6ff;border-radius:999px;padding:10px 16px;font-size:13px}.hero h1{font-size:56px;line-height:1.16;margin:22px 0}.hero h1 span{color:#4b8dff}.desc{font-size:18px;color:#b8c5dc;line-height:1.75}.desc b{color:white}.hero-actions{display:flex;gap:14px;margin:30px 0}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{border:1px solid #1f3455;background:#0b1628;border-radius:999px;padding:9px 13px;color:#cbd7ec}
.hero-card{min-height:430px;display:grid;place-items:center}.signal-card{width:100%;max-width:430px;border:1px solid #29406c;border-radius:28px;padding:26px;background:linear-gradient(145deg,#12234acc,#060d1bcc);box-shadow:0 0 70px #225dff55}.signal-head{display:flex;justify-content:space-between;color:#8fb9ff}.signal-head b{font-size:28px;color:#55ff9c}.signal-card h3{font-size:26px}.signal-card p{color:#b6c5dc}.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.signal-grid div{padding:16px;border-radius:16px;background:#081428;border:1px solid #1a2d4e}.signal-grid small{display:block;color:#8493ad}.signal-grid strong{display:block;margin-top:7px;font-size:20px}.signal-card button{width:100%;padding:15px;border:0;border-radius:12px;background:#1e75ff;color:white;font-weight:900}
.stats{max-width:1180px;margin:auto;padding:0 24px 60px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats div,.cards article,.referral{background:linear-gradient(145deg,#111d33cc,#07101fcc);border:1px solid #1d2d49;border-radius:20px;padding:24px}.stats p{color:#91a2bc;margin:0 0 12px}.stats b{font-size:28px}
.section{max-width:1180px;margin:auto;padding:62px 24px}.section h2{text-align:center;font-size:36px;margin:0 0 10px}.sub{text-align:center;color:#9eadc4;margin:0 0 30px}.cards{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.cards h3{font-size:24px}.cards p,.cards li{color:#b8c6dc;line-height:1.7}.table{border:1px solid #1d2d49;border-radius:18px;overflow:hidden;background:#07101f}.row{display:grid;grid-template-columns:.8fr .8fr 1fr 1fr 1fr 1fr 1fr;padding:16px;border-bottom:1px solid #172642;color:#dce7f7}.row.head{color:#8fa0bb;background:#091a31}.green{color:#54f18a}.blue{color:#62a3ff;font-weight:900}
.plan .price{font-size:34px;font-weight:900;margin:16px 0}.plan ul{padding-left:20px}.vip{box-shadow:0 0 45px #246bff44}.block{width:100%;margin-top:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps div{padding:28px;border-radius:20px;background:#0b1729;border:1px solid #22385e;text-align:center}.steps b{font-size:24px;color:#62a3ff}.steps p{color:#c7d3e8}
.referral{text-align:center}.referral p{color:#c2cde0;margin-bottom:24px}footer{text-align:center;padding:45px 20px;color:#8e9bb1;border-top:1px solid #172641;background:#040913}
@media(max-width:860px){.topbar{padding:0 18px}.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero h1{font-size:38px}.hero-actions{flex-direction:column}.stats,.three,.two,.steps{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr 1fr;font-size:14px}.row span:nth-child(n+4){display:none}}