:root{--font-family-sans: "Roboto", system-ui, -apple-system, sans-serif;--font-family-display: "Montserrat", sans-serif;--hue-primary: 208;--primary-base: var(--hue-primary), 90%;--primary-50: HSL(var(--primary-base), 96%);--primary-100: HSL(var(--primary-base), 90%);--primary-200: HSL(var(--primary-base), 80%);--primary-500: HSL(var(--primary-base), 45%);--primary-600: HSL(var(--primary-base), 38%);--primary-700: HSL(var(--primary-base), 30%);--hue-secondary: 215;--secondary-base: var(--hue-secondary), 30%;--secondary-50: HSL(var(--secondary-base), 96%);--secondary-500: HSL(var(--secondary-base), 45%);--secondary-700: HSL(var(--secondary-base), 25%);--neutral-base: 220, 15%;--neutral-50: HSL(var(--neutral-base), 98%);--neutral-100: HSL(var(--neutral-base), 95%);--neutral-200: HSL(var(--neutral-base), 90%);--neutral-500: HSL(var(--neutral-base), 45%);--neutral-700: HSL(var(--neutral-base), 25%);--neutral-900: HSL(var(--neutral-base), 12%);--success: 142, 70%, 45%;--warning: 38, 92%, 50%;--error: 0, 84%, 60%;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 24px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);color:var(--neutral-900);background-color:var(--neutral-50);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:700;color:var(--neutral-900)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.navbar{background-color:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--neutral-100);position:sticky;top:0;z-index:100;height:72px;display:flex;align-items:center}.hero{background:radial-gradient(circle at 80% 20%,HSL(var(--hue-primary),100%,95%) 0%,var(--neutral-50) 70%);padding:80px 0 60px;border-bottom:1px solid var(--neutral-100)}.card{background:#fff;border:1px solid var(--neutral-100);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--neutral-700)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--neutral-200);border-radius:var(--radius-sm);font-family:var(--font-family-sans);font-size:15px;outline:none;transition:border-color .2s ease}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px HSL(var(--primary-base),92%)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:var(--font-family-display);font-size:15px;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;gap:8px}.btn-primary{background-color:var(--primary-500);color:#fff}.btn-primary:hover{background-color:var(--primary-600)}.btn-secondary{background-color:var(--neutral-100);color:var(--neutral-700)}.btn-secondary:hover{background-color:var(--neutral-200)}.btn-outline{background-color:transparent;border:1px solid var(--neutral-200);color:var(--neutral-700)}.btn-outline:hover{background-color:var(--neutral-100);border-color:var(--neutral-500)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background-color:var(--primary-50);color:var(--primary-600)}.badge-success{background-color:HSL(var(--success),92%);color:HSL(var(--success),35%)}.badge-warning{background-color:HSL(var(--warning),92%);color:HSL(var(--warning),35%)}.flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-16{gap:16px}.gap-24{gap:24px}.grid{display:grid;gap:24px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.widget-view{background:#fff;padding:12px}.card-image-wrapper{position:relative;width:calc(100% + 48px);height:160px;overflow:hidden;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);margin:-24px -24px 20px}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card:hover .card-image{transform:scale(1.05)}