:root{--sp-bg:#050b13;--sp-panel:#0c1723;--sp-panel2:#101f2e;--sp-line:rgba(148,184,215,.18);--sp-text:#f5f9ff;--sp-muted:#9eb0c4;--sp-yellow:#ffd548;--sp-gold:#d9a928;--sp-blue:#3aa7ff;--sp-ok:#69dda0;--sp-bad:#ff8b8b}*{box-sizing:border-box}body.spark-body{margin:0;background:radial-gradient(circle at 50% -10%,#173454 0,#07111d 37%,var(--sp-bg) 72%);color:var(--sp-text);font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif;min-height:100vh}a{color:inherit}.sp-wrap{width:min(1120px,calc(100% - 28px));margin:auto}.sp-top{position:sticky;top:0;z-index:50;background:rgba(5,11,19,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--sp-line)}.sp-top .sp-wrap{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:12px}.sp-brand{text-decoration:none;font-weight:950;letter-spacing:-.03em}.sp-brand b{color:var(--sp-yellow)}.sp-brand small{display:block;color:var(--sp-muted);font-size:10px;letter-spacing:.13em}.sp-nav{display:flex;gap:7px}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;border:1px solid var(--sp-line);background:#122235;color:#fff;border-radius:12px;padding:11px 15px;font-weight:850;cursor:pointer}.sp-btn.gold{border:0;color:#111;background:linear-gradient(135deg,var(--sp-yellow),var(--sp-gold))}.sp-btn.ghost{background:transparent}.sp-btn:disabled{opacity:.45;cursor:not-allowed}.sp-hero{padding:70px 0 38px;text-align:center}.sp-kicker{color:var(--sp-yellow);font-weight:950;font-size:12px;letter-spacing:.15em}.sp-hero h1{font-size:clamp(38px,8vw,82px);line-height:1;margin:12px 0 18px;letter-spacing:-.06em}.sp-hero h1 span{color:var(--sp-yellow);text-shadow:0 0 35px rgba(255,213,72,.35)}.sp-hero p{max-width:760px;margin:0 auto;color:#b8c8d9;line-height:1.8;font-size:clamp(15px,2vw,19px)}.sp-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:27px}.sp-status{display:inline-flex;margin-top:18px;border:1px solid rgba(255,213,72,.3);border-radius:999px;padding:7px 12px;color:#f6dc78;font-size:12px}.sp-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:28px auto 60px}.sp-stat{background:linear-gradient(160deg,#102033,#0a141f);border:1px solid var(--sp-line);border-radius:17px;padding:18px;text-align:center}.sp-stat strong{display:block;font-size:25px;color:#fff}.sp-stat span{color:var(--sp-muted);font-size:11px}.sp-section{padding:54px 0}.sp-section.alt{border-top:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line);background:rgba(10,22,35,.7)}.sp-head{text-align:center;margin-bottom:27px}.sp-head h2{font-size:clamp(27px,5vw,45px);margin:7px 0}.sp-head p{color:var(--sp-muted);line-height:1.7}.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.sp-card{background:linear-gradient(150deg,var(--sp-panel2),var(--sp-panel));border:1px solid var(--sp-line);border-radius:18px;padding:20px}.sp-card .icon{font-size:29px}.sp-card h3{margin:10px 0 6px}.sp-card p{margin:0;color:var(--sp-muted);line-height:1.65;font-size:14px}.sp-compare{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sp-compare .sp-card b{color:var(--sp-yellow);font-size:18px}.sp-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sp-flow .sp-card strong{color:var(--sp-yellow)}.sp-faq{max-width:850px;margin:auto;display:grid;gap:9px}.sp-faq details{background:var(--sp-panel);border:1px solid var(--sp-line);border-radius:14px;padding:16px 18px}.sp-faq summary{cursor:pointer;font-weight:900}.sp-faq p{color:var(--sp-muted);line-height:1.7}.sp-foot{border-top:1px solid var(--sp-line);padding:32px 0;text-align:center;color:var(--sp-muted);font-size:12px}.sp-app{padding:22px 0 70px}.sp-login{max-width:560px;margin:45px auto;background:var(--sp-panel);border:1px solid var(--sp-line);border-radius:22px;padding:27px;text-align:center}.sp-login h1{margin:7px 0}.sp-login p{color:var(--sp-muted);line-height:1.7}.sp-kakao{background:#fee500;color:#191919;border:0}.sp-message{padding:13px;border-radius:12px;background:#0a1622;border:1px solid var(--sp-line);color:var(--sp-muted);margin:12px 0}.sp-message.ok{color:var(--sp-ok)}.sp-message.bad{color:var(--sp-bad)}.sp-dashboard{display:none}.sp-dashboard.show{display:block}.sp-summary{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-bottom:15px}.sp-balance{background:linear-gradient(135deg,#1c3754,#10243a);border:1px solid rgba(255,213,72,.28);border-radius:22px;padding:24px}.sp-balance small{color:#b7c8da}.sp-balance strong{display:block;font-size:42px;margin:5px 0;color:var(--sp-yellow)}.sp-tier{background:var(--sp-panel);border:1px solid var(--sp-line);border-radius:22px;padding:24px}.sp-tier strong{font-size:25px}.sp-progress{height:9px;background:#06101a;border-radius:999px;overflow:hidden;margin-top:12px}.sp-progress i{height:100%;display:block;background:linear-gradient(90deg,var(--sp-blue),var(--sp-yellow));width:0}.sp-tabs{display:flex;gap:7px;overflow:auto;margin:17px 0}.sp-tab{white-space:nowrap}.sp-tab.active{background:var(--sp-yellow);color:#111;border-color:transparent}.sp-view{display:none}.sp-view.active{display:block}.sp-missions{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.sp-mission{background:var(--sp-panel);border:1px solid var(--sp-line);border-radius:17px;padding:18px;cursor:pointer}.sp-mission:hover{border-color:rgba(255,213,72,.55)}.sp-mission .topline{display:flex;justify-content:space-between;gap:8px}.sp-chip{font-size:11px;color:#f7db73}.sp-reward{color:var(--sp-yellow);font-weight:950}.sp-mission h3{margin:10px 0 6px}.sp-mission p{color:var(--sp-muted);line-height:1.55;font-size:13px}.sp-history{display:grid;gap:8px}.sp-history-row{display:flex;justify-content:space-between;gap:15px;background:var(--sp-panel);border:1px solid var(--sp-line);border-radius:13px;padding:14px}.sp-history-row small{display:block;color:var(--sp-muted);margin-top:4px}.sp-plus{color:var(--sp-ok);font-weight:950}.sp-minus{color:var(--sp-bad);font-weight:950}.sp-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:100;align-items:center;justify-content:center;padding:16px}.sp-modal.show{display:flex}.sp-modal-card{width:min(620px,100%);max-height:92vh;overflow:auto;background:#0d1926;border:1px solid #38506a;border-radius:22px;padding:23px}.sp-modal-head{display:flex;justify-content:space-between;gap:10px}.sp-close{border:1px solid var(--sp-line);background:#172536;color:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer}.sp-field{display:grid;gap:7px;margin:15px 0}.sp-field textarea{min-height:105px;resize:vertical;background:#07121d;color:#fff;border:1px solid #34485e;border-radius:12px;padding:12px;font:inherit}.sp-success{text-align:center;padding:25px}.sp-success .bolt{font-size:65px}.hidden{display:none!important}@media(max-width:820px){.sp-stats{grid-template-columns:repeat(2,1fr)}.sp-grid,.sp-flow{grid-template-columns:repeat(2,1fr)}.sp-compare{grid-template-columns:repeat(2,1fr)}.sp-summary{grid-template-columns:1fr}}@media(max-width:580px){.sp-top .sp-wrap{min-height:62px}.sp-nav .hide-mobile{display:none}.sp-hero{padding-top:48px}.sp-stats{grid-template-columns:1fr 1fr}.sp-stat:last-child{grid-column:1/-1}.sp-grid,.sp-flow,.sp-compare,.sp-missions{grid-template-columns:1fr}.sp-card{padding:17px}.sp-balance strong{font-size:35px}}