:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:#eaf6f4;background:#080b14;font-synthesis:none;--cyan:#49d3c6;--muted:#83959f;--line:#253a46}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 78% 18%,#102d34 0,transparent 32%),radial-gradient(ellipse at 3% 48%,#1e1135 0,transparent 30%),#080b14}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#6ee9d307 1px,transparent 1px),linear-gradient(90deg,#6ee9d307 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 80%);mask-image:linear-gradient(to bottom,#000,transparent 80%)}header{display:flex;align-items:center;gap:24px;max-width:1280px;margin:auto;padding:22px 28px;border-bottom:1px solid #253440}header strong{white-space:nowrap;font-size:15px;letter-spacing:.035em;color:#f1fffd}header strong:first-letter{color:var(--cyan)}nav{display:flex;gap:4px;flex:1;justify-content:center;flex-wrap:wrap}button{font:inherit;border:0;background:transparent;color:#94a8ae;cursor:pointer;padding:11px 14px;transition:color .18s,background .18s,border-color .18s}button:hover,button.active{color:#65ead9;background:#49d3c610}button:focus-visible,input:focus-visible{outline:2px solid #84ffef;outline-offset:3px}nav button{font-size:13px;position:relative}nav button.active:after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:2px;background:var(--cyan);box-shadow:0 0 10px #49d3c6}.outline{border:1px solid #49d3c680;color:#86f8e9;font-size:13px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}main{max-width:1170px;margin:auto;padding:26px 28px 90px;min-height:calc(100vh - 145px)}.notice{font-size:12px;letter-spacing:.04em;color:#e4c879;background:#ad81200d;border:1px solid #d5ae4a38;border-left:2px solid #e0b850;padding:12px 16px}.hero{position:relative;isolation:isolate;padding:112px 0 100px;max-width:none;overflow:hidden}.hero:before{content:"";position:absolute;z-index:-1;right:3%;top:50%;width:min(36vw,370px);aspect-ratio:1;transform:translateY(-50%) rotate(45deg);border:1px solid #49d3c64d;background:repeating-linear-gradient(0deg,transparent 0 38px,#49d3c616 39px 40px),repeating-linear-gradient(90deg,transparent 0 38px,#49d3c616 39px 40px);box-shadow:0 0 70px #49d3c619,inset 0 0 80px #49d3c60c;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}.hero:after{content:"";position:absolute;z-index:-1;right:calc(3% + min(7vw,70px));top:50%;width:min(22vw,230px);aspect-ratio:1;transform:translateY(-50%) rotate(45deg);border:1px solid #67ffeb99;box-shadow:0 0 28px #49d3c633,inset 0 0 35px #49d3c622;background:radial-gradient(circle,#49d3c64f,transparent 63%)}h1{font-size:clamp(38px,6vw,72px);line-height:1.12;letter-spacing:-.045em;margin:22px 0;font-weight:750;color:#f1f9f8}h2,h3{color:#eefbf9}em{color:#65ebda;font-style:normal;text-shadow:0 0 28px #49d3c64d}p{color:var(--muted);line-height:1.75}.hero p{font-size:16px;max-width:520px}.pill{display:inline-block;font:600 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#6ae4d6;background:#49d3c60d;border:1px solid #49d3c64d;padding:8px 10px}.primary{background:var(--cyan);color:#061719;padding:15px 25px;font-weight:750;margin-top:20px;letter-spacing:.03em;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:0 0 26px #49d3c640}.primary:hover{background:#90fff0;color:#061719}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.card,.trade,.detail{position:relative;background:linear-gradient(135deg,#111b25ed,#0c121bed);border:1px solid #2a4049;padding:24px;box-shadow:0 14px 40px #0004}.card:before,.trade:before,.detail:before{content:"";position:absolute;top:-1px;left:-1px;width:30px;height:2px;background:var(--cyan);box-shadow:0 0 12px #49d3c6aa}.card small{font-size:12px;color:#91a8ad;letter-spacing:.06em}.card h3{font-size:18px;margin:16px 0 3px;overflow-wrap:anywhere}.card b{color:#6ee9d8}.card p{font-size:14px}.card p button,.detail button{color:#77e9db;padding-left:0}.trade,.detail{margin-top:24px;max-width:560px}.trade label{display:block;color:#a0b7b7;font-size:13px;margin-top:18px}.trade input{display:block;width:100%;padding:14px;margin-top:8px;border:1px solid #304952;background:#080f17;color:#e8fffb;font:inherit;border-radius:0}.trade input::placeholder{color:#597078}.detail pre{white-space:pre-wrap;word-break:break-all;color:#a6d9d3;font-size:12px;line-height:1.6}.row{padding:20px;border-bottom:1px solid #273b43;overflow-wrap:anywhere;color:#abc6c3}.status{background:#102c2c;border-left:2px solid var(--cyan);padding:12px;color:#b2eae1;overflow-wrap:anywhere}.guide{max-width:720px}footer{border-top:1px solid #23353e;text-align:center;padding:28px;color:#687f84;font-size:12px;letter-spacing:.04em}@media(max-width:900px){header{flex-wrap:wrap;padding:16px;gap:12px}nav{order:3;overflow:auto;justify-content:flex-start;flex-wrap:nowrap;width:100%}nav button{white-space:nowrap}header .outline{margin-left:auto}main{padding:20px 18px 70px}.hero{padding:75px 0 70px}.hero:before{width:46vw;right:-16%;opacity:.46}.hero:after{width:27vw;right:-5%;opacity:.45}.hero p{max-width:80%;font-size:15px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:17px}.card h3{font-size:16px}}@media(max-width:380px){.grid{grid-template-columns:1fr}.hero p{max-width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}
