@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#16a34a;--color-primary-hover:#15803d;--color-primary-light:#dcfce7;--color-secondary:#2563eb;--color-secondary-hover:#1d4ed8;--color-secondary-light:#dbeafe;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-accent-light:#fef3c7;--color-background:#f8fafc;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-success:#10b981;--color-success-bg:#d1fae5;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-error:#ef4444;--color-error-bg:#fee2e2;--color-info:#3b82f6;--color-info-bg:#dbeafe;--font-family:"Inter", system-ui, -apple-system, 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:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--border-radius-sm:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-focus:0 0 0 3px #2563eb4d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--z-negative:-1;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}[data-theme=dark]{--color-background:#0f172a;--color-surface:#1e293b;--color-surface-hover:#334155;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-border:#334155;--color-border-hover:#475569;--color-primary-light:#16a34a33;--color-secondary-light:#2563eb33;--color-accent-light:#f59e0b33;--color-success-bg:#10b98133;--color-warning-bg:#f59e0b33;--color-error-bg:#ef444433;--color-info-bg:#3b82f633;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0006, 0 10px 10px -5px #0003}
*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--color-text);letter-spacing:-.02em;font-weight:700;line-height:1.2}.container{max-width:1200px;padding:0 var(--spacing-5);margin:0 auto}.surface-card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-8);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border:1px solid #e2e8f099}.surface-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary{justify-content:center;align-items:center;gap:var(--spacing-2);background-color:var(--color-primary);color:#fff;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-full);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600;display:inline-flex;box-shadow:0 4px 10px #16a34a4d}.btn-primary:hover{background-color:#15803d;transform:translateY(-1px);box-shadow:0 6px 14px #16a34a66}.btn-secondary{justify-content:center;align-items:center;gap:var(--spacing-2);background-color:var(--color-surface);color:var(--color-secondary);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-full);border:1.5px solid var(--color-secondary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:#2563eb0d;transform:translateY(-1px)}.text-h1{font-size:var(--font-size-5xl);letter-spacing:-.03em}.text-h2{font-size:var(--font-size-3xl);letter-spacing:-.02em;margin-bottom:var(--spacing-4)}.text-h3{font-size:var(--font-size-xl);letter-spacing:-.01em;margin-bottom:var(--spacing-2)}.text-body{font-size:var(--font-size-base);color:var(--color-text-muted)}.text-small{font-size:var(--font-size-sm)}.text-muted{color:var(--color-text-muted)}.form-group{margin-bottom:var(--spacing-5)}.form-label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);color:var(--color-text);letter-spacing:.01em;font-weight:600;display:block}.form-input{width:100%;padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);transition:all var(--transition-fast);background-color:#f8fafc}.form-input:focus{background-color:var(--color-surface);border-color:var(--color-secondary);box-shadow:var(--shadow-ring);outline:none}.table-wrapper{border-radius:var(--border-radius-lg);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);background-color:var(--color-surface);overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%}th,td{padding:var(--spacing-4) var(--spacing-5);text-align:left;border-bottom:1px solid var(--color-border)}th{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;z-index:10;background-color:#f8fafc;font-weight:600;position:sticky;top:0}tr:last-child td{border-bottom:none}tbody tr{transition:background-color var(--transition-fast)}tbody tr:hover{background-color:#f8fafccc}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.mb-8{margin-bottom:var(--spacing-8)}.w-full{width:100%}
.text-center{text-align:center}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.inline-block{display:inline-block}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.no-scroll{overflow:hidden}.skip-link{background:var(--color-secondary);color:#fff;z-index:100;border-radius:var(--border-radius-sm);margin:var(--spacing-2);padding:8px;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.hover-lift{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.group:hover .group-hover\:translate-x-1{transform:translate(4px)}.transition-colors{transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast)}
.header{-webkit-backdrop-filter:blur(12px);z-index:50;transition:all var(--transition-normal);background-color:#ffffffe6;border-bottom:1px solid #e2e8f0cc;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:5rem;display:flex}.logo{color:var(--color-text);z-index:52;letter-spacing:-.02em;font-size:1.25rem;font-weight:800;text-decoration:none;position:relative}.desktop-nav{gap:var(--spacing-6);align-items:center;display:flex}.nav-link{color:var(--color-text-muted);transition:color var(--transition-fast);padding:var(--spacing-2) 0;font-size:.9375rem;font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background-color:var(--color-primary);width:0;height:2px;transition:width var(--transition-fast) ease-out;border-radius:var(--border-radius-full);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover,.nav-link:focus,.nav-link.active{color:var(--color-text);outline:none}.nav-link:hover:after,.nav-link:focus:after,.nav-link.active:after{width:100%}.mobile-menu-btn{cursor:pointer;z-index:52;border-radius:var(--border-radius-full);width:2.5rem;height:2.5rem;transition:background-color var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:space-around;padding:.5rem;display:none}.mobile-menu-btn:hover{background-color:#0f172a0d}.hamburger-line{background-color:var(--color-text);transform-origin:1px;width:20px;height:2px;margin:0 auto;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.mobile-menu-details[open] .hamburger-line:first-child{transform:rotate(45deg)}.mobile-menu-details[open] .hamburger-line:nth-child(2){opacity:0;transform:translate(10px)}.mobile-menu-details[open] .hamburger-line:nth-child(3){transform:rotate(-45deg)}.mobile-menu{background-color:var(--color-surface);z-index:51;visibility:hidden;width:100%;height:100vh;padding-top:5.5rem;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translateY(-100%)}.mobile-menu-details[open] .mobile-menu{visibility:visible;transform:translateY(0)}.mobile-menu-details summary{list-style:none}.mobile-menu-details summary::-webkit-details-marker{display:none}.mobile-nav{padding:var(--spacing-6);gap:var(--spacing-2);flex-direction:column;display:flex}.mobile-nav-link{color:var(--color-text-muted);padding:var(--spacing-4) 0;transition:color var(--transition-fast);font-size:1.125rem;font-weight:500;text-decoration:none;display:block;position:relative}.mobile-nav-link:hover,.mobile-nav-link:focus,.mobile-nav-link.active{color:var(--color-text);background-color:#0000;outline:none}.md\:hidden{display:none}@media (min-width:768px){.hidden\.md\:flex{display:none}.desktop-nav.hidden.md\:flex{display:flex}}@media (max-width:768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex}}
.footer{border-top:1px solid var(--color-border);background-color:var(--color-background);margin-top:auto}.footer-container{padding-top:var(--spacing-16);padding-bottom:var(--spacing-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1/span 1}}.col-span-1{grid-column:span 1/span 1}.gap-8{gap:2rem}.mb-12{margin-bottom:3rem}.inline-block{display:inline-block}.tracking-tight{letter-spacing:-.025em}.leading-relaxed{line-height:1.625}.mb-6{margin-bottom:1.5rem}.inline-flex{display:inline-flex}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.rounded-full{border-radius:9999px}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.gap-3{gap:.75rem}.hover\:text-secondary:hover{color:var(--color-secondary)}.transition-fast{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.pt-8{padding-top:2rem}@media (min-width:768px){.md\:flex-row{flex-direction:row}}