:root{
    --sky:#10a8ff;
    --sky-dark:#0574d8;
    --sky-soft:#e8f8ff;
    --sky-soft-2:#f4fbff;
    --ink:#10233f;
    --muted:#65758f;
    --line:#d6efff;
    --white:#ffffff;
    --green:#0dbb82;
    --red:#ef4e68;
    --shadow:0 24px 70px rgba(15,116,216,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    font-family:Inter,Segoe UI,Arial,sans-serif;
    color:var(--ink);
    background:linear-gradient(180deg,#f2fbff 0%,#ffffff 42%,#f7fcff 100%);
    overflow-x:hidden;
}
a{text-decoration:none}
.preloader{
    position:fixed;inset:0;background:linear-gradient(135deg,#e8f8ff,#ffffff);z-index:9999;
    display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;transition:.45s ease;
}
.preloader.hide{opacity:0;visibility:hidden}
.loader-mark{
    width:78px;height:78px;border-radius:28px;background:linear-gradient(135deg,#2ac7ff,#006ee6);
    color:#fff;font-weight:900;font-size:24px;display:grid;place-items:center;box-shadow:0 20px 45px rgba(0,126,230,.28);
}
.preloader p{font-weight:800;color:#126ea7;letter-spacing:.03em}
.earn-navbar{
    background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,168,255,.14);transition:.25s ease;
}
.earn-navbar.nav-scrolled{box-shadow:0 15px 40px rgba(34,119,178,.12)}
.navbar-toggler{border:0;box-shadow:none!important}
.navbar-toggler-icon{filter:invert(42%) sepia(94%) saturate(1100%) hue-rotate(172deg)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800}
.brand-badge{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#22c4ff,#066fe2);display:grid;place-items:center;color:#fff;box-shadow:0 14px 28px rgba(12,133,225,.22)}
.brand-word{font-size:1.05rem}.brand-word strong{color:#0493ee}
.nav-link{font-weight:700;color:#40556f!important;margin:0 6px}.nav-link:hover{color:#028ff0!important}
.btn-sky{background:linear-gradient(135deg,#27c7ff,#0678df);border:0;color:#fff!important;font-weight:800;box-shadow:0 15px 35px rgba(4,132,227,.25)}
.btn-sky:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(4,132,227,.34)}
.btn-white-glass{background:rgba(255,255,255,.72);border:1px solid var(--line);color:#087bd6;font-weight:800;box-shadow:0 12px 30px rgba(70,160,220,.12)}
.hero-section{position:relative;min-height:100vh;padding:145px 0 80px;overflow:hidden}
.hero-container{position:relative;z-index:2}
.sky-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.55;animation:float 7s ease-in-out infinite}
.orb-a{width:360px;height:360px;background:#aeeaff;top:70px;right:-90px}.orb-b{width:240px;height:240px;background:#d9f5ff;bottom:80px;left:-90px;animation-delay:1.5s}.orb-c{width:130px;height:130px;background:#83ddff;top:34%;left:48%;animation-delay:3s}
@keyframes float{50%{transform:translateY(-28px)}}
.pill-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#087bd6;font-weight:800;box-shadow:0 15px 35px rgba(32,150,220,.12)}
.pill-badge span{width:10px;height:10px;border-radius:50%;background:#16c784;box-shadow:0 0 0 7px rgba(22,199,132,.15)}
.hero-title{font-size:clamp(2.5rem,6vw,5.1rem);line-height:1.02;font-weight:950;letter-spacing:-.06em;color:#0d2746;margin-bottom:22px}
.hero-text{font-size:1.14rem;line-height:1.8;color:#61708a;max-width:620px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.hero-metrics{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px}.hero-metrics div{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:20px;padding:16px 18px;min-width:130px;box-shadow:0 12px 35px rgba(4,132,227,.08)}.hero-metrics strong{display:block;font-size:2rem;color:#008fea}.hero-metrics span{color:var(--muted);font-weight:700;font-size:.86rem}
.dashboard-card{background:rgba(255,255,255,.88);border:1px solid rgba(13,168,255,.22);border-radius:34px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(0,174,255,.18),transparent 45%);pointer-events:none}.floating-panel{animation:panelFloat 5s ease-in-out infinite}@keyframes panelFloat{50%{transform:translateY(-12px)}}.panel-top,.panel-actions,.balance-tile,.market-list,.mini-chart{position:relative;z-index:1}.panel-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-top small{text-transform:uppercase;color:#7490aa;font-weight:800}.panel-top h3{font-weight:900;margin:4px 0 0}.live-dot{background:#e9fff7;color:#0aa875;border:1px solid #bdf5e3;padding:7px 12px;border-radius:999px;font-weight:900}.balance-tile{background:linear-gradient(135deg,#0aa4ff,#0068cf);border-radius:26px;color:#fff;padding:24px;margin-bottom:18px}.balance-tile span,.balance-tile small{display:block;opacity:.85}.balance-tile strong{display:block;font-size:2rem;margin:4px 0}.market-list{display:grid;gap:10px}.market-row{display:flex;justify-content:space-between;background:#f2fbff;border:1px solid var(--line);padding:13px 15px;border-radius:16px;font-weight:800}.market-row.up b{color:var(--green)}.market-row.down b{color:var(--red)}.mini-chart{height:130px;background:linear-gradient(180deg,#f5fcff,#e9f8ff);border:1px solid var(--line);border-radius:22px;margin:18px 0;padding:18px;display:flex;align-items:end;gap:10px}.mini-chart span{flex:1;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#02baff,#0877dd)}
.section-block{padding:96px 0}.section-heading{max-width:780px;margin:0 auto 48px}.eyebrow{display:inline-block;font-weight:900;color:#0582d9;background:#e8f8ff;border:1px solid var(--line);padding:8px 14px;border-radius:999px;margin-bottom:14px}.eyebrow.light{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.35)}.section-heading h2,.section-title-left{font-size:clamp(2rem,4vw,3.4rem);font-weight:950;letter-spacing:-.04em;color:#0e2a4b}.section-heading p,.muted-text{color:#65758f;line-height:1.8;font-size:1.04rem}.feature-card{height:100%;padding:28px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(7,119,197,.08);transition:.25s ease}.feature-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(7,119,197,.14)}.feature-card i{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#22c4ff,#0578df);font-size:1.45rem;margin-bottom:20px}.feature-card h5{font-weight:900}.feature-card p{color:#64738d;line-height:1.7}.workflow-section{padding:88px 0;background:linear-gradient(135deg,#e9f8ff,#ffffff)}.timeline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.timeline-step{background:#fff;border:1px solid var(--line);border-radius:26px;padding:25px;box-shadow:0 18px 45px rgba(7,119,197,.08)}.timeline-step b{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#0ca5f4;color:#fff;margin-bottom:14px}.timeline-step h5{font-weight:900}.timeline-step p{color:var(--muted);line-height:1.7}.vip-bg{background:#f4fbff}.vip-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 18px 45px rgba(7,119,197,.08);position:relative;overflow:hidden}.vip-card:before{content:"";position:absolute;top:-65px;right:-65px;width:150px;height:150px;border-radius:50%;background:#e0f6ff}.vip-card.active{background:linear-gradient(135deg,#ffffff,#e8f8ff);border-color:#7edcff;transform:translateY(-8px)}.vip-card span{font-weight:950;color:#0582d9}.vip-card h3{font-size:1.6rem;font-weight:950;margin:12px 0}.vip-card p{color:var(--muted);line-height:1.7}.vip-card b{color:#0aa875}.market-board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.market-chip{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;display:flex;align-items:center;gap:15px;box-shadow:0 18px 45px rgba(7,119,197,.08)}.market-chip i{width:54px;height:54px;border-radius:18px;background:#e6f8ff;color:#028fea;display:grid;place-items:center;font-size:1.5rem}.market-chip span{display:block;font-weight:950}.market-chip b{display:block;color:#6b7b92;font-size:.86rem}.security-section{background:linear-gradient(180deg,#fff,#f4fbff)}.check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}.check-list li{display:flex;gap:10px;align-items:center;font-weight:800;color:#43566f}.check-list i{color:#0dbb82}.control-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:28px;box-shadow:var(--shadow)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e8f5ff;padding:18px 0}.control-row:last-child{border-bottom:0}.control-row span{font-weight:950;color:#047edf}.control-row b{color:#4f6077;text-align:right}.cta-section{padding:95px 0;background:linear-gradient(135deg,#08a6fb,#0468d2);color:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.13);top:-160px;right:-120px}.cta-section h2{font-size:clamp(2rem,4vw,3.6rem);font-weight:950;letter-spacing:-.04em}.cta-section p{font-size:1.1rem;opacity:.88}.footer{background:#07253f;color:#d8edff;padding:48px 0 20px}.footer p{color:#a8c4da;margin:18px 0 0}.footer-brand{color:#fff!important}.footer-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.footer-links a{color:#c6e8ff;font-weight:800}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:20px;text-align:center;color:#91b3ce}.back-to-top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border:0;border-radius:50%;background:#0398f2;color:#fff;font-size:1.6rem;box-shadow:0 18px 35px rgba(3,152,242,.3);opacity:0;visibility:hidden;transition:.25s ease;z-index:50}.back-to-top.show{opacity:1;visibility:visible}.reveal{opacity:0;transform:translateY(24px);transition:.65s ease}.reveal.revealed{opacity:1;transform:none}
@media(max-width:991px){.earn-navbar{background:#fff}.hero-section{padding-top:120px}.timeline-grid,.market-board{grid-template-columns:1fr}.control-row{align-items:flex-start;flex-direction:column}.footer-links{justify-content:flex-start}.nav-actions{padding:12px 0 4px}}
@media(max-width:575px){.hero-actions .btn{width:100%}.dashboard-card{padding:20px;border-radius:26px}.section-block{padding:70px 0}.timeline-step,.feature-card,.vip-card{border-radius:22px}.market-chip{align-items:flex-start}.hero-metrics div{width:100%}}