:root{--blue:#1267e8;--blue2:#0b4fc0;--ink:#101828;--muted:#667085;--line:#e6eaf0;--soft:#f6f8fb;--dark:#07111f;--white:#fff;--green:#16a66a;--red:#d94a4a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input{font:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid rgba(16,24,40,.08);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.brand-mark{width:32px;height:32px;border-radius:9px;background:var(--blue);color:white;display:grid;place-items:center;font-size:17px;font-weight:800;transform:skew(-8deg)}.nav{display:flex;gap:30px;font-size:14px;color:#344054}.nav a:hover,.login-link:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:22px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:14px 22px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.2s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 25px rgba(18,103,232,.2)}.btn-primary:hover{background:var(--blue2);transform:translateY(-1px)}.btn-outline{border-color:#fff;color:#fff;background:transparent}.btn-outline:hover{background:#fff;color:var(--ink)}.btn-small{padding:10px 15px}.menu-btn{display:none;background:none;border:0;font-size:24px}
.hero{min-height:650px;padding:90px 7%;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;overflow:hidden;background:linear-gradient(115deg,#06101e 0%,#09192b 55%,#0b2545 100%);color:white}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(18,103,232,.25);filter:blur(100px);right:-120px;top:-170px}.hero-content,.market-card{position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--blue);display:inline-block;margin-bottom:18px}.hero .eyebrow{color:#72a8ff}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.055em;max-width:750px;margin:0 0 25px}.hero p{font-size:18px;line-height:1.7;color:#b8c5d6;max-width:610px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:42px;margin-top:55px}.trust-row div{display:flex;flex-direction:column;gap:5px}.trust-row strong{font-size:17px}.trust-row span{font-size:11px;color:#91a0b4}.market-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:22px;box-shadow:0 35px 80px rgba(0,0,0,.3);backdrop-filter:blur(20px)}.market-card-top,.chart-label,.quotes div{display:flex;justify-content:space-between;align-items:center}.market-card-top{font-size:13px;color:#d7e0ec}.live-dot{color:#55d89a}.chart{margin:28px 0 10px}.chart-label{margin-bottom:8px}.positive{color:#37c98b!important}.negative{color:#ff7272!important}.chart svg{width:100%;height:190px}.line{fill:none;stroke:#4d9bff;stroke-width:4;vector-effect:non-scaling-stroke}.area{fill:url(#area)}.quotes{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quotes div{display:grid;gap:4px;justify-content:start}.quotes span,.quotes small{font-size:10px;color:#91a0b4}.quotes strong{font-size:13px}.ticker{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:0;overflow:hidden}.ticker div{min-width:180px;padding:0 25px;border-right:1px solid var(--line);display:flex;gap:10px;align-items:center;font-size:12px;white-space:nowrap}.ticker em,.ticker i{font-style:normal;color:var(--green)}.ticker i{color:var(--red)}.section{padding:105px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section h2,.dark-section h2,.cta h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em;line-height:1.08;margin:0}.section-head p{max-width:420px;color:var(--muted);line-height:1.7;margin:0}.market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.market-grid article{border:1px solid var(--line);border-radius:18px;padding:28px;transition:.2s}.market-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(16,24,40,.08)}.icon{width:44px;height:44px;border-radius:12px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.market-grid h3{margin:24px 0 9px}.market-grid p{color:var(--muted);line-height:1.6;font-size:14px;min-height:46px}.market-grid a{color:var(--blue);font-weight:700;font-size:13px}.dark-section{padding:100px 7%;background:var(--dark);color:#fff}.section-head.light p{color:#8fa0b5}.platform-demo{max-width:1150px;margin:auto;background:#101c2c;border:1px solid #243247;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:190px 1fr;box-shadow:0 35px 90px rgba(0,0,0,.35)}.platform-demo aside{padding:22px;border-right:1px solid #243247;display:flex;flex-direction:column;gap:8px}.side-logo{width:36px;height:36px;background:var(--blue);border-radius:9px;display:grid;place-items:center;font-weight:800;margin-bottom:20px}.platform-demo aside a{padding:11px 12px;color:#8392a8;font-size:12px;border-radius:8px}.platform-demo aside a.active{background:#19283b;color:#fff}.terminal{padding:25px}.terminal-top{display:flex;justify-content:space-between;color:#9cabc0;font-size:12px}.terminal-top strong{color:#fff;font-size:16px}.balance{margin-top:28px;display:flex;flex-direction:column;gap:6px}.balance small{color:#7e8da2}.balance strong{font-size:34px;letter-spacing:-.03em}.balance span{font-size:12px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.mini-grid div{padding:16px;background:#142337;border:1px solid #203147;border-radius:12px;display:grid;gap:5px}.mini-grid small,.mini-grid span{font-size:10px;color:#8291a5}.big-chart{border:1px solid #203147;border-radius:14px;padding:18px}.chart-title{display:flex;gap:15px;font-size:11px;color:#7f8fa4;margin-bottom:10px}.chart-title:first-child{color:#fff}.chart-title .selected{color:#5c9eff}.big-chart svg{width:100%;height:220px}.features{background:var(--soft)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.feature-grid article{background:#fff;border:1px solid var(--line);padding:30px;border-radius:18px}.feature-grid span{color:var(--blue);font-weight:800}.feature-grid h3{margin:35px 0 10px}.feature-grid p{color:var(--muted);line-height:1.7}.cta{margin:80px 7%;padding:65px;border-radius:24px;background:#edf4ff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta p{color:var(--muted);max-width:560px;line-height:1.6}footer{padding:35px 7%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#667085;font-size:12px}
.auth-body{background:#f6f8fb;min-height:100vh}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{padding:45px 7%;background:linear-gradient(140deg,#07111f,#0b2a50);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(18,103,232,.24);filter:blur(80px);right:-180px;bottom:-150px}.auth-visual>div{position:relative;z-index:1}.brand-white{color:#fff}.auth-visual h1{font-size:clamp(44px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:0 0 20px}.auth-visual p{max-width:510px;color:#b5c4d8;line-height:1.7}.auth-quote{font-size:13px;color:#8fa0b5}.auth-panel{display:grid;place-items:center;padding:35px}.auth-box{width:min(440px,100%)}.back{font-size:13px;color:#667085}.auth-box h2{font-size:35px;letter-spacing:-.04em;margin:55px 0 8px}.muted{color:#667085;font-size:14px;line-height:1.6}.auth-box form{margin-top:28px;display:grid;gap:17px}.auth-box label{font-size:12px;font-weight:700;color:#344054;display:grid;gap:8px}.auth-box input:not([type=checkbox]){width:100%;border:1px solid #d8dee8;border-radius:10px;background:#fff;padding:13px 14px;outline:none}.auth-box input:not([type=checkbox]):focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,103,232,.1)}.password-wrap{position:relative}.password-wrap input{padding-right:65px!important}.password-wrap button{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--blue);font-size:11px;font-weight:700;cursor:pointer}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.form-row a,.auth-switch a{color:var(--blue);font-weight:700}.check{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;align-items:center;gap:8px!important;font-weight:500!important}.check input{accent-color:var(--blue)}.full{width:100%;border:0;cursor:pointer}.auth-switch{text-align:center;font-size:13px;color:#667085;margin-top:24px}.demo-note{display:block;text-align:center;color:#98a2b3;margin-top:25px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.terms{margin:2px 0}.auth-stats{display:flex;gap:28px}.auth-stats div{display:grid;gap:5px}.auth-stats b{font-size:18px}.auth-stats span{font-size:11px;color:#91a0b4}
@media(max-width:900px){.nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding:75px 6%}.market-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head p{margin-top:20px}.platform-demo{grid-template-columns:1fr}.platform-demo aside{display:none}.feature-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-visual{min-height:350px}.auth-visual h1{font-size:48px}.auth-panel{padding:55px 25px}.auth-visual .auth-quote,.auth-stats{display:none}}
@media(max-width:600px){.site-header{padding:0 5%}.header-actions{display:none}.hero{padding:60px 5%}.hero h1{font-size:46px}.hero p{font-size:16px}.trust-row{gap:20px;flex-wrap:wrap}.market-card{padding:16px}.quotes{grid-template-columns:1fr}.ticker{justify-content:flex-start}.ticker div{min-width:160px}.section,.dark-section{padding:75px 5%}.market-grid{grid-template-columns:1fr}.cta{margin:45px 5%;padding:35px 25px;display:block}.cta .btn{margin-top:20px;width:100%}footer{padding:30px 5%;display:block}.footer p{margin-top:15px}.two-col{grid-template-columns:1fr}.auth-visual{padding:30px 6%;min-height:320px}.auth-visual h1{font-size:42px}.auth-box h2{margin-top:35px}}
.auth-promise{display:flex;align-items:center;gap:9px;color:#dbeafe;font-size:12px;margin-top:12px}.auth-promise span:first-child{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(55,201,139,.18);color:#55d89a;font-weight:800}.auth-contact{display:flex;justify-content:center;gap:5px;margin-top:18px;color:#667085;font-size:11px}.auth-contact a{color:var(--blue);font-weight:700}.auth-box .demo-note{margin-top:14px}
.activation-body { min-height: 100svh; background: #f6f8fb; }
.activation-layout { min-height: 100svh; display: flex; flex-direction: column; }
.activation-brand { display: flex; align-items: center; justify-content: space-between; padding: 25px 6%; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.9); }
.activation-secure { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; font-weight: 600; }.activation-secure i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px #dcfce7; }
.activation-main { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(430px, 470px); align-items: center; justify-content: center; gap: clamp(42px, 7vw, 110px); flex: 1; width: min(100%, 1030px); margin: 0 auto; padding: 55px 30px; }.activation-context { max-width: 390px; }.activation-context h2 { margin: 0 0 16px; font-size: clamp(28px, 3vw, 42px); line-height: 1.08; letter-spacing: -.045em; }.activation-context > p { color: var(--muted); font-size: 13px; line-height: 1.7; }.activation-context-list { display: flex; flex-direction: column; gap: 18px; margin-top: 30px; }.activation-context-list div { display: grid; grid-template-columns: 29px 1fr; column-gap: 10px; }.activation-context-list span { grid-row: span 2; width: 29px; height: 29px; display: grid; place-items: center; border-radius: 8px; color: var(--blue); background: var(--blue-soft); font-size: 10px; font-weight: 700; }.activation-context-list strong { font-size: 12px; }.activation-context-list small { color: var(--muted); font-size: 11px; margin-top: 3px; }.activation-box { width: 100%; padding: 40px 42px; border: 1px solid #e1e7ef; border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 20px 55px rgba(16,24,40,.09); text-align: center; }.activation-icon { width: 52px; height: 52px; display: grid; place-items: center; margin: 0 auto 20px; border-radius: 15px; color: var(--blue); background: var(--blue-soft); font-size: 24px; }.activation-box .eyebrow { margin-bottom: 11px; }.activation-box h1 { margin: 0 0 11px; font-size: 31px; letter-spacing: -.04em; }.activation-intro { margin: 0 auto; max-width: 380px; color: var(--muted); font-size: 13px; line-height: 1.65; }.activation-intro strong { color: var(--ink); font-weight: 700; overflow-wrap: anywhere; }.activation-box form { margin-top: 26px; }.otp-group { display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 22px; }.otp-digit { width: 47px; height: 56px; border: 1px solid #d1d9e4; border-radius: 9px; outline: 0; background: #fff; color: var(--ink); text-align: center; font-size: 22px; font-weight: 700; }.otp-digit:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(18,103,232,.12); }.otp-gap { width: 7px; }.activation-resend { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 18px; color: var(--muted); font-size: 11px; }.activation-resend button, .activation-help a { border: 0; padding: 0; color: var(--blue); background: transparent; font-size: 11px; font-weight: 700; cursor: pointer; }.activation-resend button:disabled { color: #98a2b3; cursor: not-allowed; }.activation-help { display: flex; justify-content: center; gap: 5px; margin-top: 18px; color: var(--muted); font-size: 11px; }.activation-note { display: flex; flex-direction: column; gap: 4px; margin-top: 24px; padding-top: 17px; border-top: 1px solid var(--line); text-align: left; }.activation-note strong { color: #4b5563; font-size: 11px; }.activation-note span { color: var(--muted); font-size: 10px; line-height: 1.5; }.activation-footer { display: flex; justify-content: center; gap: 5px; padding: 20px; color: var(--muted); font-size: 11px; }.activation-footer a { color: var(--blue); font-weight: 700; }
.field-help { color: var(--muted); font-size: 10px; font-weight: 400; margin-top: -2px; }
.form-status { margin: 16px 0 0; border-radius: 8px; padding: 11px 13px; font-size: 12px; line-height: 1.45; }
.form-status.error { color: #b42318; background: #fef3f2; border: 1px solid #fecdca; }
.form-status.loading { color: #175cd3; background: #eff8ff; border: 1px solid #b2ddff; }
.form-status.success { color: #067647; background: #ecfdf3; border: 1px solid #abefc6; }
.auth-box button:disabled { cursor: wait; opacity: .7; }
.auth-body { overflow-x: hidden; }
.auth-layout { min-height: 100svh; }
.auth-visual { padding: clamp(28px, 5vw, 64px) clamp(24px, 7vw, 96px); }
.auth-visual > div:nth-child(2) { max-width: 560px; }
.auth-visual h1 { max-width: 520px; }
.auth-panel { background: #f8fafc; padding: clamp(24px, 5vw, 64px); }
.auth-box { padding: 34px 36px; border: 1px solid #e3e8ef; border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 18px 45px rgba(16,24,40,.08); }
.auth-box h2 { margin-top: 34px; font-size: clamp(28px, 3vw, 35px); }
.auth-box form { gap: 15px; }
.auth-box input:not([type=checkbox]) { min-height: 46px; }
.auth-box .btn-primary { min-height: 48px; }
.register-box .terms { line-height: 1.4; }

@media (max-width: 900px) {
	.activation-main { grid-template-columns: 1fr; max-width: 560px; padding: 36px 22px; }
	.activation-context { display: none; }
	.auth-layout { min-height: 100svh; }
	.auth-visual { min-height: 390px; padding: 30px 7%; }
	.auth-visual h1 { font-size: clamp(40px, 9vw, 54px); }
	.auth-panel { padding: 30px 7% 44px; }
	.auth-box { max-width: 560px; padding: 30px; }
}

@media (max-width: 600px) {
	.auth-layout { display: block; }
	.auth-visual { min-height: 0; padding: 22px 20px 14px; background: #f8fafc; color: var(--ink); }
	.auth-visual:after, .auth-visual > div:not(:first-child) { display: none; }
	.auth-visual .brand-white { color: var(--ink); }
	.auth-visual .brand-mark { color: #fff; }
	.auth-panel { padding: 10px 14px 30px; background: #f8fafc; }
	.auth-box { padding: 24px 20px; border-radius: 13px; }
	.auth-box h2 { margin-top: 28px; font-size: 29px; }
	.auth-box form { margin-top: 22px; gap: 14px; }
	.auth-box label { font-size: 11px; }
	.auth-box input:not([type=checkbox]) { min-height: 45px; padding: 11px 12px; }
	.auth-contact { flex-wrap: wrap; line-height: 1.5; }
}

@media (max-width: 480px) {
	.activation-brand { padding: 20px 18px; }
	.activation-secure { display: none; }
	.activation-main { align-items: start; padding: 24px 14px 30px; }
	.activation-box { padding: 28px 18px; border-radius: 13px; }
	.activation-box h1 { font-size: 28px; }
	.otp-group { gap: 5px; }
	.otp-digit { width: 40px; height: 51px; font-size: 20px; }
	.otp-gap { width: 3px; }
}