:root{--bg:#f6f4fb;--surface:#fff;--surface-2:#f3effb;--text:#1f1728;--muted:#6f667c;--primary:#6f42c1;--primary-dark:#59359d;--border:#e6def3;--shadow:0 10px 30px #2c174a14;--radius:22px;--radius-sm:14px;--max-width:1180px}*{box-sizing:border-box}html,body{color:var(--text);background:linear-gradient(#f8f6fc 0%,#f3eff9 100%);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}input,select,button,textarea{font:inherit}input,select,textarea{border:1px solid var(--border);background:#fff;border-radius:16px;outline:none;width:100%;padding:14px 16px;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6f42c11a}button{cursor:pointer;border:none}.page-wrap{min-height:100vh;padding:32px 20px}.container{width:100%;max-width:var(--max-width);margin:0 auto}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #6f42c114}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffb8;border:1px solid #6f42c114}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #8a5cf6 100%);color:#fff;border-radius:16px;padding:14px 18px;font-weight:700;transition:all .2s}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-dark) 0%, #7a4ceb 100%);transform:translateY(-1px)}.btn-secondary{color:var(--text);border:1px solid var(--border);background:#fff;border-radius:16px;padding:14px 18px;font-weight:700}.page-title{letter-spacing:-.02em;margin:0 0 8px;font-size:42px;line-height:1.08}.page-subtitle{color:var(--muted);margin:0;font-size:16px}.form-stack,.kpi-list{gap:14px;display:grid}.kpi-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.kpi-row:last-child{border-bottom:none}.kpi-label{color:var(--muted);font-weight:600}.kpi-value{color:var(--text);font-weight:700}.btn-secondary:hover{background:#faf7ff;border-color:#d8c8f3}.card,.panel{transition:transform .2s,box-shadow .2s}.card:hover,.panel:hover{transform:translateY(-2px);box-shadow:0 14px 36px #2c174a1f}.section-heading{letter-spacing:-.02em;margin:8px 0 6px;font-size:34px}.badge-soft{color:var(--primary);background:#f1eafe;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}@media (max-width:960px){.page-title{font-size:34px}}@media (max-width:820px){.hero-grid,.feature-grid,.three-col-grid,.dashboard-grid{grid-template-columns:1fr!important}.page-wrap{padding:24px 16px}}.two-col-grid{grid-template-columns:1.2fr .8fr}@media (max-width:900px){.two-col-grid,.hero-grid,.three-col-grid,.dashboard-grid,.dashboard-grid,.three-col-grid,.hero-grid,.two-col-grid{grid-template-columns:1fr!important}}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f6fcf0;border-bottom:1px solid #6f42c11a;position:sticky;top:0}.site-nav{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand-link{letter-spacing:-.04em;white-space:nowrap;font-size:24px;font-weight:900}.brand-link span{color:var(--primary)}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.nav-btn{cursor:pointer;white-space:nowrap;border:1px solid #6f42c124;border-radius:16px;justify-content:center;align-items:center;padding:11px 16px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.nav-btn-light{color:var(--text);background:#ffffffdb}.nav-btn-primary{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;border-color:#0000}@media (max-width:700px){.site-nav{align-items:flex-start;min-height:auto;padding-top:8px;padding-bottom:8px}.brand-link{padding-top:7px;font-size:20px}.nav-actions{gap:6px;max-width:74%}.nav-btn{border-radius:12px;padding:8px 9px;font-size:12px}.page-wrap{padding:18px 10px}.container{padding-left:10px;padding-right:10px}.card{border-radius:22px}.page-title{word-break:normal;overflow-wrap:normal;letter-spacing:-.05em!important;font-size:clamp(32px,10vw,44px)!important;line-height:1.05!important}.page-subtitle{font-size:15px!important;line-height:1.55!important}}.hero-title{max-width:720px;font-size:clamp(42px,7vw,58px)!important}@media (max-width:700px){.hero-title{font-size:38px!important;line-height:1.06!important}}
