*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#080b10;color:#fff}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 6%;position:sticky;top:0;background:#080b10e8;z-index:5;border-bottom:1px solid #34280b}.logo{font-size:27px;font-weight:900;color:#f6bd34}.logo span{color:#fff}.btn{display:inline-block;padding:13px 24px;border-radius:10px;background:linear-gradient(135deg,#e5a818,#fff0a5,#b47b00);color:#15100a;text-decoration:none;font-weight:800;border:0;cursor:pointer}.hero{min-height:78vh;display:grid;place-items:center;text-align:center;padding:70px 20px;background:radial-gradient(circle at 50% 20%,#44300d 0,#151006 27%,#080b10 65%);overflow:hidden}.hero h1{font-size:clamp(42px,8vw,90px);margin:0}.gold{color:#f6bd34}.hero p{max-width:720px;color:#c9c9c9;font-size:18px;line-height:1.7}.coin{position:absolute;color:#f6bd34;font-size:34px;animation:float 4s ease-in-out infinite}.c1{left:10%;top:25%}.c2{right:12%;top:35%;animation-delay:1s}.c3{left:20%;bottom:20%;animation-delay:2s}@keyframes float{50%{transform:translateY(-24px) scale(1.25)}}.ticker{white-space:nowrap;overflow:hidden;background:#11151d;border-block:1px solid #3c2c0a;padding:13px}.ticker div{display:inline-block;animation:marquee 20s linear infinite;color:#e7c66d}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:65px 6%;max-width:1200px;margin:auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:#11151d;border:1px solid #3b321e;border-radius:18px;padding:25px}.card h3{color:#f6bd34}.auth{max-width:460px;margin:55px auto;background:#11151d;padding:30px;border-radius:20px;border:1px solid #3b321e}.input{width:100%;padding:14px;margin:8px 0;border-radius:10px;border:1px solid #333;background:#0a0d12;color:#fff}.social{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social button{padding:12px;border-radius:9px;border:1px solid #444;background:#fff;color:#111}.dash{padding:30px 5%;max-width:1100px;margin:auto}.balance{font-size:40px;font-weight:900}.tradegrid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.call,.put{width:100%;padding:18px;margin-top:12px;border:0;border-radius:12px;color:white;font-size:20px;font-weight:bold}.call{background:#17b88c}.put{background:#ff4c67}.book{font-family:monospace;line-height:2}.green{color:#22c997}.red{color:#ff6077}.notice{background:#231d0c;border:1px solid #6b5417;padding:12px;border-radius:10px;color:#f6d873}@media(max-width:700px){.tradegrid{grid-template-columns:1fr}.nav{padding:15px}.hero{min-height:70vh}}
.pc-head{display:flex;justify-content:space-between;align-items:center}.avatar{width:86px;height:86px;border-radius:50%;object-fit:cover;border:5px solid #714fe8}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.quick a{background:#fff;border-radius:18px;padding:16px 8px;text-align:center;text-decoration:none;color:#111;font-size:13px}.quick b{display:block;font-size:25px;margin-bottom:6px}.menurow{display:block;background:#fff;margin:12px 0;padding:18px;border-radius:18px;text-decoration:none;color:#111}.muted{color:#888}.primary{width:100%;border:0;border-radius:14px;padding:15px;background:#7048e8;color:#fff;font-size:17px;margin-top:12px}label{display:block;margin:12px 0 6px}@media(max-width:600px){.quick{grid-template-columns:repeat(2,1fr)}}
.login-link{display:inline-block;margin-right:10px;padding:12px 18px;border:1px solid #f2c75c;border-radius:10px;color:#f2c75c;text-decoration:none;font-weight:700}.auth-logo{width:66px;height:66px;border-radius:18px;margin:0 auto 12px;display:grid;place-items:center;font-size:36px;font-weight:900;background:linear-gradient(135deg,#6d4aff,#9d65ff);color:#fff;box-shadow:0 12px 35px rgba(109,74,255,.25)}.auth .muted{text-align:center;opacity:.65;margin-top:-8px;margin-bottom:22px}.auth h2{text-align:center}.auth-btn{width:100%;border:0;cursor:pointer}.auth-switch{text-align:center;margin-top:20px;opacity:.8}.auth-switch a{color:#7b5cff;font-weight:800;text-decoration:none}.alert{padding:12px 14px;border-radius:10px;margin:12px 0;background:#fff1f2;color:#b42318;border:1px solid #fecdd3;font-size:14px}

.nav-actions{display:flex;align-items:center;gap:10px}.nav-actions .login-link{margin-right:0}@media(max-width:520px){.nav{gap:10px}.logo{font-size:21px}.nav-actions{gap:7px}.nav-actions .login-link,.nav-actions .btn{padding:10px 12px;font-size:12px;white-space:nowrap}}


/* ZNEXX Personal Center - white dashboard refresh */
.dashboard-page{background:#f6f7fb;color:#172033;min-height:100vh}
.dashboard-page .dashboard-nav{background:#fff;box-shadow:0 8px 30px rgba(24,31,52,.07);border-bottom:1px solid #eceef5}
.dashboard-page .dashboard-nav>a{background:linear-gradient(135deg,#ff5b6e,#ff7b54);color:#fff;text-decoration:none;font-weight:800;padding:10px 18px;border-radius:12px;box-shadow:0 8px 20px rgba(255,91,110,.22)}
.dashboard-shell{max-width:1180px;padding-top:34px}
.dashboard-page .pc-head{background:linear-gradient(135deg,#fff,#f4f0ff);padding:25px 28px;border-radius:24px;box-shadow:0 12px 35px rgba(53,45,92,.08);border:1px solid #eee9ff;margin-bottom:20px}
.dashboard-page .pc-head small{color:#7656e8;font-weight:900;letter-spacing:1.4px}
.dashboard-page .pc-head h2{margin:7px 0 8px;color:#172033;font-size:30px}
.dashboard-page .avatar{background:linear-gradient(135deg,#7352e8,#a36eff);color:#fff;box-shadow:0 10px 25px rgba(115,82,232,.24)}
.dashboard-page .quick{gap:16px;margin:20px 0}
.dashboard-page .quick a{min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #eceef4;box-shadow:0 10px 28px rgba(33,42,70,.07);font-weight:800;transition:.22s ease}
.dashboard-page .quick a:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(33,42,70,.12)}
.dashboard-page .quick a:nth-child(1){background:linear-gradient(145deg,#effff8,#fff);color:#087d5c;border-color:#ccefe3}
.dashboard-page .quick a:nth-child(2){background:linear-gradient(145deg,#fff1f4,#fff);color:#d93b5b;border-color:#ffd7df}
.dashboard-page .quick a:nth-child(3){background:linear-gradient(145deg,#eef6ff,#fff);color:#2467c9;border-color:#d6e8ff}
.dashboard-page .quick a:nth-child(4){background:linear-gradient(145deg,#fff8e8,#fff);color:#ad7400;border-color:#f8e4ae}
.dashboard-page .quick b{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#fff;font-size:28px;box-shadow:0 7px 18px rgba(30,40,65,.10)}
.dashboard-page .card{background:#fff;color:#172033;border:1px solid #eceef5;box-shadow:0 12px 35px rgba(33,42,70,.07);border-radius:22px;padding:28px;margin:18px 0}
.dashboard-page .card small{color:#7b8295;font-weight:700}.dashboard-page .balance{margin-top:8px;color:#172033}.dashboard-page .gold{color:#6e4be8}
.dashboard-page .menurow{position:relative;border:1px solid #eceef5;box-shadow:0 8px 24px rgba(33,42,70,.055);font-weight:800;padding:20px 22px;transition:.2s ease;background:#fff}
.dashboard-page .menurow:hover{transform:translateX(5px);border-color:#dcd3ff;box-shadow:0 12px 28px rgba(93,69,195,.10)}
.dashboard-page .menurow:nth-of-type(1){border-left:5px solid #7957e8}.dashboard-page .menurow:nth-of-type(2){border-left:5px solid #17b88c}.dashboard-page .menurow:nth-of-type(3){border-left:5px solid #3182e8}.dashboard-page .menurow:nth-of-type(4){border-left:5px solid #f2b134}
.dashboard-page .muted{color:#7b8295}
@media(max-width:600px){.dashboard-shell{padding:20px 14px}.dashboard-page .pc-head{padding:20px}.dashboard-page .pc-head h2{font-size:24px}.dashboard-page .quick{gap:10px}.dashboard-page .quick a{min-height:105px}.dashboard-page .balance{font-size:31px}}