:root{--color-primary:#1a365d;--color-primary-light:#2d4a7c;--color-primary-dark:#0f2341;--color-secondary:#475569;--color-accent:#0d9488;--color-accent-light:#14b8a6;--color-background:#fff;--color-background-alt:#f8fafc;--color-background-dark:#1e293b;--color-text:#1e293b;--color-text-light:#64748b;--color-text-inverse:#fff;--color-border:#e2e8f0;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--max-width:1200px;--max-width-narrow:800px;--border-radius:.5rem;--border-radius-lg:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}[data-theme=dark]{--color-primary:#60a5fa;--color-primary-light:#93c5fd;--color-primary-dark:#3b82f6;--color-secondary:#94a3b8;--color-accent:#2dd4bf;--color-accent-light:#5eead4;--color-background:#0f172a;--color-background-alt:#1e293b;--color-background-dark:#020617;--color-text:#f1f5f9;--color-text-light:#94a3b8;--color-text-inverse:#0f172a;--color-border:#334155;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);line-height:1.6}img{max-width:100%;height:auto}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-light)}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:600;line-height:1.3}h1{font-size:var(--font-size-5xl);font-weight:700}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-md)}.text-light{color:var(--color-text-light)}.text-center{text-align:center}.container{max-width:var(--max-width);padding:0 var(--spacing-lg);margin:0 auto}.section{padding:var(--spacing-4xl)0}.section-alt{background-color:var(--color-background-alt)}.grid{gap:var(--spacing-xl);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.nav{background-color:var(--color-background);border-bottom:1px solid var(--color-border);z-index:1000;padding:var(--spacing-md)0;position:fixed;top:0;left:0;right:0}.nav-container{max-width:var(--max-width);padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-size:var(--font-size-xl);color:var(--color-primary);font-weight:700}.nav-logo span{color:var(--color-accent)}.nav-links{align-items:center;gap:var(--spacing-xl);list-style:none;display:flex}.nav-links a{color:var(--color-text);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--color-accent)}.nav-dropdown{position:relative}.nav-dropdown-content{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--spacing-sm)0;z-index:100;display:none;position:absolute;top:100%;left:0}.nav-dropdown:hover .nav-dropdown-content{display:block}.nav-dropdown-content a{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text);display:block}.nav-dropdown-content a:hover{background-color:var(--color-background-alt)}.nav-mobile-toggle{font-size:var(--font-size-xl);cursor:pointer;background:0 0;border:none;display:none}@media (max-width:768px){.nav-links{display:none}.nav-mobile-toggle{display:block}}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xs)var(--spacing-sm);cursor:pointer;align-items:center;gap:var(--spacing-xs);color:var(--color-text);font-size:var(--font-size-sm);background:0 0;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.theme-toggle-icon{font-size:var(--font-size-base)}.btn{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-base);text-align:center;border-radius:var(--border-radius);cursor:pointer;border:2px solid #0000;font-weight:500;transition:all .2s;display:inline-block}.btn-primary{background-color:var(--color-accent);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-accent-light);color:var(--color-text-inverse)}.btn-secondary{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-large{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-lg)}.btn-group{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.hero{padding:calc(var(--spacing-4xl) + 60px)0 var(--spacing-4xl);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);color:var(--color-text-inverse)}.hero h1{color:var(--color-text-inverse);margin-bottom:var(--spacing-lg)}.hero p{font-size:var(--font-size-xl);opacity:.9;max-width:700px}.hero-page{padding:calc(var(--spacing-3xl) + 60px)0 var(--spacing-3xl)}.hero-page h1{font-size:var(--font-size-4xl)}.card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.card h3{margin-bottom:var(--spacing-sm)}.card p{color:var(--color-text-light);margin-bottom:0}.feature-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature{text-align:center;padding:var(--spacing-lg)}.feature-icon{background-color:var(--color-background-alt);width:64px;height:64px;margin:0 auto var(--spacing-md);color:var(--color-accent);font-size:var(--font-size-2xl);border-radius:50%;justify-content:center;align-items:center;display:flex}.feature h3{margin-bottom:var(--spacing-sm)}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:var(--spacing-lg)0}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}th{background-color:var(--color-background-alt);color:var(--color-primary);font-weight:600}tr:hover{background-color:var(--color-background-alt)}.pricing-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;display:grid}.pricing-card{background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center}.pricing-card.pricing-featured{border-color:var(--color-accent);position:relative}.pricing-badge{background-color:var(--color-accent);color:var(--color-text-inverse);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:var(--spacing-sm)}.pricing-amount{font-size:var(--font-size-4xl);color:var(--color-primary);margin:var(--spacing-sm)0;font-weight:700}.pricing-period{color:var(--color-text-light);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.pricing-features{text-align:left;margin:var(--spacing-xl)0;list-style:none}.pricing-features li{padding:var(--spacing-sm)0;border-bottom:1px solid var(--color-border);align-items:center;gap:var(--spacing-sm);display:flex}.pricing-features li:before{content:"✓";color:var(--color-success);font-weight:700}.role-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.role-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:all .2s}.role-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.role-card h4{color:var(--color-accent);margin-bottom:var(--spacing-xs)}.role-card p{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:0}.cta{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);color:var(--color-text-inverse);text-align:center;padding:var(--spacing-4xl)0}.cta h2{color:var(--color-text-inverse);margin-bottom:var(--spacing-md)}.cta p{opacity:.9;max-width:600px;margin:0 auto var(--spacing-xl)}.footer{background-color:var(--color-background-dark);color:var(--color-text-inverse);padding:var(--spacing-3xl)0 var(--spacing-xl)}.footer-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.footer-col h4{color:var(--color-text-inverse);margin-bottom:var(--spacing-md);font-size:var(--font-size-base)}.footer-col ul{list-style:none}.footer-col li{margin-bottom:var(--spacing-sm)}.footer-col a{color:var(--color-text-inverse);opacity:.8;transition:opacity .2s}.footer-col a:hover{opacity:1}.footer-newsletter{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid #ffffff1a}.footer-newsletter h4{color:var(--color-text-inverse);margin-bottom:var(--spacing-sm)}.footer-newsletter p{color:var(--color-text-inverse);opacity:.8;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.footer-bottom{padding-top:var(--spacing-xl);text-align:center;opacity:.6;font-size:var(--font-size-sm);border-top:1px solid #ffffff1a}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{margin-bottom:var(--spacing-sm);color:var(--color-text);font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-background);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #0d94881a}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md)center;padding-right:var(--spacing-2xl)}.form-group textarea{resize:vertical;min-height:100px}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}@media (max-width:768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.hero p{font-size:var(--font-size-lg)}.section{padding:var(--spacing-2xl)0}.btn-group{flex-direction:column}}