:root{--color-primary: hsl(237 84% 54%);--color-primary-glow: hsl(237 84% 65%);--color-accent: hsl(264 70% 52%);--color-success: hsl(142 76% 36%);--color-warning: hsl(38 92% 50%);--color-destructive: hsl(0 84.2% 60.2%);--color-background: hsl(240 20% 98%);--color-foreground: hsl(240 10% 15%);--color-muted: hsl(240 15% 95%);--color-muted-foreground: hsl(240 5% 45%);--color-card: hsl(0 0% 100%);--color-card-foreground: hsl(240 10% 15%);--color-border: hsl(240 15% 90%);--gradient-primary: linear-gradient(135deg, hsl(237 84% 54%), hsl(264 70% 52%));--gradient-subtle: linear-gradient(180deg, hsl(240 20% 98%), hsl(0 0% 100%));--shadow-smooth: 0 2px 10px -2px hsl(240 10% 15% / .08);--shadow-card: 0 4px 20px -4px hsl(237 84% 54% / .15);--shadow-hover: 0 8px 30px -6px hsl(237 84% 54% / .25);--radius: .75rem;--radius-sm: .5rem;--radius-lg: 1rem;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--container-max: 1180px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--color-background);color:var(--color-foreground);line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--color-primary);text-decoration:none}h1,h2,h3,h4{line-height:1.2;margin:0 0 var(--space-4)}p{margin:0 0 var(--space-4)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-card)}.btn-primary:hover{box-shadow:var(--shadow-hover)}.btn-secondary{background:var(--color-card);color:var(--color-primary);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--color-foreground)}.btn-ghost:hover{background:var(--color-muted)}.btn-block{width:100%}.site-header{position:sticky;top:0;z-index:40;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.site-header .logo{font-weight:800;font-size:1.25rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.site-header nav ul{list-style:none;display:flex;gap:var(--space-6);margin:0;padding:0}.site-header nav a{color:var(--color-foreground);font-weight:500;font-size:.95rem}.site-header nav a:hover{color:var(--color-primary)}.site-header .header-actions{display:flex;gap:var(--space-3);align-items:center}.site-header .nav-toggle{display:none}@media (max-width: 860px){.site-header nav{display:none}.site-header .nav-toggle{display:inline-flex}}.site-footer{background:var(--color-card-foreground);color:#ffffffd9;margin-top:var(--space-24)}.site-footer .footer-inner{padding:var(--space-16) 0 var(--space-8);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-8)}.site-footer h4{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-bottom:var(--space-2)}.site-footer a{color:#ffffffbf;font-size:.9rem}.site-footer a:hover{color:#fff}.site-footer .footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding:var(--space-4) 0;font-size:.8rem;color:#ffffff80;text-align:center}.site-footer button.link-btn{background:none;border:none;padding:0;color:#ffffffbf;font-size:.9rem;cursor:pointer;font-family:inherit}.site-footer button.link-btn:hover{color:#fff}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-smooth);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.hero{background:var(--gradient-subtle);padding:var(--space-24) 0;text-align:center}.hero h1{font-size:clamp(2rem,4vw,3.25rem);max-width:820px;margin:0 auto var(--space-4)}.hero .hero-sub{max-width:620px;margin:0 auto var(--space-8);color:var(--color-muted-foreground);font-size:1.15rem}.hero .hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.section{padding:var(--space-24) 0}.section.section-muted{background:var(--color-muted)}.section-head{text-align:center;max-width:640px;margin:0 auto var(--space-12)}.section-head h2{font-size:clamp(1.6rem,3vw,2.25rem)}.section-head p{color:var(--color-muted-foreground)}.grid{display:grid;gap:var(--space-8)}.grid.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:var(--space-4)}.badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;background:#2731ec1a;color:var(--color-primary)}.workflow-diagram{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.workflow-diagram .workflow-step{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-6);font-weight:600;box-shadow:var(--shadow-smooth)}.workflow-diagram .workflow-arrow{color:var(--color-muted-foreground)}.form-field{margin-bottom:var(--space-4)}.form-field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:var(--space-2)}.form-field input,.form-field textarea,.form-field select{width:100%;padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:inherit;font-size:.95rem;background:var(--color-card);color:var(--color-foreground)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--color-primary)}.form-field textarea{min-height:120px;resize:vertical}.form-field .field-error{color:var(--color-destructive);font-size:.85rem;margin-top:var(--space-1)}.alert{padding:var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-6);font-size:.9rem}.alert.alert-success{background:#16a2491a;color:var(--color-success)}.alert.alert-error{background:#ef44441a;color:var(--color-destructive)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#22222a80;display:none;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.modal-overlay.is-open{display:flex}.modal{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--space-8);max-width:480px;width:100%;box-shadow:var(--shadow-hover);position:relative}.modal .modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-muted-foreground)}table.data-table{width:100%;border-collapse:collapse;font-size:.9rem}table.data-table th,table.data-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}table.data-table th{color:var(--color-muted-foreground);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}