@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
*{box-sizing:border-box}html{background:#020814}body{margin:0;min-height:100vh;background:radial-gradient(120% 60% at 50% 0%,#0b2a3f 0%,#04111f 45%,#020814 100%);color:#E6EEF2;font-family:'Noto Sans KR',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}
.w{max-width:520px;margin:0 auto;padding:18px 18px 48px}
.top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.logo{font-weight:700;letter-spacing:.32em;font-size:13px;text-decoration:none;color:#E6EEF2}.logo b{font-weight:700;color:#7FE7DA}
.cnt{font-size:11px;letter-spacing:.08em;color:#8FA3B0}.cnt b{color:#E6EEF2;font-weight:500}
.v{position:relative;aspect-ratio:9/16;max-height:68vh;margin:0 auto;border-radius:14px;overflow:hidden;background:#000;cursor:pointer;border:1px solid rgba(255,255,255,.08)}
.v img{width:100%;height:100%;object-fit:cover;opacity:.78;transition:opacity .3s}.v:hover img{opacity:.9}.v iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.v span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;background:rgba(2,8,20,.35);backdrop-filter:blur(4px)}
.k{font-size:11px;letter-spacing:.18em;color:#7FE7DA;margin:22px 0 8px;text-transform:uppercase}
h1{font-size:20px;line-height:1.45;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.m{font-size:12px;color:#8FA3B0;margin:0 0 20px;letter-spacing:.02em}.m a{text-decoration:none;border-bottom:1px solid rgba(143,163,176,.4)}
.btn{display:flex;justify-content:center;align-items:center;min-height:52px;border-radius:12px;font-weight:500;text-decoration:none;margin:0 0 10px;font-size:15px;letter-spacing:.02em;font-family:inherit;width:100%;cursor:pointer;transition:background .2s,border-color .2s}
.buy{background:#E6EEF2;color:#03111d;border:1px solid #E6EEF2;font-weight:700}.buy:hover{background:#fff}
.rx{background:transparent;border:1px solid rgba(127,231,218,.55);color:#7FE7DA}.rx:hover{border-color:#7FE7DA}
.dive{background:transparent;border:1px solid rgba(255,255,255,.14);color:#C9D6DD}.dive:hover{border-color:rgba(255,255,255,.35)}
.ad{font-size:11px;color:#6E8494;margin:6px 0 22px;line-height:1.6}
.d{font-size:13px;line-height:1.85;color:#B6C4CC;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:16px 0;margin:8px 0 6px}.d b{color:#E6EEF2;font-weight:500}
h2{font-size:11px;letter-spacing:.18em;margin:26px 0 12px;color:#8FA3B0;font-weight:500;text-transform:uppercase}h2 b{color:#E6EEF2;font-weight:500;letter-spacing:.02em;text-transform:none}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rel a{text-decoration:none;font-size:11px;line-height:1.4;color:#9FB0BA}.rel a:hover{color:#E6EEF2}
.rel img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:8px;display:block;margin-bottom:6px;border:1px solid rgba(255,255,255,.06);opacity:.88}
footer{font-size:11px;color:#5F7585;margin-top:34px;line-height:1.7;border-top:1px solid rgba(255,255,255,.06);padding-top:14px}footer a{text-decoration:none;color:#8FA3B0}