:root{--bg:#07111d;--panel:#0d1a28;--panel2:#122234;--line:#20334a;--muted:#8797a9;--text:#f5f8fc;--blue:#2f81f7;--cyan:#2dd4bf;--green:#16c784;--red:#ea3943;--gold:#f3ba2f;--shadow:0 16px 50px #0007}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#12325b55,transparent 38%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button,a{cursor:pointer}.app-shell{min-height:100vh}.nav{height:70px;border-bottom:1px solid var(--line);background:#07111de8;backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1280px)/2));position:sticky;top:0;z-index:20}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark{width:31px;height:31px;border-radius:10px;background:linear-gradient(140deg,var(--blue),var(--cyan));display:grid;place-items:center;box-shadow:0 0 24px #2f81f766}.nav-links{display:flex;gap:6px;margin-left:42px}.nav-link{color:#9cacbe;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:600;font-size:14px}.nav-link:hover,.nav-link.active{color:#fff;background:#14283c}.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn,.avatar{border:1px solid var(--line);background:#0d1a28;color:#fff;height:40px;border-radius:11px}.icon-btn{width:40px}.avatar{padding:0 14px;font-weight:700}.container{width:min(1280px,calc(100% - 36px));margin:auto;padding:34px 0 80px}.demo-strip{background:#f3ba2f;color:#211800;text-align:center;padding:9px 18px;font-size:12px;font-weight:800;letter-spacing:.08em}.hero{min-height:500px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:52px}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:18px 0}.gradient{background:linear-gradient(100deg,#fff 5%,#6ea8ff 50%,#3ee7cd);-webkit-background-clip:text;color:transparent}.lead{color:#9aaabd;font-size:18px;line-height:1.75;max-width:650px}.actions{display:flex;gap:12px;margin-top:30px}.btn{border:0;border-radius:12px;padding:13px 20px;font-weight:800;background:#1b2c3e;color:#fff}.btn.primary{background:linear-gradient(120deg,var(--blue),#2464ed);box-shadow:0 10px 28px #2f81f744}.btn.success{background:var(--green)}.btn.danger{background:var(--red)}.btn:disabled{opacity:.4;cursor:not-allowed}.hero-card{background:linear-gradient(160deg,#14273a,#0b1724);border:1px solid #28425d;border-radius:28px;padding:26px;box-shadow:var(--shadow);transform:perspective(900px) rotateY(-4deg)}.chart{height:260px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(#102235,#09131e)}.chart svg{width:100%;height:100%}.ticker-row,.stats,.grid{display:grid;gap:16px}.ticker-row{grid-template-columns:repeat(4,1fr);margin-top:20px}.ticker,.card{background:linear-gradient(160deg,var(--panel),#0a1622);border:1px solid var(--line);border-radius:16px;padding:18px}.ticker strong{display:block;margin-top:10px;font-size:19px}.up{color:var(--green)}.down{color:var(--red)}.section-title{font-size:26px;letter-spacing:-.03em;margin:0 0 20px}.stats{grid-template-columns:repeat(4,1fr)}.stat span,.muted{color:var(--muted);font-size:13px}.stat strong{display:block;font-size:25px;margin-top:8px}.dashboard{display:grid;grid-template-columns:230px 1fr;gap:22px}.side{position:sticky;top:92px;height:max-content}.side a{display:block;color:#91a2b5;text-decoration:none;padding:13px 14px;border-radius:10px;margin:4px 0;font-weight:600}.side a.active,.side a:hover{background:#172a3d;color:#fff}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.page-head h1{font-size:34px;margin:0}.balance-card{background:linear-gradient(130deg,#16355a,#102237 55%,#0b1b2b);border:1px solid #31577e;border-radius:22px;padding:28px}.balance{font-size:42px;font-weight:800;margin:8px 0 22px}.quick{display:flex;gap:10px;flex-wrap:wrap}.quick .btn{min-width:112px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:16px 12px;border-bottom:1px solid var(--line);font-size:14px}.table th{color:#75879a;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.coin{display:flex;align-items:center;gap:11px}.coin-icon{width:34px;height:34px;border-radius:50%;background:linear-gradient(140deg,#2f81f7,#27d3b8);display:grid;place-items:center;font-size:12px;font-weight:800}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-card{max-width:720px}.field{margin:18px 0}.field label{display:block;color:#9babbc;font-size:13px;margin-bottom:8px}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#091522;color:#fff;border-radius:12px;padding:14px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue)}.notice{border:1px solid #3b4f65;background:#0c1926;border-radius:13px;padding:14px;color:#9fb0c2;font-size:13px;line-height:1.6}.warning{border-color:#654b20;background:#2a2112;color:#f2ce7e}.trade-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.trade-chart{height:540px}.pair-head{display:flex;align-items:center;gap:16px;margin-bottom:16px}.price{font-size:27px;font-weight:800}.time-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time{border:1px solid var(--line);background:#0a1724;color:#c5d1dd;border-radius:10px;padding:11px 4px}.time.active{border-color:var(--blue);background:#16365b}.direction{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.direction button{border:0;border-radius:12px;padding:15px;color:#fff;font-weight:800}.mining-grid,.launch-grid{grid-template-columns:repeat(3,1fr)}.machine h3{font-size:20px}.machine .hash{font-size:29px;font-weight:800;margin:16px 0}.progress{height:7px;border-radius:10px;background:#1a2b3d;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.badge{display:inline-flex;padding:5px 9px;border-radius:30px;background:#17324d;color:#69aafc;font-size:11px;font-weight:800}.badge.green{background:#123d31;color:#4ae1aa}.badge.red{background:#442329;color:#ff7a82}.record{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.empty{text-align:center;color:#718399;padding:60px 20px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.modal-backdrop{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(520px,100%);background:#0d1a28;border:1px solid #2c4259;border-radius:20px;padding:24px;box-shadow:var(--shadow)}.modal h2{margin-top:0}.close{float:right;background:none;border:0;color:#8fa0b2;font-size:24px}.toast{position:fixed;right:22px;bottom:22px;background:#15283b;border:1px solid #35516e;border-radius:12px;padding:13px 18px;opacity:0;transform:translateY(12px);transition:.2s;z-index:100}.toast.show{opacity:1;transform:none}.mobile-nav{display:none}@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:30px}.hero-card{transform:none}.ticker-row,.stats{grid-template-columns:repeat(2,1fr)}.dashboard{display:block}.side{display:none}.trade-layout,.two-col{grid-template-columns:1fr}.mining-grid,.launch-grid{grid-template-columns:1fr 1fr}.container{padding-bottom:100px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:68px;background:#081421f2;border-top:1px solid var(--line);z-index:30;justify-content:space-around;align-items:center}.mobile-nav a{color:#8798aa;text-decoration:none;font-size:11px;text-align:center}.mobile-nav b{display:block;font-size:19px;margin-bottom:3px}}@media(max-width:580px){.nav{height:60px;padding:0 16px}.brand{font-size:20px}.avatar{padding:0 10px}.container{width:min(100% - 24px,1280px);padding-top:22px}.hero{min-height:auto}.hero h1{font-size:45px}.lead{font-size:15px}.hero-card{padding:15px}.ticker-row,.stats,.mining-grid,.launch-grid{grid-template-columns:1fr}.page-head h1{font-size:28px}.balance{font-size:34px}.table-wrap{overflow:auto}.table{min-width:620px}.trade-chart{height:370px}.time-buttons{grid-template-columns:repeat(2,1fr)}}
