:root{--eh-primary:#6c5ce7;--eh-primary-2:#8b5cf6;--eh-accent:#18c8b4;--eh-dark:#0b1020;--eh-surface:#ffffff;--eh-bg:#f5f7fb;--eh-text:#171c2f;--eh-muted:#6f7890;--eh-border:#e5e9f2;--eh-shadow:0 16px 45px rgba(22,32,66,.09)}
[data-theme="dark"]{--eh-surface:#12182a;--eh-bg:#090e1b;--eh-text:#f3f5fb;--eh-muted:#9ca6bb;--eh-border:#242d44;--eh-shadow:0 18px 50px rgba(0,0,0,.26)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--eh-bg);color:var(--eh-text);line-height:1.6}a{text-decoration:none}.text-muted{color:var(--eh-muted)!important}.bg-surface{background:var(--eh-surface)!important}.border-soft{border-color:var(--eh-border)!important}.navbar{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--eh-border)}[data-theme="dark"] .navbar{background:rgba(9,14,27,.88)}.navbar-brand{font-weight:900;letter-spacing:-.7px;color:var(--eh-text)!important}.brand-mark{width:38px;height:38px;border-radius:13px;display:inline-grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--eh-primary),var(--eh-accent));box-shadow:0 8px 22px rgba(108,92,231,.32)}.nav-link{color:var(--eh-muted)!important;font-weight:600}.nav-link:hover,.nav-link.active{color:var(--eh-primary)!important}.btn-primary{background:linear-gradient(135deg,var(--eh-primary),var(--eh-primary-2));border:none;box-shadow:0 8px 22px rgba(108,92,231,.23)}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-outline-primary{color:var(--eh-primary);border-color:var(--eh-primary)}.btn-outline-primary:hover{background:var(--eh-primary);border-color:var(--eh-primary)}.btn{border-radius:12px;font-weight:700;padding:.72rem 1.15rem;transition:.2s}.hero{padding:7rem 0 5rem;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 15%,rgba(24,200,180,.16),transparent 29%),radial-gradient(circle at 10% 15%,rgba(108,92,231,.17),transparent 32%)}.hero h1{font-size:clamp(2.45rem,6vw,5rem);font-weight:900;letter-spacing:-2.6px;line-height:1.02}.gradient-text{background:linear-gradient(90deg,var(--eh-primary),var(--eh-accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-card{background:var(--eh-surface);border:1px solid var(--eh-border);border-radius:28px;padding:1.4rem;box-shadow:var(--eh-shadow);transform:rotate(1.5deg)}.glass-card,.feature-card,.pricing-card,.dashboard-card{background:var(--eh-surface);border:1px solid var(--eh-border);border-radius:20px;box-shadow:var(--eh-shadow)}.feature-card{height:100%;padding:1.6rem;transition:.25s}.feature-card:hover{transform:translateY(-5px)}.icon-box{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(108,92,231,.11);color:var(--eh-primary);font-size:1.35rem}.section{padding:5.5rem 0}.section-title{font-weight:900;letter-spacing:-1.1px}.soft-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .75rem;border-radius:999px;background:rgba(108,92,231,.1);color:var(--eh-primary);font-weight:800;font-size:.83rem}.pricing-card{padding:2rem;position:relative}.pricing-card.featured{border:2px solid var(--eh-primary);transform:scale(1.025)}.price{font-weight:900;font-size:2.6rem}.footer{background:#080d19;color:#dfe5f2;padding:4rem 0 2rem}.auth-wrap{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:4rem 0}.auth-card{width:min(520px,94vw);padding:2rem;background:var(--eh-surface);border:1px solid var(--eh-border);border-radius:24px;box-shadow:var(--eh-shadow)}.form-control,.form-select{background:var(--eh-surface);color:var(--eh-text);border:1px solid var(--eh-border);border-radius:12px;padding:.78rem .9rem}.form-control:focus,.form-select:focus{background:var(--eh-surface);color:var(--eh-text);border-color:var(--eh-primary);box-shadow:0 0 0 .22rem rgba(108,92,231,.12)}.accordion-item{background:var(--eh-surface);color:var(--eh-text);border-color:var(--eh-border)}.accordion-button{background:var(--eh-surface);color:var(--eh-text);font-weight:700}.accordion-button:not(.collapsed){color:var(--eh-primary);background:rgba(108,92,231,.07)}.dashboard-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;background:#0b1020;color:#fff;padding:1.2rem;z-index:1040;overflow:auto}.sidebar .brand{color:#fff;font-size:1.25rem;font-weight:900;padding:.55rem .5rem 1.25rem;display:flex;align-items:center;gap:.7rem}.sidebar .nav-link{color:#9ea7bc!important;border-radius:11px;padding:.68rem .75rem;margin:.15rem 0;display:flex;align-items:center;gap:.75rem}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:linear-gradient(90deg,rgba(108,92,231,.26),rgba(24,200,180,.08));color:#fff!important}.dashboard-main{margin-left:270px;min-height:100vh}.dashboard-topbar{position:sticky;top:0;z-index:1020;background:rgba(245,247,251,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--eh-border);padding:.9rem 1.35rem}[data-theme="dark"] .dashboard-topbar{background:rgba(9,14,27,.9)}.dashboard-content{padding:1.5rem}.dashboard-card{padding:1.25rem}.stat-value{font-size:1.65rem;font-weight:900;letter-spacing:-.6px}.table{--bs-table-bg:transparent;--bs-table-color:var(--eh-text);--bs-table-border-color:var(--eh-border)}.table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--eh-muted);font-weight:800}.task-card{background:var(--eh-surface);border:1px solid var(--eh-border);border-radius:18px;padding:1.15rem;height:100%;transition:.2s}.task-card:hover{transform:translateY(-3px);box-shadow:var(--eh-shadow)}.reward-pill{background:rgba(24,200,180,.12);color:#0a9f8f;border-radius:999px;padding:.32rem .65rem;font-weight:800;font-size:.82rem}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--eh-border)}.avatar-lg{width:96px;height:96px}.progress{height:9px;border-radius:99px;background:var(--eh-border)}.progress-bar{background:linear-gradient(90deg,var(--eh-primary),var(--eh-accent))}.badge-status{font-size:.75rem;border-radius:999px;padding:.36rem .65rem}.status-completed,.status-approved,.status-active,.status-verified{background:rgba(24,200,180,.14);color:#0d9d8e}.status-pending{background:rgba(245,173,0,.15);color:#b27900}.status-rejected,.status-suspended{background:rgba(239,68,68,.12);color:#d13535}.video-stage{position:relative;border-radius:20px;overflow:hidden;background:#000;box-shadow:var(--eh-shadow)}.video-stage video{width:100%;display:block;max-height:560px}.timer-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--eh-accent) var(--progress,0%),var(--eh-border) 0);position:relative}.timer-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--eh-surface)}.timer-ring span{position:relative;z-index:1;font-weight:900}.wheel{width:290px;height:290px;border-radius:50%;margin:auto;background:conic-gradient(#6c5ce7 0 45deg,#18c8b4 45deg 90deg,#ffb020 90deg 135deg,#ef476f 135deg 180deg,#5b8def 180deg 225deg,#8b5cf6 225deg 270deg,#20c997 270deg 315deg,#f97316 315deg 360deg);border:10px solid var(--eh-surface);box-shadow:0 0 0 4px var(--eh-border),var(--eh-shadow);transition:transform 4s cubic-bezier(.17,.67,.18,1.02)}.wheel-wrap{position:relative}.wheel-pointer{position:absolute;left:50%;top:-8px;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:38px solid var(--eh-text);z-index:2}.admin-kpi{border-left:4px solid var(--eh-primary)}.empty-state{text-align:center;padding:3.5rem 1rem;color:var(--eh-muted)}.toast-container{z-index:2000}.mobile-menu{display:none}.hero-metric{padding:1rem;border-radius:16px;background:rgba(108,92,231,.06);border:1px solid var(--eh-border)}.testimonial-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover}.content-page{padding:6.5rem 0 4rem}.content-prose{max-width:850px;margin:auto}.content-prose h2{margin-top:2rem;font-weight:850}.chart-bars{height:190px;display:flex;align-items:flex-end;gap:10px}.chart-bars span{flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,var(--eh-primary),var(--eh-accent));min-height:8px;position:relative}.chart-bars span:hover:after{content:attr(data-value);position:absolute;top:-28px;left:50%;transform:translateX(-50%);font-size:.72rem;background:var(--eh-text);color:var(--eh-surface);padding:.15rem .35rem;border-radius:5px}
@media(max-width:991.98px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.dashboard-main{margin-left:0}.mobile-menu{display:inline-flex}.hero{padding-top:5rem}.pricing-card.featured{transform:none}.hero-card{margin-top:2rem;transform:none}}
@media(max-width:575.98px){.dashboard-content{padding:1rem}.hero h1{letter-spacing:-1.5px}.section{padding:4rem 0}.auth-card{padding:1.35rem}.table-responsive{border-radius:14px}}