*{box-sizing:border-box}body,html{margin:0;background:#07090d;color:#f5f7fb;font-family:Arial,Noto Sans KR,sans-serif}body{min-height:100vh}main{max-width:1200px;margin:auto;padding:0 34px}header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2029}.logo{font-weight:900;font-size:22px;letter-spacing:-1px}.logo span{color:#ffd43b;margin-left:5px}nav{display:flex;align-items:center;gap:30px}nav a{color:#9ba3b2;font-size:14px}.login{background:#fee500;border:0;border-radius:9px;padding:12px 18px;font-weight:800;cursor:pointer}.hero{min-height:590px;display:grid;grid-template-columns:1.35fr .65fr;grid-gap:70px;gap:70px;align-items:center;position:relative}.hero:before{content:"";position:absolute;width:520px;height:520px;background:radial-gradient(circle,#242a16 0,transparent 68%);right:100px;top:40px;z-index:-1}.eyebrow{color:#ffd43b;font-size:12px;font-weight:800;letter-spacing:3px}h1{font-size:64px;line-height:1.06;letter-spacing:-4px;margin:18px 0}h1 b{color:#ffd43b}.sub{color:#8e97a6;line-height:1.8;font-size:16px}.cta{margin-top:30px;border:0;background:#ffd43b;padding:17px 24px;border-radius:10px;font-weight:900;font-size:15px;cursor:pointer}.cta span{margin-left:35px}.queue{margin-top:16px;color:#ffd43b;font-size:13px}.rankcard{background:linear-gradient(145deg,#12161d,#0c0f14);border:1px solid #252b35;border-radius:18px;padding:30px;box-shadow:0 25px 70px #0008}.cardtop{display:flex;justify-content:space-between;color:#858e9d;font-size:13px}.live{color:#65e6a1}.rating{font-size:64px;font-weight:900;margin-top:24px}.tier{color:#ffd43b;font-weight:800;font-size:12px;margin-top:4px}.tier span{color:#566070;margin:0 6px}.bar{height:5px;background:#242a34;margin:25px 0}.bar,.bar i{border-radius:9px}.bar i{display:block;width:34%;height:100%;background:#ffd43b}.stats{display:flex;gap:38px}.stats div{display:flex;flex-direction:column;gap:5px}.stats small{color:#697382}.stats strong{font-size:18px}.features{border-top:1px solid #1b2029;border-bottom:1px solid #1b2029;padding:48px 0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:50px;gap:50px}.features strong{color:#ffd43b;font-size:12px}.features h3{margin:12px 0 8px}.features p{color:#747d8c;font-size:14px;line-height:1.6;margin:0}.features>div{padding-right:30px;border-right:1px solid #202630}.features>div:last-child{border:0}footer{height:90px;display:flex;justify-content:space-between;align-items:center;color:#596270;font-size:12px}footer span:first-child{color:#cbd0d8;font-weight:800}@media(max-width:800px){main{padding:0 20px}nav a{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:60px 0}.hero:before{display:none}h1{font-size:46px}.features{grid-template-columns:1fr;gap:28px}.features>div{border-right:0;border-bottom:1px solid #202630;padding-bottom:25px}.rankcard{max-width:430px}}