:root{--bg:#08101d;--bg-soft:#0d1728;--panel:rgba(11,19,33,0.86);--panel-strong:rgba(14,24,39,0.96);--border:rgba(148,163,184,0.14);--text:#eff6ff;--muted:#8ca0bf;--accent:#10b981;--accent-soft:#1dd3a7;--warn:#f59e0b;--rose:#fb7185;--shadow:0 24px 80px rgba(0,0,0,0.35)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top left,rgba(16,185,129,.2),transparent 28%),radial-gradient(circle at 80% 20%,rgba(14,165,233,.18),transparent 24%),linear-gradient(180deg,#07101d,#0a1324 42%,#09111f);color:var(--text);font-family:Segoe UI,Avenir Next,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#b9f7e5;background:rgba(16,185,129,.08);font-size:12px;text-transform:uppercase;letter-spacing:.14em}.marketing-shell{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:36px 0 72px}.hero-panel{display:grid;grid-template-columns:1.15fr .95fr;grid-gap:28px;gap:28px;align-items:center;padding:32px;border:1px solid var(--border);border-radius:32px;background:linear-gradient(180deg,rgba(9,16,29,.76),rgba(8,15,27,.92));box-shadow:var(--shadow);overflow:hidden}.app-header h2,.auth-brand h1,.hero-copy h1{margin:18px 0 12px;line-height:1;letter-spacing:-.04em}.hero-copy h1{max-width:12ch;font-size:clamp(3rem,7vw,5.3rem)}.auth-brand p,.hero-copy p{max-width:56ch;color:var(--muted);font-size:1.02rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border-radius:16px;border:1px solid transparent;transition:transform .16s ease,border-color .16s ease,background .16s ease}.btn-primary{color:#041016;background:linear-gradient(135deg,#34d399,#2dd4bf);font-weight:700}.btn-secondary{color:var(--text);background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px)}.wide{width:100%}.hero-preview{position:relative;min-height:460px}.preview-glow{position:absolute;inset:50px 40px 0 40px;border-radius:50%;background:radial-gradient(circle,rgba(29,211,167,.28),transparent 62%);filter:blur(36px)}.preview-card{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(180deg,rgba(15,24,40,.92),rgba(8,14,24,.98));box-shadow:var(--shadow)}.preview-card-main{inset:20px 110px 100px 0;padding:24px}.preview-card-side{right:0;bottom:20px;width:280px;padding:22px}.app-header,.countdown-card,.mini-user,.panel-head,.preview-header,.preview-stats,.ranking-row,.task-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.countdown-card small,.header-chip,.highlight-card p,.mini-title,.panel-head span,.preview-focus span,.preview-focus strong,.preview-header,.task-row small{color:var(--muted)}.preview-focus{margin:38px 0 26px;padding:22px;border-radius:22px;background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(59,130,246,.08))}.preview-focus strong{display:block;margin-top:6px;color:var(--text);font-size:1.35rem;line-height:1.3}.kpi-card,.preview-stats>div{flex:1 1;padding:16px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.kpi-card span,.preview-stats small{display:block;margin-bottom:6px;color:var(--muted)}.kpi-card strong,.preview-stats strong{font-size:1.55rem}.header-chip,.highlight-icon,.kpi-card,.mini-title,.ranking-score{display:inline-flex;align-items:center;gap:10px}.mini-bar{height:10px;margin:10px 0 16px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.mini-bar div{height:100%;border-radius:999px;background:linear-gradient(90deg,#10b981,#34d399)}.workspace-chip{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.06);color:#d1fae5;font-size:.88rem}.saas-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:18px 22px;border-radius:22px;border:1px solid var(--border);background:rgba(255,255,255,.04)}.saas-strip strong,.theme-picker-head strong{display:block;margin-bottom:4px}.auth-footer-links span,.saas-strip span,.theme-picker-head span{color:var(--muted)}.highlights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:22px}.auth-panel,.highlight-card,.panel{border:1px solid var(--border);background:var(--panel);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.highlight-card{padding:22px}.highlight-card h2{margin:18px 0 10px;font-size:1.15rem}.highlight-card p{margin:0;line-height:1.7}.highlight-icon{width:44px;height:44px;justify-content:center;border-radius:14px;color:#c4fff0;background:linear-gradient(135deg,rgba(16,185,129,.24),rgba(59,130,246,.14))}.auth-shell{display:grid;place-items:center;padding:32px}.auth-panel{width:min(980px,100%);display:grid;grid-template-columns:.95fr 1.05fr;grid-gap:24px;gap:24px;padding:28px}.auth-form{gap:16px;padding:24px;border-radius:22px;background:rgba(255,255,255,.03)}.auth-form,.auth-form label{display:flex;flex-direction:column}.auth-form label{gap:8px;color:var(--muted);font-size:.95rem}.auth-form input{width:100%;min-height:52px;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(4,10,18,.55);color:var(--text);outline:none}.auth-check{flex-direction:row!important;align-items:center}.signup-shell{padding:32px}.backoffice-table-panel,.signup-panel{width:min(1140px,100%);margin:0 auto;border:1px solid var(--border);background:var(--panel);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.signup-panel{padding:28px}.signup-form{display:flex;flex-direction:column;gap:18px;margin-top:24px;padding:24px;border-radius:22px;background:rgba(255,255,255,.03)}.form-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.signup-form label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.95rem}.signup-form input{width:100%;min-height:52px;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(4,10,18,.55);color:var(--text);outline:none}.theme-picker{padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px}.theme-option{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);cursor:pointer}.theme-option input{min-height:0;width:auto}.theme-swatch{width:46px;height:46px;border-radius:14px}.theme-option small{display:block;margin-top:4px;color:var(--muted)}.auth-footer-links{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:6px}.auth-footer-links a{color:#a7f3d0;font-weight:600}.form-feedback{margin:0;padding:12px 14px;border-radius:14px;font-size:.94rem}.form-feedback.error{color:#fecaca;background:rgba(127,29,29,.4);border:1px solid rgba(248,113,113,.35)}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.backoffice-shell{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:36px 0 72px}.backoffice-header{margin-bottom:20px}.backoffice-header h1{margin:18px 0 10px;font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.04em}.backoffice-header p{color:var(--muted);max-width:56ch;line-height:1.7}.backoffice-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.backoffice-table-panel{padding:22px}.backoffice-table{display:flex;flex-direction:column;gap:10px}.backoffice-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;grid-gap:12px;gap:12px;padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.backoffice-head{color:var(--muted);font-size:.92rem}.sidebar{padding:28px;border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(6,12,22,.95),rgba(8,14,24,.9))}.sidebar-title{margin:14px 0 0;font-size:2rem}.sidebar-account{margin:10px 0 0;color:rgba(233,245,255,.7);font-size:.95rem}.sidebar-nav{display:flex;flex-direction:column;gap:8px;margin-top:28px}.sidebar-nav a{padding:14px 16px;border-radius:16px;color:var(--muted)}.sidebar-nav a.active{color:var(--text);background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.18)}.sidebar-footer{display:grid;grid-gap:6px;gap:6px;margin-top:28px}.sidebar-footer small{color:rgba(233,245,255,.66)}.sidebar-footer a{color:#7dd3fc;font-weight:600}.app-content{padding:28px}.header-chip{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin:24px 0}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:16px;gap:16px}.panel{padding:20px}.panel-xl{grid-row:span 2}.panel-head{margin-bottom:18px}.panel-head h3{margin:0}.countdown-list,.ranking-list,.task-stack{display:flex;flex-direction:column;gap:12px}.countdown-card,.ranking-row,.task-row{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.status-pill{padding:8px 12px;border-radius:999px;background:rgba(245,158,11,.12);color:#f8d185;font-size:.85rem}.avatar-badge{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.08)}.avatar-badge.lead{background:linear-gradient(135deg,rgba(16,185,129,.24),rgba(45,212,191,.24))}.ranking-user{display:flex;align-items:center;gap:12px}@media (max-width:1100px){.auth-panel,.dashboard-grid,.hero-panel{grid-template-columns:1fr}.backoffice-kpis,.highlights-grid,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}}@media (max-width:720px){.app-content,.auth-shell,.backoffice-shell,.marketing-shell,.sidebar,.signup-shell{width:100%;padding:18px}.auth-panel,.hero-panel,.highlight-card,.panel{border-radius:22px}.hero-copy h1{font-size:2.8rem}.backoffice-kpis,.form-split,.highlights-grid,.kpi-grid,.theme-grid{grid-template-columns:1fr}.backoffice-row,.saas-strip{display:grid;grid-template-columns:1fr}.preview-card-main,.preview-card-side{position:relative;inset:auto;width:100%;margin-top:16px}.hero-preview{min-height:0}}