:root{--color-primary:#365072;--color-primary-dark:#2a3f57;--color-primary-light:#e8edf3;--color-secondary:#f5ba36;--color-accent:#8b5cf6;--color-success:#10b981;--color-success-dark:#059669;--color-warning:#f59e0b;--color-danger:#ef4444;--color-danger-dark:#dc2626;--color-error:#ef4444;--color-info:#06b6d4;--color-neutral-50:#f9fafb;--color-neutral-100:#fff;--color-neutral-200:#f3f4f6;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-white:#fff;--color-black:#000;--color-text:var(--color-neutral-900);--color-text-light:var(--color-neutral-600);--color-focus:#3b82f6;--color-gray-100:var(--color-neutral-200);--color-gray-200:var(--color-neutral-300);--color-gray-300:var(--color-neutral-400);--color-gray-400:var(--color-neutral-500);--color-gray-500:var(--color-neutral-600);--color-gray-700:var(--color-neutral-800);--color-gray-800:#0f172a;--color-gray-900:#0a0e27;--font-size-body:clamp(1rem,0.95rem + 0.25vw,1.125rem);--font-size-h1:clamp(2.25rem,1.8rem + 2.25vw,3rem);--font-size-h2:clamp(1.5rem,1.2rem + 1.5vw,2rem);--font-size-h3:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--font-size-h4:clamp(1.125rem,1.05rem + 0.375vw,1.25rem);--font-size-h5:clamp(1rem,0.95rem + 0.25vw,1.125rem);--font-size-h6:clamp(0.875rem,0.85rem + 0.125vw,1rem);--font-size-small:clamp(0.875rem,0.85rem + 0.125vw,1rem);--font-size-caption:clamp(0.75rem,0.725rem + 0.125vw,0.875rem);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--font-body:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--line-height-body:1.6;--line-height-heading:1.2;--line-height-loose:1.8;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--space-3xs:0.125rem;--space-2xs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-full:9999px;--radius-sm:var(--border-radius-sm);--radius-md:var(--border-radius-md);--radius-lg:var(--border-radius-lg);--radius-xl:var(--border-radius-xl);--radius-2xl:var(--border-radius-2xl);--radius-full:var(--border-radius-full);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--transition-base:0.2s ease;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--placeholder-bg-light:var(--color-neutral-200);--placeholder-bg-dark:var(--color-neutral-400);--placeholder-border:var(--color-neutral-600);--placeholder-border-light:var(--color-neutral-300);--placeholder-text:var(--color-neutral-600);--placeholder-text-dark:var(--color-neutral-800);--placeholder-bg-gradient:linear-gradient(135deg,var(--placeholder-bg-dark) 0%,var(--placeholder-bg-light) 100%);--border-width:2px;--border-solid:var(--border-width) solid var(--placeholder-border);--border-dashed:var(--border-width) dashed var(--placeholder-border);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-neutral-100);color:var(--color-neutral-900);font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}h1,h2,h3,h4,h5,h6,p{margin-bottom:var(--space-md);margin-top:0}p:last-child{margin-bottom:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--color-accent)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}button{background:transparent;border:none;cursor:pointer}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}.card-content ol,.card-content ul,.content ol,.content ul,p ol,p ul{list-style:revert;margin:var(--space-md) 0;padding-left:var(--space-xl)}.card-content ul,.content ul,p ul{list-style-type:disc}.card-content ol,.content ol,p ol{list-style-type:decimal}.card-content li,.content li,p li{color:var(--color-neutral-700);line-height:var(--line-height-body);margin:var(--space-xs) 0;padding-left:var(--space-xs)}.card-content ol ul,.card-content ul ul,.content ol ul,.content ul ul,p ol ul,p ul ul{list-style-type:circle;margin-bottom:var(--space-xs);margin-top:var(--space-xs)}.card-content ol ol,.card-content ul ol,.content ol ol,.content ul ol,p ol ol,p ul ol{list-style-type:lower-alpha;margin-bottom:var(--space-xs);margin-top:var(--space-xs)}.skip-link{background:var(--color-primary);color:#fff;padding:var(--space-sm) var(--space-md);top:-40px;z-index:var(--z-tooltip)}.h1{font-size:var(--font-size-h1)}.h1,.h2{line-height:var(--line-height-heading)}.h2{font-size:var(--font-size-h2)}.h3{font-size:var(--font-size-h3)}.h3,.h4{line-height:var(--line-height-heading)}.h4{font-size:var(--font-size-h4)}.h5{font-size:var(--font-size-h5)}.h5,.h6{line-height:var(--line-height-heading)}.h6{font-size:var(--font-size-h6)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.m-3xl{margin:var(--space-3xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.p-3xl{padding:var(--space-3xl)}.py-xs{padding-bottom:var(--space-xs);padding-top:var(--space-xs)}.py-sm{padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.py-md{padding-bottom:var(--space-md);padding-top:var(--space-md)}.py-lg{padding-bottom:var(--space-lg);padding-top:var(--space-lg)}.py-xl{padding-bottom:var(--space-xl);padding-top:var(--space-xl)}.py-2xl{padding-bottom:var(--space-2xl);padding-top:var(--space-2xl)}.py-3xl{padding-bottom:var(--space-3xl);padding-top:var(--space-3xl)}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.px-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.px-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}main>section:not(.hero):not(.cta-bg-gradient):not(.cta-bg-solid):nth-of-type(odd){background:var(--color-neutral-50)}main>section:not(.hero):not(.cta-bg-gradient):not(.cta-bg-solid):nth-of-type(2n){background:#fff}.section{padding:var(--space-5xl) 0}@media (min-width:769px) and (max-width:1024px){.section{padding:var(--space-2xl) 0}}.container,.container-center{margin:0 auto;max-width:var(--container-xl);padding:0 var(--space-md)}.container-center-sm{margin:0 auto;max-width:var(--container-sm);padding:0 var(--space-md)}.container-center-md{margin:0 auto;max-width:var(--container-md);padding:0 var(--space-md)}.container-center-lg{margin:0 auto;max-width:var(--container-lg);padding:0 var(--space-md)}.container-center-xl{margin:0 auto;max-width:var(--container-xl);padding:0 var(--space-md)}.section-padding-sm{padding:var(--space-lg) 0}.section-padding-md{padding:var(--space-xl) 0}.section-padding-lg{padding:var(--space-2xl) 0}.section-padding-xl{padding:var(--space-3xl) 0}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.grid{display:grid;gap:var(--space-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:var(--space-lg)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.auto-grid,.grid-4{display:grid;gap:var(--space-lg)}.auto-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{gap:var(--space-md);grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.card-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):not(.link-arrow),.content a:not(.btn):not([class*=btn-]):not([class*=cta-button]):not(.link-arrow),.cta-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):not(.link-arrow),.grid-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):not(.link-arrow),.hero-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):not(.link-arrow),.hero-subtitle a:not(.btn):not([class*=btn-]):not([class*=cta-button]):not(.link-arrow),.section-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):not(.link-arrow),.two-column-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):not(.link-arrow),p a:not(.btn):not([class*=btn-]):not([class*=cta-button]):not(.link-arrow){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:all var(--transition-normal)}.card-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):hover,.content a:not(.btn):not([class*=btn-]):not([class*=cta-button]):hover,.cta-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):hover,.grid-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):hover,.hero-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):hover,.hero-subtitle a:not(.btn):not([class*=btn-]):not([class*=cta-button]):hover,.section-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):hover,.two-column-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):hover,p a:not(.btn):not([class*=btn-]):not([class*=cta-button]):hover{color:var(--color-accent);text-decoration-thickness:2px}.card-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):focus-visible,.content a:not(.btn):not([class*=btn-]):not([class*=cta-button]):focus-visible,.cta-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):focus-visible,.grid-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):focus-visible,.hero-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):focus-visible,.hero-subtitle a:not(.btn):not([class*=btn-]):not([class*=cta-button]):focus-visible,.section-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):focus-visible,.two-column-description a:not(.btn):not([class*=btn-]):not([class*=cta-button]):focus-visible,p a:not(.btn):not([class*=btn-]):not([class*=cta-button]):focus-visible{border-radius:2px;outline:2px solid var(--color-accent);outline-offset:3px}[class*=placeholder-]:not([class*=logo-placeholder]){align-items:center;aspect-ratio:16/9;background:var(--placeholder-bg-gradient);background-position:50%;background-size:cover;border:var(--border-dashed);border-radius:var(--border-radius-lg);display:flex;justify-content:center;overflow:hidden;position:relative}[class*=placeholder-]:not([class*=logo-placeholder]):before{content:"\1F4F7";font-size:3rem;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%)}[class*=placeholder-]:not([class*=logo-placeholder]):after{bottom:var(--space-md);color:var(--placeholder-text);content:"[Image Placeholder]";font-size:var(--font-size-small);font-weight:var(--font-weight-medium);left:50%;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap}[class*=placeholder-]:not([class*=logo-placeholder])[style*="background-image: url"]{border-color:transparent;border-style:solid}[class*=placeholder-]:not([class*=logo-placeholder])[style*="background-image: url"]:after,[class*=placeholder-]:not([class*=logo-placeholder])[style*="background-image: url"]:before{display:none}.placeholder-image:after,[class*=placeholder-]:not([class*=logo-placeholder]):not(.placeholder-image):after{content:"[Image Placeholder]"}.placeholder-aquaculture:after{content:"[Aquaculture Image]"}.placeholder-fish-tracking:after,.placeholder-tracking:after{content:"[Fish Tracking Image]"}.placeholder-technology:after{content:"[Technology Image]"}.placeholder-products:after{content:"[Products Image]"}.placeholder-hero:after{content:"[Hero Image]"}.placeholder-thumbnail:after{content:"[Thumbnail Image]"}.placeholder-banner:after{content:"[Banner Image]"}.placeholder-feature:after{content:"[Feature Image]"}.placeholder-resource:after{content:"[Resource Image]"}.placeholder-square{aspect-ratio:1/1}.placeholder-portrait{aspect-ratio:3/4}.placeholder-wide{aspect-ratio:21/9}.placeholder-contain{background-color:#fff!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.card [class*=placeholder-]:before,.content-grid [class*=placeholder-]:before{font-size:2rem}.hero [class*=placeholder-]:before{font-size:4rem}@media (max-width:768px){[class*=placeholder-]:before{font-size:2rem}[class*=placeholder-]:after{bottom:var(--space-sm);font-size:var(--font-size-caption)}.hero [class*=placeholder-]:before{font-size:3rem}}@media (prefers-contrast:high){[class*=placeholder-]{border-width:3px}}.btn,a.btn,button.btn{border-radius:var(--border-radius-md);display:inline-block;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--space-sm) var(--space-xl);text-decoration:none;transition:all var(--transition-normal)}.btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.btn-primary{background:var(--color-primary);border:2px solid var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-md);color:var(--color-white);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-accent);box-shadow:var(--shadow-md);color:var(--color-white);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-tertiary{background:transparent;border-color:transparent;color:var(--color-text)}.btn-tertiary:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-primary)}.btn-secondary-color{background:var(--color-secondary);border:2px solid var(--color-secondary);color:var(--color-neutral-900)}.btn-secondary-color:hover:not(:disabled){background:transparent;border-color:var(--color-secondary);box-shadow:var(--shadow-md);color:var(--color-secondary);transform:translateY(-1px)}.btn-secondary-color:active:not(:disabled){transform:translateY(0)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.btn-success:hover:not(:disabled){background:var(--color-success-dark);border-color:var(--color-success-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-light{background:transparent;border:2px solid var(--color-white);color:var(--color-white)}.btn-light:hover:not(:disabled){background:var(--color-white);border-color:var(--color-white);box-shadow:0 4px 12px hsla(0,0%,100%,.2);color:var(--color-neutral-900);transform:translateY(-1px)}.btn-light:active:not(:disabled){box-shadow:0 2px 6px hsla(0,0%,100%,.15);transform:translateY(0)}.btn-sm{font-size:var(--text-sm);padding:var(--space-xs) var(--space-md)}.btn-md{font-size:var(--text-base);padding:var(--space-sm) var(--space-lg)}.btn-lg{font-size:var(--text-lg);padding:var(--space-md) var(--space-xl)}.btn.disabled,.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn.loading{color:transparent;pointer-events:none;position:relative}.btn.loading:after{animation:button-spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes button-spin{to{transform:rotate(1turn)}}.btn-group{display:inline-flex;gap:var(--space-xs)}.btn-group .btn{flex-shrink:0}.btn-group-attached{display:inline-flex;gap:0}.btn-group-attached .btn{border-radius:0;margin-left:-1px}.btn-group-attached .btn:first-child{border-bottom-left-radius:var(--radius-md);border-top-left-radius:var(--radius-md);margin-left:0}.btn-group-attached .btn:last-child{border-bottom-right-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.btn-icon{height:40px;padding:var(--space-sm);width:40px}.btn-icon.btn-sm{height:32px;padding:var(--space-xs);width:32px}.btn-icon.btn-lg{height:48px;padding:var(--space-md);width:48px}.btn .icon{flex-shrink:0;height:20px;width:20px}.btn-block{display:flex;width:100%}@media (max-width:768px){.btn{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.btn-lg{font-size:var(--text-base);padding:var(--space-sm) var(--space-lg)}}.card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-image{aspect-ratio:16/9;background-color:var(--color-gray-100);overflow:hidden;width:100%}.card-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-base);width:100%}.card:hover .card-image img{transform:scale(1.05)}.card-header{border-bottom:1px solid var(--color-gray-200);padding:var(--space-lg)}.card-body{flex:1;padding:var(--space-lg)}.card-footer{background-color:var(--color-gray-50);border-top:1px solid var(--color-gray-200);padding:var(--space-lg)}.card-badge{background-color:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-white);display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:var(--space-2xs) var(--space-sm);text-transform:uppercase}.card-badge,.card-title{margin-bottom:var(--space-sm)}.card-title{color:var(--color-text);font-size:var(--text-xl);font-weight:700;line-height:1.3}.card-link .card-title{transition:color var(--transition-base)}.card-link:hover .card-title{color:var(--color-primary)}.card-description{color:var(--color-gray-600);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-md)}.card-meta{color:var(--color-gray-500);font-size:var(--text-sm);gap:var(--space-md)}.card-meta,.card-meta-item{align-items:center;display:flex}.card-meta-item{gap:var(--space-xs)}.card-resource .card-badge{background-color:var(--color-primary)}.card-feature{padding:var(--space-xl);text-align:center}.card-feature .card-icon{align-items:center;background-color:var(--color-primary-light);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto var(--space-md);width:64px}.card-team{text-align:center}.card-team .card-image{aspect-ratio:1;border-radius:var(--radius-full);margin:var(--space-lg) auto 0;max-width:150px}.card-team .card-body{padding-top:var(--space-md)}.card-team .card-role{color:var(--color-primary);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-xs)}.card-team .card-social{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md)}.card-product .card-price{color:var(--color-primary);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-sm)}.card-product .card-price-old{color:var(--color-gray-400);font-size:var(--text-lg);margin-left:var(--space-xs);text-decoration:line-through}.card-product .card-rating{align-items:center;display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm)}.card-testimonial{background:linear-gradient(135deg,var(--color-primary-light),var(--color-white));padding:var(--space-xl);position:relative}.card-testimonial:before{color:var(--color-primary);content:'"';font-family:Georgia,serif;font-size:80px;left:var(--space-md);line-height:1;opacity:.2;position:absolute;top:var(--space-md)}.card-testimonial .card-quote{color:var(--color-text);font-size:var(--text-lg);font-style:italic;margin-bottom:var(--space-lg);position:relative;z-index:1}.card-testimonial .card-author{align-items:center;display:flex;gap:var(--space-md)}.card-testimonial .card-author-image{border-radius:var(--radius-full);flex-shrink:0;height:48px;overflow:hidden;width:48px}.card-testimonial .card-author-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-testimonial .card-author-name{color:var(--color-text);font-weight:600}.card-testimonial .card-author-role{color:var(--color-gray-600);font-size:var(--text-sm)}.card-blog .card-date{color:var(--color-gray-500);font-size:var(--text-sm);margin-bottom:var(--space-xs)}.card-blog .card-category{background-color:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-primary);display:inline-block;font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-sm);padding:var(--space-2xs) var(--space-sm)}.card-blog .card-author{align-items:center;display:flex;gap:var(--space-sm)}.card-blog .card-author-avatar{border-radius:var(--radius-full);height:32px;overflow:hidden;width:32px}.card-blog .card-author-name{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.card-horizontal{flex-direction:row}.card-horizontal .card-image{aspect-ratio:auto;min-height:200px;width:40%}.card-horizontal .card-content{display:flex;flex-direction:column;width:60%}@media (max-width:768px){.card-horizontal{flex-direction:column}.card-horizontal .card-content,.card-horizontal .card-image{width:100%}}.card-outlined{border:2px solid var(--color-gray-200);box-shadow:none}.card-outlined:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-compact .card-body,.card-compact .card-footer,.card-compact .card-header{padding:var(--space-md)}.card-link{color:inherit;display:block;text-decoration:none}.card-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.card-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.card-grid,.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}}.form{width:100%}.form-group{margin-bottom:var(--space-lg)}.form-group:last-child{margin-bottom:0}.form-component{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.form-header{margin-bottom:var(--space-xl);text-align:center}.form-header h2{color:var(--color-neutral-900);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--space-sm)}.form-description{color:var(--color-neutral-700);font-size:var(--font-size-body);line-height:var(--line-height-body)}.form-fields{display:grid;gap:var(--space-lg);grid-template-columns:repeat(12,1fr);margin-bottom:var(--space-lg)}.form-field{display:flex;flex-direction:column}.form-field-full{grid-column:span 12}.form-field-half{grid-column:span 6}.form-row{display:grid;gap:var(--space-lg);grid-template-columns:1fr}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.form-row-2,.form-row-3{grid-template-columns:1fr}.form-field-half{grid-column:span 12}}.form-label{color:var(--color-neutral-900);display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.form-label .required,.form-label.required:after{color:var(--color-error,#dc2626);content:"*";margin-left:var(--space-xs)}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid var(--color-neutral-300);border-radius:var(--border-radius-md);color:var(--color-neutral-900);font-family:inherit;font-size:var(--font-size-body);line-height:var(--line-height-body);padding:var(--space-sm) var(--space-md);transition:all var(--transition-normal);width:100%}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-neutral-400)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(54,80,114,.1);outline:none}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-neutral-500)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-neutral-500)}.form-textarea{min-height:120px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23374151' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right var(--space-md) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--space-2xl)}.form-checkbox,.form-radio{align-items:flex-start;cursor:pointer;display:flex;gap:var(--space-sm)}.form-checkbox input[type=checkbox],.form-radio input[type=radio]{accent-color:var(--color-primary);border:2px solid var(--color-neutral-300);border-radius:var(--border-radius-sm);cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.form-checkbox input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-checkbox input[type=checkbox]:focus,.form-radio input[type=radio]:focus{box-shadow:0 0 0 3px rgba(54,80,114,.1);outline:none}.form-checkbox .checkbox-label,.form-checkbox label,.form-radio label{color:var(--color-neutral-700);cursor:pointer;font-size:var(--font-size-body);-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-field.has-error .form-input,.form-group.has-error .form-input,.form-group.has-error .form-select,.form-group.has-error .form-textarea{border-color:var(--color-error,#dc2626)}.form-group.has-error .form-input:focus,.form-group.has-error .form-select:focus,.form-group.has-error .form-textarea:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-group.has-success .form-input,.form-group.has-success .form-select,.form-group.has-success .form-textarea{border-color:var(--color-success)}.form-group.has-success .form-input:focus,.form-group.has-success .form-select:focus,.form-group.has-success .form-textarea:focus{box-shadow:0 0 0 3px rgba(16,185,129,.1)}.form-component.is-success{border:2px solid var(--color-success,#10b981)}.form-component.is-error{border:2px solid var(--color-error,#dc2626)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-neutral-200);cursor:not-allowed;opacity:.6}.form-help{color:var(--color-neutral-600)}.form-error,.form-help{display:block;font-size:var(--font-size-small);margin-top:var(--space-xs)}.form-error{color:var(--color-error,#dc2626)}.form-field.has-error .form-error{display:block}.form-success{color:var(--color-success);display:block;margin-top:var(--space-xs)}.form-privacy,.form-success{font-size:var(--font-size-small)}.form-privacy{color:var(--color-neutral-600);margin-bottom:var(--space-lg);text-align:center}.input-group{display:flex;width:100%}.input-addon{align-items:center;background-color:var(--color-neutral-200);border:2px solid var(--color-neutral-300);display:flex;font-size:var(--font-size-body);padding:var(--space-sm) var(--space-md);white-space:nowrap}.input-addon:first-child{border-bottom-left-radius:var(--border-radius-md);border-right:none;border-top-left-radius:var(--border-radius-md)}.input-addon:last-child{border-bottom-right-radius:var(--border-radius-md);border-left:none;border-top-right-radius:var(--border-radius-md)}.input-group .form-input{border-radius:0}.input-group .form-input:first-child{border-bottom-left-radius:var(--border-radius-md);border-top-left-radius:var(--border-radius-md)}.input-group .form-input:last-child{border-bottom-right-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.form-search{background:transparent;box-shadow:none;max-width:600px;padding:0;position:relative}.form-search .form-input{padding-left:var(--space-xl)}.form-search .form-header{display:none}.form-search .form-fields{display:flex;gap:var(--space-sm);margin-bottom:0}.form-search .form-field{flex:1}.form-search .form-label{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.form-search .form-submit{min-width:100px;width:auto}.form-search:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236B7280' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0'/%3E%3C/svg%3E");background-size:contain;content:"";height:16px;left:var(--space-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.form-file{position:relative}.form-file input[type=file]{height:0;opacity:0;position:absolute;width:0}.form-file-label{align-items:center;background-color:#fff;border:2px dashed var(--color-neutral-300);border-radius:var(--border-radius-md);color:var(--color-neutral-900);cursor:pointer;display:inline-flex;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.form-file-label:hover{border-color:var(--color-primary);color:var(--color-primary)}.form-range{accent-color:var(--color-primary);background:var(--color-neutral-200);border-radius:var(--border-radius-full);height:6px;outline:none;width:100%}.form-switch{align-items:center;cursor:pointer;display:inline-flex;gap:var(--space-sm)}.form-switch input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-neutral-300);cursor:pointer;height:24px;position:relative;width:44px}.form-switch input[type=checkbox],.form-switch input[type=checkbox]:before{border-radius:var(--border-radius-full);transition:all var(--transition-base)}.form-switch input[type=checkbox]:before{background-color:#fff;content:"";height:20px;left:2px;position:absolute;top:2px;width:20px}.form-switch input[type=checkbox]:checked{background-color:var(--color-primary)}.form-switch input[type=checkbox]:checked:before{transform:translateX(20px)}.form-submit{background:var(--color-primary);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-xl);text-align:center;transition:all var(--transition-normal);width:100%}.form-submit:hover{background:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-submit:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.form-submit:active{transform:translateY(0)}.form-submit:disabled{background:var(--color-neutral-300);cursor:not-allowed;transform:none}.form-newsletter{margin:0 auto;max-width:600px;padding:var(--space-lg)}.form-newsletter .form-header{margin-bottom:var(--space-lg)}.form-newsletter .form-fields{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.form-newsletter .form-field{flex:1}.form-newsletter .form-submit{min-width:140px;width:auto}.form-inline{background:var(--color-neutral-50);padding:var(--space-md)}.form-inline .form-fields{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.form-inline .form-field{flex:1;min-width:200px}.form-inline .form-submit{min-width:120px;width:auto}.form-component.is-loading .form-submit{color:transparent;pointer-events:none;position:relative}.form-component.is-loading .form-submit:after{animation:spin .8s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.form-component{padding:var(--space-lg)}.form-header{margin-bottom:var(--space-lg)}.form-header h2{font-size:var(--font-size-h3)}.form-fields{gap:var(--space-md)}.form-inline .form-fields,.form-newsletter .form-fields,.form-search .form-fields{flex-direction:column}.form-inline .form-submit,.form-newsletter .form-submit,.form-search .form-submit{width:100%}.form-inline .form-field{min-width:100%}}@media (min-width:769px) and (max-width:1024px){.form-component{padding:var(--space-lg)}}@media (prefers-reduced-motion:reduce){.form-file-label,.form-input,.form-submit,.form-switch input[type=checkbox]{transition:none}.form-submit:hover{transform:none}.form-component.is-loading .form-submit:after{animation:none}}@media (prefers-contrast:high){.form-input,.form-select,.form-textarea{border-width:3px}.form-component{border:2px solid var(--color-neutral-900)}}.nav{display:flex;gap:var(--space-md)}.nav,.nav-link{align-items:center}.nav-link{border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;font-size:var(--text-base);font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-base)}.nav-link:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.nav-link.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:600}.nav-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.nav-toggle{border:none;height:40px;width:40px;z-index:1001}@media (max-width:768px){.nav-toggle{display:flex}.nav{align-items:stretch;background-color:var(--color-white);box-shadow:var(--shadow-xl);flex-direction:column;gap:0;height:100vh;max-width:320px;overflow-y:auto;padding:var(--space-2xl) var(--space-lg);position:fixed;right:-100%;top:0;transition:right var(--transition-base);width:80%;z-index:1000}.nav.active{right:0}.nav-link{border-bottom:1px solid var(--color-gray-200);border-radius:0;padding:var(--space-md)}}.nav-dropdown{position:relative}.nav-dropdown-toggle{align-items:center;display:inline-flex;gap:var(--space-xs)}.nav-dropdown-toggle:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;content:"";height:0;transition:transform var(--transition-base);width:0}.nav-dropdown.active .nav-dropdown-toggle:after,.nav-dropdown:hover .nav-dropdown-toggle:after{transform:rotate(180deg)}.nav-dropdown-menu{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-xs);min-width:200px;opacity:0;padding:var(--space-sm) 0;position:absolute;top:100%;transform:translateY(-10px);transition:all var(--transition-base);visibility:hidden;z-index:100}.nav-dropdown.active .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.nav-dropdown-item{color:var(--color-text);display:block;font-size:var(--text-base);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-base)}.nav-dropdown-item:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.breadcrumb{display:flex;flex-wrap:wrap;font-size:var(--text-sm);padding:var(--space-md) 0}.breadcrumb,.breadcrumb-item{align-items:center;gap:var(--space-xs)}.breadcrumb-item{color:var(--color-gray-600);display:inline-flex}.breadcrumb-item a{color:var(--color-gray-600);text-decoration:none;transition:color var(--transition-base)}.breadcrumb-item a:hover{color:var(--color-primary)}.breadcrumb-item.active{color:var(--color-text);font-weight:600}.breadcrumb-separator{color:var(--color-gray-400);-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb-separator:before{content:"/"}.pagination{display:flex;gap:var(--space-xs);padding:var(--space-lg) 0}.pagination,.pagination-item{align-items:center;justify-content:center}.pagination-item{background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;font-size:var(--text-base);font-weight:500;height:40px;min-width:40px;padding:var(--space-xs) var(--space-sm);text-decoration:none;transition:all var(--transition-base)}.pagination-item:hover:not(.disabled):not(.active){background-color:var(--color-gray-100);border-color:var(--color-gray-300)}.pagination-item.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);cursor:default}.pagination-item.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pagination-prev:before{content:"←";margin-right:var(--space-2xs)}.pagination-next:after{content:"→";margin-left:var(--space-2xs)}.nav-tabs{border-bottom:2px solid var(--color-gray-200);display:flex;gap:0}.nav-tab{border-bottom:2px solid transparent;color:var(--color-gray-600);font-size:var(--text-base);font-weight:500;margin-bottom:-2px;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all var(--transition-base)}.nav-tab.active,.nav-tab:hover{color:var(--color-primary)}.nav-tab.active{border-bottom-color:var(--color-primary)}.nav-sidebar{align-items:stretch;flex-direction:column;gap:var(--space-xs)}.nav-sidebar .nav-link{border-radius:var(--radius-md);justify-content:flex-start;padding:var(--space-sm) var(--space-md)}.nav-sidebar .nav-heading{color:var(--color-gray-500);font-size:var(--text-sm);font-weight:700;letter-spacing:.5px;padding:var(--space-md) var(--space-md) var(--space-xs);text-transform:uppercase}.skip-link{background-color:var(--color-primary);border-radius:0 0 var(--radius-md) 0;color:var(--color-white);font-weight:600;left:0;padding:var(--space-md) var(--space-lg);position:absolute;text-decoration:none;top:-100px;transition:top var(--transition-base);z-index:9999}.skip-link:focus{outline:3px solid var(--color-focus);outline-offset:2px;top:0}@media (max-width:768px){.pagination{flex-wrap:wrap}.pagination-item{font-size:var(--text-sm);height:36px;min-width:36px}.nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tab{padding:var(--space-sm) var(--space-md);white-space:nowrap}}.wireframe-logout-button{align-items:center;background:rgba(15,23,42,.88);border:none;border-radius:50%;box-shadow:0 4px 12px rgba(15,23,42,.28);color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:2.5rem;justify-content:center;position:fixed;right:clamp(1rem,2vw,2rem);text-decoration:none;top:clamp(1rem,2vw,2rem);transition:all .2s ease;width:2.5rem;z-index:1000}.wireframe-logout-button:hover{background:#0f172a;box-shadow:0 6px 16px rgba(15,23,42,.35);transform:translateY(-1px)}.wireframe-logout-button:active{transform:translateY(0)}@media (max-width:768px){.wireframe-logout-button{bottom:clamp(1rem,2vw,2rem);left:clamp(1rem,2vw,2rem);right:auto;top:auto}}.draft-banner{align-items:center;background-color:var(--color-info-bg,#e3f2fd);border:1px solid var(--color-info-border,#90caf9);border-radius:var(--border-radius-md,6px);display:flex;font-size:var(--font-size-small,.875rem);gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md)}.draft-banner-icon{flex-shrink:0;font-size:var(--font-size-lg,1.25rem);line-height:1}.draft-banner-content{display:flex;flex:1;flex-direction:column;gap:var(--space-xs,4px)}.draft-banner-content strong{color:var(--color-text,#1f2937);font-size:var(--font-size-body,1rem);font-weight:var(--font-weight-semibold,600)}.draft-banner-timestamp{color:var(--color-text-muted,#6b7280);font-size:var(--font-size-xs,.75rem)}.draft-banner-discard{background:transparent;border:1px solid var(--color-border,#d1d5db);border-radius:var(--border-radius-sm,4px);color:var(--color-text,#1f2937);cursor:pointer;font-size:var(--font-size-small,.875rem);font-weight:var(--font-weight-medium,500);padding:var(--space-xs,4px) var(--space-sm,8px);transition:all var(--transition-normal,.2s ease);white-space:nowrap}.draft-banner-discard:hover{background-color:var(--color-error-bg,#ffebee);border-color:var(--color-error,#f44336);color:var(--color-error,#f44336)}.draft-banner-discard:focus{outline:2px solid var(--color-error,#f44336);outline-offset:2px}.draft-status-bar{align-items:center;border-radius:var(--border-radius-sm,4px);display:flex;font-size:var(--font-size-xs,.75rem);font-weight:var(--font-weight-medium,500);gap:var(--space-xs,4px);margin-bottom:var(--space-md,12px);opacity:0;padding:var(--space-sm,8px) var(--space-md,12px);transition:opacity var(--transition-fast,.15s) ease}.draft-status-bar.visible{opacity:1}.draft-status-saving{background-color:var(--color-warning-bg,#fff3e0);border:1px solid var(--color-warning-border,#ffb74d);color:var(--color-warning-text,#e65100)}.draft-status-saved{background-color:var(--color-success-bg,#e8f5e9);border:1px solid var(--color-success-border,#81c784);color:var(--color-success-text,#2e7d32)}.draft-status-error{background-color:var(--color-error-bg,#ffebee);border:1px solid var(--color-error-border,#e57373);color:var(--color-error-text,#c62828)}.draft-status-text:before{background-color:currentColor;border-radius:50%;content:"";display:inline-block;height:6px;margin-right:var(--space-xs,4px);width:6px}.draft-status-saving .draft-status-text:before{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:640px){.draft-banner{align-items:flex-start;flex-direction:column;gap:var(--space-sm,8px)}.draft-banner-discard{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.draft-status-bar{transition:none}.draft-status-saving .draft-status-text:before{animation:none}.draft-banner-discard{transition:none}}@media (prefers-contrast:high){.draft-banner,.draft-banner-discard,.draft-status-bar{border-width:2px}}.draft-banner-discard:focus-visible{outline:3px solid var(--color-error,#f44336);outline-offset:2px}.has-draft-content{background-color:rgba(59,130,246,.05)!important;border-left:3px solid var(--color-primary,#3b82f6)!important;transition:all var(--transition-normal,.2s) ease}.has-draft-content:focus{background-color:rgba(59,130,246,.08)!important}.ql-container.has-draft-content{background-color:rgba(59,130,246,.03)!important;border-left:3px solid var(--color-primary,#3b82f6)!important}.has-draft-content.user-modified{background-color:transparent;border-left-color:transparent}header[role=banner]{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:relative;width:100%;z-index:100}header[role=banner].sticky{box-shadow:var(--shadow-sm);position:sticky;top:0}header[role=banner] .container{align-items:center;display:flex;gap:var(--space-lg);justify-content:space-between;margin:0 auto;max-width:1200px;padding:var(--space-md) var(--space-lg)}.logo{display:flex;flex-shrink:0}.logo,.logo-placeholder{align-items:center;text-decoration:none;transition:all var(--transition-base)}.logo-placeholder{color:var(--color-text);display:inline-flex;font-weight:700;justify-content:center}.logo-placeholder:hover{color:var(--color-primary)}.logo-placeholder--header{font-size:var(--text-xl);padding:var(--space-sm)}.logo-placeholder--boxed{background-color:var(--color-gray-100);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.logo-placeholder--boxed:hover{background-color:var(--color-primary-light);border-color:var(--color-primary)}.logo:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}#main-navigation{display:flex;flex:1;justify-content:center}#main-navigation ul{display:flex;gap:var(--space-md);list-style:none;margin:0;padding:0}#main-navigation li{margin:0;padding:0}#main-navigation a{align-items:center;border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;font-size:var(--text-base);font-weight:500;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-base);white-space:nowrap}#main-navigation a:hover{background-color:var(--color-gray-100);color:var(--color-primary)}#main-navigation a.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:600}#main-navigation a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.nav-item--dropdown{position:relative}.nav-dropdown-indicator{color:var(--color-primary);display:inline-block;font-size:1.4em;font-weight:700;line-height:1;margin-left:var(--space-sm);transform-origin:center;transition:transform var(--transition-base)}.nav-item--dropdown>a:focus .nav-dropdown-indicator,.nav-item--dropdown>a:hover .nav-dropdown-indicator{transform:translateY(2px) scaleY(1.15)}.nav-dropdown{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:var(--shadow-md);display:flex;flex-direction:column;left:0;list-style:none;margin:0;min-width:200px;opacity:0;padding:var(--space-sm) 0;position:absolute;text-align:left;top:100%;transform:translateY(-10px);transition:all var(--transition-base);visibility:hidden;z-index:10}.nav-item--dropdown:focus-within .nav-dropdown,.nav-item--dropdown:hover .nav-dropdown{opacity:1;transform:translateY(0);visibility:visible}.nav-dropdown li{margin:0;padding:0}#main-navigation .nav-dropdown a{align-items:unset!important;box-sizing:border-box;color:var(--color-text);display:block!important;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);text-align:left;text-decoration:none;transition:all var(--transition-base);width:100%}.nav-dropdown a:hover{background-color:var(--color-neutral-50)}.nav-dropdown a.active,.nav-dropdown a:hover{color:var(--color-primary);padding-left:var(--space-lg)}.nav-dropdown a.active{background-color:var(--color-primary-light);font-weight:500}header[role=banner] .actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-sm)}header[role=banner] .actions .btn{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.nav-toggle{align-items:center;background:transparent;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;display:none;flex-direction:column;height:44px;justify-content:center;padding:var(--space-xs);transition:all var(--transition-base);width:44px;z-index:11001}.nav-toggle:hover{background-color:var(--color-gray-100);border-color:var(--color-primary)}.nav-toggle:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.nav-toggle-icon{position:relative}.nav-toggle-icon,.nav-toggle-icon:after,.nav-toggle-icon:before{background-color:var(--color-text);display:block;height:2px;transition:all var(--transition-base);width:24px}.nav-toggle-icon:after,.nav-toggle-icon:before{content:"";position:absolute}.nav-toggle-icon:before{top:-8px}.nav-toggle-icon:after{top:8px}.nav-toggle.active{background-color:var(--color-primary);border-color:var(--color-primary)}.nav-toggle.active .nav-toggle-icon{background-color:transparent}.nav-toggle.active .nav-toggle-icon:before{background-color:var(--color-white);top:0;transform:rotate(45deg)}.nav-toggle.active .nav-toggle-icon:after{background-color:var(--color-white);top:0;transform:rotate(-45deg)}@media (max-width:768px){header[role=banner] .container{padding:var(--space-sm) var(--space-md)}.nav-toggle{display:flex}header[role=banner] .actions{display:none}#main-navigation{background-color:var(--color-white);box-shadow:var(--shadow-xl);flex-direction:column;height:100vh;justify-content:flex-start;max-width:320px;overflow-y:auto;padding:var(--space-2xl) var(--space-lg);position:fixed;right:-100%;top:0;transition:right var(--transition-base);width:80%;z-index:11000}#main-navigation.active{right:0}#main-navigation ul{align-items:stretch;flex-direction:column;gap:0;width:100%}#main-navigation li{width:100%}#main-navigation a{border-bottom:1px solid var(--color-gray-200);border-radius:0;justify-content:flex-start;padding:var(--space-md);width:100%}#main-navigation a:first-child{border-top:1px solid var(--color-gray-200)}.nav-item--dropdown>a{position:relative}.nav-item--dropdown .nav-dropdown-indicator{display:none}.nav-item--dropdown>a:after{content:"›";font-size:1.5em;font-weight:700;position:absolute;right:var(--space-md);transform:rotate(90deg);transition:transform var(--transition-base)}.nav-item--dropdown.mobile-open>a:after{transform:rotate(-90deg)}.nav-dropdown{background-color:var(--color-neutral-50);border:none!important;border-radius:0!important;box-shadow:none!important;display:none;margin:0!important;opacity:1!important;padding:0!important;position:static!important;transform:none!important;visibility:visible!important}.nav-dropdown a{border-bottom:1px solid var(--color-gray-200);font-size:var(--text-sm);padding-left:var(--space-2xl)!important}.nav-dropdown a:hover{padding-left:calc(var(--space-2xl) + var(--space-xs))!important}.logo-placeholder--header{font-size:var(--text-lg)}.logo-placeholder--boxed{padding:var(--space-xs) var(--space-sm)}}@media (min-width:769px) and (max-width:1024px){#main-navigation ul{gap:var(--space-sm)}#main-navigation a{font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm)}}.keyboard-navigation header[role=banner] a:focus,.keyboard-navigation header[role=banner] button:focus{outline:3px solid var(--color-focus);outline-offset:2px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}@media print{header[role=banner]{border-bottom:2px solid var(--color-gray-900);position:static}.nav-toggle,header[role=banner] .actions{display:none}#main-navigation a{color:var(--color-gray-900)}}footer[role=contentinfo]{background-color:var(--color-gray-900);color:var(--color-gray-300);margin-top:auto;width:100%}footer[role=contentinfo] .container{margin:0 auto;max-width:1200px;padding:var(--space-2xl) var(--space-lg)}footer[role=contentinfo] .grid{display:grid;gap:var(--space-2xl);grid-template-columns:2fr repeat(3,1fr);margin-bottom:var(--space-2xl)}footer[role=contentinfo] .branding{display:flex;flex-direction:column;gap:var(--space-md)}footer[role=contentinfo] .branding .logo{align-items:center;display:flex}footer[role=contentinfo] .logo-placeholder--footer{color:var(--color-white);font-size:var(--text-lg);font-weight:700}footer[role=contentinfo] .logo-placeholder--boxed{background-color:var(--color-gray-800);border:2px solid var(--color-gray-700);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}footer[role=contentinfo] .branding p{color:var(--color-gray-400);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}footer[role=contentinfo] .grid>div h3{color:var(--color-white);font-size:var(--font-size-h5);font-weight:var(--font-weight-bold);letter-spacing:.5px;line-height:var(--line-height-heading);margin-bottom:var(--space-md);text-transform:uppercase}footer[role=contentinfo] .grid>div ul{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;margin:0;padding:0}footer[role=contentinfo] .grid>div ul li{margin:0;padding:0}footer[role=contentinfo] .grid>div ul a{color:var(--color-gray-400);display:inline-block;font-size:var(--font-size-body);line-height:var(--line-height-body);text-decoration:none;transition:color var(--transition-base)}footer[role=contentinfo] .grid>div ul a:hover{color:var(--color-primary)}footer[role=contentinfo] .grid>div ul a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}footer[role=contentinfo] .bottom{align-items:center;border-top:1px solid var(--color-gray-800);display:flex;gap:var(--space-lg);justify-content:space-between;padding-top:var(--space-lg)}footer[role=contentinfo] .bottom>div:first-child{align-items:center;color:var(--color-gray-300);display:flex;flex-wrap:wrap;font-size:var(--font-size-body);gap:var(--space-md);line-height:var(--line-height-body)}footer[role=contentinfo] .bottom span{color:var(--color-gray-500);display:inline-block}footer[role=contentinfo] .bottom a{color:var(--color-gray-500);font-size:var(--font-size-body);line-height:var(--line-height-body);text-decoration:none;transition:color var(--transition-base)}footer[role=contentinfo] .bottom a:hover{color:var(--color-primary)}footer[role=contentinfo] .bottom a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}footer[role=contentinfo] .social{align-items:center;display:flex;gap:var(--space-sm)}footer[role=contentinfo] .social a{align-items:center;background-color:var(--color-gray-800);border-radius:var(--radius-md);color:var(--color-gray-400);display:inline-flex;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}footer[role=contentinfo] .social a:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}footer[role=contentinfo] .social a:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}footer[role=contentinfo] .social svg{height:20px;width:20px}@media (max-width:768px){footer[role=contentinfo] .container{padding:var(--space-xl) var(--space-md)}footer[role=contentinfo] .grid{gap:var(--space-xl);grid-template-columns:1fr;margin-bottom:var(--space-xl)}footer[role=contentinfo] .bottom{align-items:flex-start;flex-direction:column;gap:var(--space-md)}footer[role=contentinfo] .bottom>div:first-child{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}footer[role=contentinfo] .social{justify-content:flex-start;width:100%}}@media (min-width:769px) and (max-width:1024px){footer[role=contentinfo] .grid{gap:var(--space-xl);grid-template-columns:2fr 1fr 1fr}footer[role=contentinfo] .grid>div:last-child{grid-column:span 3}}@media print{footer[role=contentinfo]{background-color:transparent;border-top:2px solid var(--color-gray-900);color:var(--color-gray-900)}footer[role=contentinfo] .grid>div:not(.branding),footer[role=contentinfo] .social{display:none}footer[role=contentinfo] .bottom,footer[role=contentinfo] .branding p{color:var(--color-gray-900)}}