@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',system-ui,sans-serif;color:#e7f2ff;background:#081226;line-height:1.55;--bg:#081226;--card:#111f38;--line:#29415e;--muted:#9db1ca;--blue:#00b5eb;--green:#32d5ae;--red:#ff6a83}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0%,#15376a 0,transparent 34%),#081226}a{color:inherit}button,input{font:inherit}button{cursor:pointer;transition:transform .15s,background .15s}button:active{transform:scale(.985)}button:disabled{opacity:.42;cursor:not-allowed}
header{border-bottom:1px solid var(--line);background:#071226c7;backdrop-filter:blur(9px);padding:18px 0}.wrap{max-width:1160px;margin:0 auto;padding:0 22px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;letter-spacing:-.7px}.badge{display:inline-flex;align-items:center;gap:5px;background:#073b4a;color:#50dbee;border:1px solid #136678;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:800}nav{display:flex;gap:12px;align-items:center;justify-content:space-between}nav .links{display:flex;gap:15px;align-items:center;font-size:13px;color:var(--muted)}nav .links a{text-decoration:none}.hero{padding:66px 0 35px}.hero h1{font-size:clamp(35px,5vw,60px);letter-spacing:-2px;margin:7px 0 16px;line-height:1.15}.hero p{max-width:590px;font-size:17px;color:var(--muted)}.accent{color:var(--green)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.card{background:linear-gradient(145deg,#142747,#0f1b31);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 14px 24px #0002}.card h2{font-size:23px;letter-spacing:-.6px;margin:0 0 8px}.card p{color:var(--muted)}.card.slim{padding:19px}.big-emoji{font-size:36px}.btn{border:0;background:#00b6ec;color:#001828;border-radius:12px;padding:12px 17px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;text-decoration:none}.btn.alt{background:#233c5d;color:#eff6ff}.btn.green{background:var(--green);color:#09221e}.btn.red{background:#e84969;color:white}.btn.ghost{border:1px solid var(--line);background:transparent;color:#eaf4ff}.btn.small{padding:7px 11px;font-size:13px}.btn.full{width:100%}.muted{color:var(--muted)}.small{font-size:13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stack{display:grid;gap:16px}.section{padding:28px 0 62px}.topline{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.notice{margin-top:13px;padding:12px 14px;border-radius:10px;font-size:13px;white-space:pre-wrap}.notice.good{background:#103a33;color:#8beace;border:1px solid #236e59}.notice.bad{background:#412336;color:#ffb5c3;border:1px solid #724259}.hidden{display:none!important}label{display:block;font-size:13px;font-weight:700;color:#b6c8dd;margin-bottom:7px}input[type=text],input[type=number],input[type=file]{width:100%;border:1px solid #3b5573;color:#fff;background:#0b1830;border-radius:10px;padding:12px 12px;outline:none}input:focus{border-color:#32d5ee}input::placeholder{color:#7088a6}.formrow{margin-bottom:14px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:17px 0}.stat{background:#0a1931;border:1px solid #27415f;padding:14px;border-radius:13px}.stat .label{font-size:12px;color:#91a9c5}.stat .value{font-size:clamp(16px,2vw,22px);font-weight:800;margin-top:4px}.pos{color:#51dfb3}.neg{color:#ff7991}.market{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stock{background:#11223c;border:1px solid #2b4768;border-radius:16px;padding:18px}.stock .sect{font-size:12px;color:#87a5c6}.stock h3{margin:2px 0 3px;font-size:20px}.stock p{margin:0 0 12px;color:#9bb3ce;font-size:13px;min-height:41px}.stock .quote{font-size:20px;font-weight:800}.stock .qty{font-size:12px;color:#99bbd7;margin-bottom:12px}.trader{display:grid;grid-template-columns:80px 1fr 1fr;gap:8px}.trader input{min-width:0;padding:8px}.trader button{padding:8px 6px}.page-title{font-size:clamp(28px,4vw,39px);margin:2px 0 18px;letter-spacing:-1px}.roundtag{background:#152e51;color:#87d8ff;padding:6px 12px;border-radius:9px;font-size:13px;font-weight:800}.news{border-left:4px solid #fbbf24;padding:12px 16px;background:#352c25;color:#ffe8b5;border-radius:0 10px 10px 0;margin:12px 0}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #263d59}th{color:#afc1d5}td.num,th.num{text-align:right}footer{padding:26px 0;color:#7d94b1;font-size:12px;border-top:1px solid var(--line)}@media(max-width:730px){.cards,.grid,.market,.grid3{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.stat{padding:9px}.trader{grid-template-columns:1fr 1fr}.trader input{grid-column:1/-1}.hero{padding-top:35px}.brand{font-size:17px}.card{padding:17px}}
