@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&display=swap";:root{--navy: #142745;--navy-deep: #0d1e3b;--accent: #ff4d4d;--text: #ffffff;--teal: #32C5D2;--blue: #1668A7;--orange: #F39C12;--dark: #0F2A3A;--muted: rgba(255,255,255,.06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#0b1220;color:var(--text);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;background:var(--navy-deep);font-size:12px}.topbar .left{display:flex;gap:12px}.topbar .icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text);opacity:.9;text-decoration:none}.topbar .middle,.topbar .right{display:flex;align-items:center;gap:8px}.topbar .link{color:#7fb6ff;text-decoration:none}.topbar .lang{margin-right:8px}.headerbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}.headerbar .logo{font-weight:800;font-size:24px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.brand-admin{opacity:.18;display:inline-flex;align-items:center}.brand-admin:hover{opacity:1}.headerbar .actions{display:flex;align-items:center;gap:10px}.headerbar .round{width:38px;height:38px;border-radius:50%;background:#e6eefc22;display:flex;align-items:center;justify-content:center;position:relative}.headerbar .badge .count{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}.headerbar .hidden-admin{opacity:.18;filter:grayscale(1);transition:opacity .2s ease,filter .2s ease}.headerbar .hidden-admin:hover{opacity:1;filter:none}.hidden-admin{opacity:.18;filter:grayscale(1);transition:opacity .2s ease,filter .2s ease}.hidden-admin:hover{opacity:1;filter:none}.headerbar .action-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#eaf3ff;text-decoration:none}.headerbar .action-btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.menubar{background:#142745e6;border-top:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:40}.menubar .menu-bar-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.menubar .brand{font-weight:800;letter-spacing:.5px;color:#eaf3ff}.hamburger{display:inline-flex;flex-direction:column;gap:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);padding:8px;border-radius:10px;box-shadow:0 4px 14px #0003}.hamburger span{width:24px;height:2px;border-radius:2px;transition:transform .2s ease,opacity .2s ease,background .2s ease}.hamburger span:nth-child(1){background:var(--orange)}.hamburger span:nth-child(2){background:var(--teal)}.hamburger span:nth-child(3){background:#4ba3ff}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a142859;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dropdown-panel{margin:8px auto;max-width:960px;background:#0d1e3bf2;border:1px solid rgba(255,255,255,.12);border-radius:16px;animation:slideDown .16s ease-out}@keyframes slideDown{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-list{display:grid;gap:8px;padding:12px 14px}.dropdown-row{display:flex;align-items:center;gap:10px;color:#eaf3ff;text-decoration:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px}.dropdown-row .round{width:34px;height:34px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center}.dropdown-row .label{font-size:14px}.hero{position:relative;min-height:66vh;background:url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=1600&auto=format&fit=crop) center/cover no-repeat;display:flex;align-items:center;justify-content:center}.hero .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 50% 50%,#020d1e33,#020d1ea6)}.hero .hero-text{position:relative;z-index:1;text-align:center;padding:24px}.hero h1{margin:0;display:grid;gap:16px;font-weight:800;font-size:clamp(28px,6vw,56px);line-height:1.2;letter-spacing:1px}.hero h1 span{text-transform:uppercase}.hero .cta{margin-top:20px;display:inline-flex;gap:10px}.section{padding:56px 16px;background:transparent}.section-muted{background:#ffffff0a}.container{max-width:1060px;margin:0 auto}.title{text-align:center;font-weight:800;font-size:clamp(24px,4vw,40px);margin-bottom:24px}.subtitle{text-align:center;color:var(--teal);margin-bottom:24px}.muted{color:#ffffffb3}.muted.small{font-size:12px}.grid{display:grid;gap:16px}.grid.two,.grid.three{grid-template-columns:repeat(1,1fr)}.grid.four,.grid.six{grid-template-columns:repeat(2,1fr)}@media (min-width: 700px){.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.six{grid-template-columns:repeat(6,1fr)}}.card{background:var(--muted);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:18px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden;max-width:100%}.card.centered{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.18)}.btn.primary{background:var(--orange);border-color:var(--orange)}.feature{text-align:center}.feature-icon{font-size:32px;margin-bottom:10px}.divider{width:64px;height:3px;margin:8px auto 10px;background:linear-gradient(90deg,var(--orange),var(--teal));border-radius:2px}.feature-title{font-weight:700;font-size:14px}.feature-desc{color:#ffffffb3;font-size:12px}.circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px}.circle.green{background:#22c55e}.circle.red{background:#ef4444}.strategy-title{text-align:center;font-weight:700;font-size:20px;margin-bottom:8px;overflow-wrap:anywhere}.strategy-list{list-style:none;padding:0;margin:0 0 16px}.strategy-list li{display:flex;align-items:center;gap:8px;color:var(--teal);font-size:14px}.trader-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.avatar{width:40px;height:40px;border-radius:999px;object-fit:cover}.avatar.lg{width:96px;height:96px;margin:0 auto 12px}.meta{display:grid}.name{font-weight:700}.strategy{color:var(--teal);font-size:12px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0}.stat{text-align:center}.value{font-weight:800;font-size:22px}.value.green{color:#22c55e}.value.blue{color:#60a5fa}.label{font-size:12px;color:#ffffffb3}.cta-center{text-align:center;margin-top:24px}.cta-title{font-size:20px;font-weight:700}.cta-desc{color:var(--teal);margin-bottom:12px}.team{text-align:center}.team-name{font-weight:700}.team-role{color:var(--blue);font-weight:500;font-size:13px}.step-title{font-weight:700;text-align:center}.step-desc{color:#ffffffb3;text-align:center;overflow-wrap:anywhere}.circle.orange{background:#f59e0b}.circle.teal{background:#14b8a6}.circle.blue{background:#3b82f6}.tabs{display:inline-flex;border:1px solid rgba(255,255,255,.18);border-radius:12px;overflow:hidden;margin:0 auto 16px}.tab{background:#ffffff0f;padding:8px 12px;color:var(--teal);border-right:1px solid rgba(255,255,255,.12)}.tab:last-child{border-right:0}.tab.active{background:var(--orange);color:#fff}.panel .symbol{color:var(--teal);font-weight:600}.panel .price{font-size:22px;font-weight:800}.panel .change{font-size:12px}.panel .change.green{color:#22c55e}.panel .change.red{color:#ef4444}.testimonial{position:relative}.quote-mark{position:absolute;top:-12px;left:12px;font-size:42px;color:#f39c1266}.quote{color:#eaeef9;font-size:16px;margin:12px 0;text-align:center}.author{text-align:center}.author .name{font-weight:700}.author .meta{color:var(--blue);font-size:12px}.dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.dot{width:8px;height:8px;border-radius:999px;background:#cbd5e1;border:0}.dot.active{background:var(--orange)}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.live{display:inline-flex;align-items:center;gap:6px}.live-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;animation:pulse 1s linear infinite}.table-title{font-weight:700;margin-bottom:6px}table{width:100%;border-collapse:collapse}thead th{color:var(--teal);font-size:12px;padding:8px;border-bottom:1px solid rgba(255,255,255,.18);text-align:left}tbody td{color:#fff;font-size:12px;padding:8px;border-bottom:1px solid rgba(255,255,255,.1)}.amount.green{color:#22c55e;font-weight:700}.footer{background:var(--dark);padding:36px 16px}.footer .brand{font-weight:800;font-size:22px;margin-bottom:8px}.footer .footer-title{color:var(--orange);font-weight:700;margin-bottom:8px}.footer .footer-list{list-style:none;padding:0;margin:0}.footer .footer-list li a{color:#ffffffb3;text-decoration:none}.footer .footer-list li a:hover{color:var(--teal)}.footer .muted{color:#ffffffb3}.footer .muted.small{font-size:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:16px;padding-top:12px;display:grid;gap:8px}.manage-grid{display:grid;gap:16px;grid-template-columns:2fr 1fr}@media (max-width: 900px){.manage-grid{grid-template-columns:1fr}}@media (min-width: 768px){.topbar{padding:10px 24px;font-size:13px}.headerbar{padding:16px 24px}.headerbar .logo{font-size:32px}}.auth-card{max-width:520px;margin:0 auto;background:var(--muted);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:22px}.auth-form{display:grid;gap:10px}.auth-grid-2{display:grid;grid-template-columns:1fr;gap:10px}.input-wrap{position:relative}.input-action{position:absolute;right:2px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--teal);font-size:14px;line-height:1;pointer-events:none}.input-wrap .input-action{right:2px}button.input-action{pointer-events:auto;cursor:pointer;z-index:2}.auth-btn,.btn{box-shadow:none}.row{display:inline-flex;align-items:center;gap:8px}.row-between{display:flex;align-items:center;justify-content:space-between}.auth-label{font-size:12px;color:#ffffffb3}.auth-input{padding:12px 32px 12px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;transition:border-color .2s,box-shadow .2s,transform .1s}.auth-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #f39c1233;transform:translateY(-1px)}select.auth-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#ffffff0f;color:#fff}select.auth-input option{background:#142745;color:#fff}.auth-btn{margin-top:8px;padding:10px 14px;border-radius:10px;background:var(--orange);color:#fff;border:1px solid var(--orange)}.auth-msg{margin-top:10px;color:#22c55e;text-align:center}.divider{display:block;border-top:1px solid rgba(255,255,255,.18);margin:14px 0 6px}.divider-text{text-align:center;color:#94a3b8;font-size:12px}.notice{margin-top:12px;border-radius:12px;padding:12px;border:1px solid rgba(50,197,210,.2);background:#32c5d214}.notice.info{border-color:#f39c124d;background:#f39c1214}.notice.success{border-color:#22c55e66;background:#22c55e1a;color:#86efac}.notice-title{color:var(--orange);font-weight:700;margin-bottom:6px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:6px;color:#cbd5e1;font-size:13px}.challenge{display:grid;gap:6px}.center{text-align:center}.link{color:var(--orange);text-decoration:none}button.link{background:transparent;border:0;padding:0;color:var(--orange)}@media (min-width: 768px){.auth-grid-2{grid-template-columns:1fr 1fr}}.auth-layout{display:grid;grid-template-columns:1fr;gap:20px;align-items:stretch}@media (min-width: 900px){.auth-layout{grid-template-columns:1.2fr .8fr}}.auth-hero{position:relative;border-radius:20px;padding:26px;background:linear-gradient(135deg,#0c3b5acc,#0f2a3ad9);border:1px solid rgba(50,197,210,.25);overflow:hidden}.auth-hero .brand{font-weight:800;font-size:28px;letter-spacing:.5px}.auth-hero .desc{color:var(--teal);margin-top:6px}.auth-hero .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.auth-hero .pill{background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;font-size:13px;display:inline-flex;align-items:center;gap:8px}.accent{position:absolute;filter:blur(12px);opacity:.3}.accent.a{width:140px;height:140px;background:#f39c12;top:-20px;right:-20px;border-radius:999px}.accent.b{width:180px;height:180px;background:#32c5d2;bottom:-30px;left:-30px;border-radius:999px}.breadcrumb{display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:10px;margin-bottom:16px}.breadcrumb a{color:#cfe7ff;text-decoration:none}.dash-grid{display:grid;gap:16px}.dash-card{position:relative;background:#1b2b4f;border:1px solid rgba(255,255,255,.12);border-radius:20px;min-height:180px;overflow:hidden;box-shadow:0 6px 16px #00000040}.dash-card .corner{position:absolute;top:0;left:0;width:70%;height:56%;background:var(--orange);border-bottom-right-radius:180px}.dash-inner{position:relative;z-index:1;display:grid;place-items:center;padding:24px;color:#eaf3ff}.dash-icon{color:#fff;opacity:.9;margin-bottom:8px}.dash-title{font-weight:700;margin-bottom:8px}.dash-amount{font-size:28px;font-weight:800}@media (min-width: 700px){.dash-grid{grid-template-columns:1fr}}@media (min-width: 980px){.dash-grid{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a14288c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:1000}.loader{width:56px;height:56px;border-radius:999px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--orange);border-right-color:var(--teal);animation:spin .9s linear infinite;box-shadow:0 0 0 4px #ffffff0f inset}.nav-list{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 780px){.nav-list{grid-template-columns:repeat(3,1fr)}}.nav-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;text-decoration:none;color:#eaf3ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.nav-card:hover{transform:translateY(-1px);border-color:#f39c1273;box-shadow:0 6px 18px #00000040}.nav-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}.nav-icon.teal{background:linear-gradient(135deg,#14b8a6e6,#40e0d099)}.nav-icon.blue{background:linear-gradient(135deg,#3b82f6e6,#6366f199)}.nav-icon.green{background:linear-gradient(135deg,#22c55ee6,#84cc1699)}.nav-icon.orange{background:linear-gradient(135deg,#f39c12e6,#f9731699)}.nav-body{flex:1;display:grid;gap:4px}.nav-title{font-weight:800;letter-spacing:.3px}.nav-desc{color:#ffffffbf;font-size:12px}.nav-arrow{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.nav-sections{display:grid;gap:16px}@media (min-width: 980px){.nav-sections{grid-template-columns:1fr 1fr}}.nav-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}.section-title{font-weight:800;font-size:16px;margin-bottom:4px}.section-desc{color:#ffffffb3;font-size:12px;margin-bottom:12px}.section-list{display:grid;gap:10px}.nav-card.accent-teal{box-shadow:inset 3px 0 #14b8a6b3}.nav-card.accent-blue{box-shadow:inset 3px 0 #3b82f6b3}.nav-card.accent-green{box-shadow:inset 3px 0 #22c55eb3}.nav-card.accent-orange{box-shadow:inset 3px 0 #f39c12b3}
