:root{--color-primary:#0ea5e9;--color-primary-light:#38bdf8;--color-primary-dark:#0284c7;--color-primary-50:rgba(14,165,233,0.05);--color-primary-100:rgba(14,165,233,0.1);--color-primary-200:rgba(14,165,233,0.2);--color-secondary:#3b82f6;--color-secondary-light:#60a5fa;--color-secondary-dark:#2563eb;--color-accent:#10b981;--color-accent-light:#34d399;--color-accent-dark:#059669;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--bg-white:#ffffff;--bg-light:#f8fafc;--bg-alt:#f1f5f9;--bg-dark:#1e293b;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--text-white:#ffffff;--font-xs:12px;--font-sm:14px;--font-base:16px;--font-lg:18px;--font-xl:20px;--font-2xl:24px;--font-3xl:30px;--font-4xl:36px;--font-5xl:48px;--font-6xl:60px;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-tight:1.2;--leading-normal:1.4;--leading-relaxed:1.6;--leading-loose:1.8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:8px;--radius-base:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:999px;--shadow-sm:0 2px 8px rgba(0,0,0,0.05);--shadow-base:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 30px rgba(0,0,0,0.12);--shadow-xl:0 15px 40px rgba(0,0,0,0.15);--shadow-2xl:0 20px 60px rgba(0,0,0,0.2);--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-warm:linear-gradient(135deg,#667eea,#764ba2);--gradient-light:linear-gradient(135deg,#ffffff 0%,var(--bg-light) 100%)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.text-4xl{font-size:var(--font-4xl)}.text-5xl{font-size:var(--font-5xl)}.text-6xl{font-size:var(--font-6xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-white{color:var(--text-white)}.text-accent{color:var(--color-accent)}.text-blue{color:var(--color-primary)}.bg-white{background-color:var(--bg-white)}.bg-light{background-color:var(--bg-light)}.bg-alt{background-color:var(--bg-alt)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-warm{background:var(--gradient-warm)}.bg-gradient-light{background:var(--gradient-light)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;box-shadow:none}.btn-ghost:hover{background:var(--color-gray-100);color:var(--text-primary)}.btn-accent{background:var(--gradient-accent);color:var(--text-white);box-shadow:var(--shadow-base)}.btn-accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-sm);border-radius:var(--radius-base)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-lg);border-radius:var(--radius-xl)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--font-xl);border-radius:var(--radius-2xl)}.input{display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.link{color:var(--color-primary);text-decoration:none;transition:all var(--transition-base)}.link:hover{color:var(--color-primary-dark);text-decoration:underline}.link-muted{color:var(--text-muted)}.link-muted:hover{color:var(--text-primary)}.icon-base{font-size:var(--font-lg)}.icon-lg{font-size:var(--font-2xl)}.icon-xl{font-size:var(--font-3xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}@media (prefers-color-scheme:dark){:root{--bg-white:#1e293b;--bg-light:#334155;--bg-alt:#475569;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8}}@media (max-width:768px){.text-responsive-lg{font-size:clamp(var(--font-lg),4vw,var(--font-2xl))}.text-responsive-xl{font-size:clamp(var(--font-xl),5vw,var(--font-3xl))}.text-responsive-2xl{font-size:clamp(var(--font-2xl),6vw,var(--font-4xl))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-base);font-weight:var(--font-semibold);text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);line-height:var(--leading-tight);white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gradient-primary);color:var(--text-white);box-shadow:var(--shadow-base)}.btn-primary:hover{box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-white);color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-primary);color:var(--text-white)}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--color-gray-300)}.btn-outline:hover{background:var(--color-gray-100);border-color:var(--color-primary);color:var(--color-primary)}.card{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-base);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-compact{padding:var(--space-4);border-radius:var(--radius-lg)}.card-large{padding:var(--space-8);border-radius:var(--radius-2xl)}.card-feature{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);box-shadow:var(--shadow-base);transition:all var(--transition-base);cursor:pointer;border:2px solid transparent}.card-feature:hover{border-color:var(--color-primary-light);transform:translateY(-5px);box-shadow:var(--shadow-xl)}.card-hero{background:var(--bg-gradient-light);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-gray-200)}.card-gradient{background:var(--gradient-accent);color:var(--text-white);border:none}.card-outline{background:transparent;border:2px solid var(--color-gray-200)}.card-outline:hover{border-color:var(--color-primary);background:var(--color-primary-50)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-sm);font-weight:var(--font-semibold);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--gradient-accent);color:var(--text-white);box-shadow:var(--shadow-sm)}.badge-secondary{background:var(--color-gray-100);color:var(--text-secondary);border:1px solid var(--color-gray-200)}.badge-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.icon{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.icon-sm{width:32px;height:32px;font-size:var(--font-base)}.icon-base{width:48px;height:48px;font-size:var(--font-xl)}.icon-lg{width:64px;height:64px;font-size:var(--font-3xl)}.icon-primary{background:var(--gradient-primary);color:var(--text-white)}.icon-secondary{background:var(--color-gray-100);color:var(--text-secondary)}.icon-accent{background:var(--gradient-accent);color:var(--text-white)}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--font-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.form-input,.form-label{display:block;color:var(--text-primary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-base);background:var(--bg-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{min-height:120px;resize:vertical}.alert{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);border-left:4px solid;margin-bottom:var(--space-4)}.alert-info{background:var(--color-primary-50);border-color:var(--color-primary);color:var(--color-primary-dark)}.alert-success{background:rgba(16,185,129,.05);border-color:var(--color-accent);color:var(--color-accent-dark)}.alert-warning{background:rgba(245,158,11,.05);border-color:var(--color-warning);color:#92400e}.alert-error{background:rgba(239,68,68,.05);border-color:var(--color-error);color:#991b1b}.list{list-style:none;padding:0;margin:0}.list-item{padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-200);transition:all var(--transition-base)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--color-gray-50);padding-left:var(--space-2)}.list-checkmark{position:relative;padding-left:var(--space-6)}.list-checkmark li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:var(--font-bold)}.nav{display:flex;align-items:center;gap:var(--space-6)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-medium);transition:all var(--transition-base);position:relative}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:var(--radius-full)}.cta-section{background:var(--gradient-primary);color:var(--text-white);padding:var(--space-16) 0;text-align:center;border-radius:var(--radius-2xl);margin:var(--space-16) 0}.cta-large{padding:var(--space-20) 0}.cta-title{font-size:var(--font-4xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-4)}.cta-description{font-size:var(--font-lg);opacity:.9;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;align-items:center}@media (max-width:768px){.btn{width:100%;justify-content:center}.nav{gap:var(--space-3)}.cta-buttons,.nav{flex-direction:column}.cta-title{font-size:var(--font-3xl)}.icon-lg{width:48px;height:48px;font-size:var(--font-2xl)}}@media print{.btn,.cta-section{background:transparent!important;color:var(--text-primary)!important}.btn,.card,.cta-section{border:1px solid var(--color-gray-400)!important}.card{box-shadow:none!important}}