:root{--bg:#03090f;--panel:#0b1521;--panel2:#101d2d;--line:#1d3348;--line2:#28506a;--text:#f5f8ff;--muted:#8fa1b8;--cyan:#19d9ff;--mint:#16e7a2;--blue:#1a8cff;--orange:#ffae35;--red:#ff4f68;--shadow:0 28px 80px rgba(0,0,0,.44)}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,'Malgun Gothic','맑은 고딕',sans-serif}body{background:radial-gradient(circle at 8% 0%,rgba(25,217,255,.18),transparent 30%),radial-gradient(circle at 90% 6%,rgba(22,231,162,.14),transparent 30%),linear-gradient(180deg,#03090f 0%,#061018 48%,#03090f 100%);overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(1240px,calc(100% - 36px));margin:0 auto}.up{color:var(--mint)!important}.down{color:var(--red)!important}.orange{color:var(--orange)!important}
.topline{height:42px;border-bottom:1px solid rgba(29,51,72,.7);background:rgba(3,9,15,.72);overflow:hidden}.ticker{height:100%;display:flex;align-items:center;width:max-content;animation:move 32s linear infinite}@keyframes move{from{transform:translateX(0)}to{transform:translateX(-50%)}}.tick{height:42px;display:flex;align-items:center;gap:8px;padding:0 22px;border-right:1px solid rgba(29,51,72,.5);font-size:12px;font-weight:900;color:#b8c8dc}.tick b{color:#fff}.live{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}
.header{position:sticky;top:0;z-index:50;height:76px;background:rgba(3,9,15,.78);border-bottom:1px solid rgba(29,51,72,.8);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brand img{height:34px;width:auto;display:block}.brand span{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.5px}.nav{display:flex;gap:3px}.nav a{height:40px;padding:0 13px;border-radius:10px;display:flex;align-items:center;color:#b8c8dc;font-size:13px;font-weight:950}.nav a.active,.nav a:hover{background:#0d1927;color:#fff}.actions{display:flex;gap:8px}.btn{height:42px;padding:0 16px;border-radius:11px;border:1px solid var(--line2);background:#0b1521;color:#ecf6ff;font-size:13px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:linear-gradient(180deg,#20bfff,#0a73df);border-color:#1aaaff;color:#fff}.btn.center,.btn.kakao{background:linear-gradient(180deg,#18df9d,#079d6c);border-color:#16d991;color:#fff}.btn.gold{background:linear-gradient(180deg,#ffc24f,#ee8717);border-color:#ffae35;color:#120900}.btn.ghost{background:#07111c}.hamburger{display:none;width:46px;height:42px;border:1px solid var(--line2);background:#07111c;border-radius:12px;padding:10px;cursor:pointer}.hamburger span{display:block;height:2px;background:#d9e7f8;margin:5px 0;border-radius:99px}
.drawer{position:fixed;top:0;right:-320px;width:300px;max-width:88vw;height:100vh;background:#07111c;border-left:1px solid var(--line);z-index:100;padding:18px;transition:.25s;box-shadow:-20px 0 60px rgba(0,0,0,.45)}.drawer.open{right:0}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-head img{height:32px}.drawer-head button{width:38px;height:38px;border:1px solid var(--line2);background:#0b1521;color:#fff;border-radius:10px;font-size:22px}.drawer>a{display:block;padding:13px 4px;border-bottom:1px solid rgba(29,51,72,.55);font-weight:950;color:#d7e5f5}.drawer-actions{display:grid;gap:10px;margin-top:18px}.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:90}.overlay.open{display:block}
.hero{padding:52px 0 34px}.hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:start}.hero-card,.page-hero{border:1px solid rgba(40,80,106,.95);background:radial-gradient(circle at 12% 0%,rgba(25,217,255,.16),transparent 36%),radial-gradient(circle at 90% 20%,rgba(22,231,162,.12),transparent 34%),linear-gradient(135deg,#0b1521,#061018);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.kicker{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(25,217,255,.32);background:rgba(25,217,255,.09);color:#caf7ff;font-size:12px;font-weight:950}.kicker i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 13px var(--mint)}h1{margin:16px 0 0;font-size:56px;line-height:1.04;letter-spacing:-3px}.grad{background:linear-gradient(90deg,#fff 0%,#22dbff 44%,#18e8a5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.page-hero p{margin:16px 0 0;color:#a4b5ca;font-size:15px;line-height:1.7;font-weight:800}.hero-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.summary-card{border:1px solid rgba(29,51,72,.78);background:rgba(7,17,28,.78);border-radius:16px;padding:16px}.summary-card span{display:block;color:#8296ae;font-size:12px;font-weight:950}.summary-card b{display:block;margin-top:8px;font-size:18px}
.chart-panel{border:1px solid rgba(40,80,106,.95);background:linear-gradient(180deg,#0f1d2d,#08111b);border-radius:25px;overflow:hidden;box-shadow:var(--shadow)}.panel-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:#101b2b}.panel-head h2,.panel-head h3{margin:0;font-size:18px}.panel-head span{color:#8296ae;font-size:12px;font-weight:950}.chart-box{padding:16px}.chart-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.chart-title b{display:block;font-size:23px}.chart-title span{display:block;margin-top:5px;color:#879bb4;font-size:12px;font-weight:950}.price{text-align:right}.price b{display:block;font-size:24px}.price span{display:block;margin-top:5px;font-size:12px;font-weight:950}.symbol-tabs,.time-tabs{display:flex;gap:7px;flex-wrap:wrap}.symbol-tabs{margin-bottom:10px}.symbol-tabs button,.time-tabs button{height:34px;padding:0 12px;border-radius:10px;border:1px solid rgba(29,51,72,.9);background:#0b1521;color:#cbd7e7;font-size:11px;font-weight:950;cursor:pointer}.symbol-tabs button.active,.time-tabs button.active{background:#16e7a2;color:#00130e;border-color:#16e7a2}.canvas-wrap{height:320px;border:1px solid rgba(29,51,72,.75);border-radius:15px;overflow:hidden;background:#03090f}.canvas-wrap canvas{width:100%;height:100%;display:block}.time-tabs{margin-top:10px}
.section{padding:28px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h2{margin:0;font-size:34px;letter-spacing:-1.4px}.section-head p{margin:0;color:#8598b0;font-size:13px;font-weight:900}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.panel{border:1px solid rgba(29,51,72,.88);background:rgba(11,21,33,.84);border-radius:22px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.26)}.panel-body{padding:16px}.card{border:1px solid rgba(29,51,72,.88);background:linear-gradient(180deg,rgba(15,29,45,.84),rgba(7,17,28,.92));border-radius:20px;padding:18px;min-height:166px}.card .tag{display:inline-flex;height:26px;padding:0 9px;border-radius:999px;align-items:center;background:rgba(25,217,255,.1);border:1px solid rgba(25,217,255,.26);color:#bcf4ff;font-size:11px;font-weight:950}.card h3{margin:12px 0 0;font-size:20px;letter-spacing:-.6px}.card p{margin:10px 0 0;color:#96a7bc;font-size:13px;line-height:1.55}
.notice-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;padding:0 0 44px}.side{display:grid;gap:14px;align-self:start;position:sticky;top:94px}.side-card{border:1px solid rgba(29,51,72,.85);background:rgba(11,21,33,.86);border-radius:20px;padding:18px}.side-card h3{margin:0;font-size:18px}.side-card p{margin:8px 0 0;color:#8fa1b8;font-size:13px;line-height:1.55}.side-list{margin-top:12px;display:grid;gap:8px}.side-row{border:1px solid rgba(29,51,72,.6);background:#07111c;border-radius:13px;padding:12px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.side-row span{color:#8296ae;font-weight:900}.side-row b{text-align:right}.toolbar{padding:0 0 22px}.toolbar-box{border:1px solid rgba(29,51,72,.85);background:rgba(11,21,33,.86);border-radius:22px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;box-shadow:0 18px 48px rgba(0,0,0,.24)}.search{height:46px;border:1px solid rgba(29,51,72,.85);background:#07111c;border-radius:14px;color:#fff;padding:0 15px;font-size:14px;font-weight:800;outline:none}.filter{display:flex;gap:8px;flex-wrap:wrap}.filter button{height:46px;padding:0 14px;border:1px solid rgba(29,51,72,.85);background:#07111c;color:#b9c8db;border-radius:14px;font-size:12px;font-weight:950;cursor:pointer}.filter button.active{background:var(--mint);border-color:var(--mint);color:#00140e}.board{display:grid;gap:12px}.notice{border:1px solid rgba(29,51,72,.88);background:linear-gradient(180deg,rgba(15,29,45,.88),rgba(7,17,28,.94));border-radius:20px;overflow:hidden;box-shadow:0 16px 44px rgba(0,0,0,.22)}.notice-title{width:100%;min-height:68px;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:86px 1fr 112px 28px;gap:12px;align-items:center;padding:0 18px;text-align:left;cursor:pointer}.pill{height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:950;background:rgba(25,217,255,.1);border:1px solid rgba(25,217,255,.28);color:#bcf4ff}.pill.important{background:rgba(255,79,104,.12);border-color:rgba(255,79,104,.32);color:#ffb9c3}.pill.event{background:rgba(255,174,53,.14);border-color:rgba(255,174,53,.36);color:#ffd59a}.pill.update{background:rgba(22,231,162,.12);border-color:rgba(22,231,162,.32);color:#bdf7df}.pill.operation{background:rgba(26,140,255,.12);border-color:rgba(26,140,255,.32);color:#b9d8ff}.subject b{display:block;font-size:17px;letter-spacing:-.5px}.subject span{display:block;margin-top:5px;color:#8296ae;font-size:12px;font-weight:900}.date{color:#8398b0;font-size:12px;font-weight:950;text-align:right}.plus{font-size:20px;color:#8fa1b8;text-align:right}.notice-content{display:none;border-top:1px solid rgba(29,51,72,.72);padding:18px;color:#c9d5e5;font-size:14px;line-height:1.68}.notice.open .notice-content{display:block}.notice.open .plus{color:var(--mint)}.notice-box{border:1px solid rgba(29,51,72,.72);background:#07111c;border-radius:16px;padding:14px;margin:12px 0;color:#dce8f7}.danger-box{border-color:rgba(255,79,104,.35);background:rgba(255,79,104,.08)}.wallet-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet-steps div{border:1px solid rgba(29,51,72,.65);border-radius:14px;padding:14px;background:#081523}.wallet-steps b{display:block;margin-bottom:6px;color:#fff}.wallet-steps span{display:block;color:#9badc2;font-size:13px;line-height:1.55}.table-wrap{overflow-x:auto;border:1px solid rgba(29,51,72,.72);border-radius:16px;margin:12px 0}table{width:100%;border-collapse:collapse;min-width:680px;font-size:13px}th,td{padding:13px 12px;border-bottom:1px solid rgba(29,51,72,.62);text-align:left}th{background:#081523;color:#8fa1b8;font-size:12px}tr:last-child td{border-bottom:0}.notice-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.popup-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:200;display:none;align-items:center;justify-content:center;padding:18px}.popup-backdrop.show{display:flex}.popup-box{width:min(520px,94vw);border-radius:24px;overflow:hidden;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.65);border:1px solid rgba(25,217,255,.26);background:#061018}.popup-box a{display:block}.popup-box img{width:100%;height:auto;display:block}.popup-controls{display:grid;grid-template-columns:1fr 1fr;background:#061018;border-top:1px solid var(--line)}.popup-controls button{height:48px;border:0;background:#07111c;color:#dce8f7;font-weight:950;font-size:13px;cursor:pointer}.popup-controls button+button{border-left:1px solid var(--line)}.popup-controls button:hover{background:#0e1d2d}
.footer{margin-top:36px;border-top:1px solid var(--line);background:#03090f;padding:28px 0;color:#6f8299;font-size:12px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:18px}.footer b{color:#eaf3ff;display:block;margin-bottom:8px}.footer a,.footer span{display:block;color:#8195ae;margin:7px 0}.footer-logo{height:32px;margin-bottom:10px}.float{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;gap:8px}.float a{height:50px;padding:0 16px;border-radius:16px;display:flex;align-items:center;font-weight:950;font-size:13px;box-shadow:0 14px 32px rgba(0,0,0,.35)}.float .cs{background:#ffd83d;color:#1c1600}.float .go{background:#16e7a2;color:#00140e}
@media(max-width:1100px){.hero-grid,.notice-layout,.grid-2{grid-template-columns:1fr}.side{position:static}.nav,.actions{display:none}.hamburger{display:block}.toolbar-box{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}h1{font-size:46px}}@media(max-width:720px){.wrap{width:min(100% - 24px,1240px)}.header{height:68px}.brand span{display:none}.hero-card,.page-hero{padding:24px}h1{font-size:36px}.summary-grid,.grid-3,.wallet-steps{grid-template-columns:1fr}.notice-title{grid-template-columns:72px 1fr 24px}.date{display:none}.footer-grid{grid-template-columns:1fr}.float{left:12px;right:12px}.float a{flex:1;justify-content:center}.canvas-wrap{height:260px}}