.navbar[data-v-ce86539b]{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--color-white);border-bottom:var(--border-width) solid var(--color-dark);transition:all var(--transition-base)}.navbar.scrolled[data-v-ce86539b]{box-shadow:0 4px 20px #0000001a}.navbar.vision-route.scrolled[data-v-ce86539b]{box-shadow:none}.navbar.vision-route[data-v-ce86539b]{transition:none}.navbar-content[data-v-ce86539b]{display:flex;align-items:center;justify-content:space-between;height:70px}.logo[data-v-ce86539b]{display:flex;align-items:center;gap:var(--space-3);flex:1}.logo-icon[data-v-ce86539b]{display:flex;align-items:center}.logo-icon img[data-v-ce86539b]{display:block;width:40px;height:40px}.logo-text[data-v-ce86539b]{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-black)}.logo-dot[data-v-ce86539b]{color:var(--color-primary)}.nav-links[data-v-ce86539b]{display:flex;gap:var(--space-6)}.nav-link[data-v-ce86539b]{font-weight:600;color:var(--color-secondary);transition:color var(--transition-fast);position:relative}.nav-link[data-v-ce86539b]:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:3px;background-color:var(--color-primary);transition:width var(--transition-fast)}.nav-link[data-v-ce86539b]:hover{color:var(--color-black)}.nav-link[data-v-ce86539b]:hover:after{width:100%}.nav-link.router-link-exact-active[data-v-ce86539b]{color:var(--color-black)}.nav-link.router-link-exact-active[data-v-ce86539b]:after{width:100%}.nav-actions[data-v-ce86539b]{display:flex;align-items:center;gap:var(--space-4);flex:1;justify-content:flex-end}.nav-actions .btn[data-v-ce86539b]{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.mobile-menu-btn[data-v-ce86539b]{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.hamburger[data-v-ce86539b]{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span[data-v-ce86539b]{display:block;width:100%;height:3px;background-color:var(--color-black);border-radius:2px;transition:all var(--transition-fast)}.hamburger.open span[data-v-ce86539b]:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.hamburger.open span[data-v-ce86539b]:nth-child(2){opacity:0}.hamburger.open span[data-v-ce86539b]:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.mobile-menu[data-v-ce86539b]{position:absolute;top:100%;left:0;right:0;background-color:var(--color-white);border-bottom:var(--border-width) solid var(--color-dark);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.mobile-nav-link[data-v-ce86539b]{font-size:var(--font-size-lg);font-weight:600;padding:var(--space-3) 0;border-bottom:2px solid var(--color-gray-light)}.mobile-nav-link.router-link-exact-active[data-v-ce86539b]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.slide-enter-active[data-v-ce86539b],.slide-leave-active[data-v-ce86539b]{transition:all var(--transition-base)}.slide-enter-from[data-v-ce86539b],.slide-leave-to[data-v-ce86539b]{opacity:0;transform:translateY(-10px)}.lang-toggle button.active[data-v-ce86539b]{color:var(--color-white);background-color:var(--color-black)}@media(max-width:992px){.logo-icon img[data-v-ce86539b]{width:36px;height:36px}.logo-text[data-v-ce86539b]{font-size:var(--font-size-2xl)}}@media(max-width:768px){.navbar-content[data-v-ce86539b]{height:60px}.logo-icon img[data-v-ce86539b]{width:32px;height:32px}.logo-text[data-v-ce86539b]{font-size:var(--font-size-xl)}.nav-link[data-v-ce86539b]{font-size:var(--font-size-sm)}.mobile-nav-link[data-v-ce86539b]{font-size:var(--font-size-base)}}@media(max-width:480px){.navbar-content[data-v-ce86539b]{height:56px}.logo-icon img[data-v-ce86539b]{width:28px;height:28px}.logo-text[data-v-ce86539b]{font-size:var(--font-size-lg)}}.footer[data-v-9594dfae]{background:var(--color-primary);color:var(--color-white);padding:var(--space-12) 0 var(--space-6);border-top:var(--border-width) solid var(--color-dark)}.footer-grid[data-v-9594dfae]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}@media(max-width:992px){.footer-grid[data-v-9594dfae]{grid-template-columns:1fr 1fr}}@media(max-width:576px){.footer-grid[data-v-9594dfae]{grid-template-columns:1fr}}.footer-brand[data-v-9594dfae]{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo[data-v-9594dfae]{display:flex;align-items:center;gap:var(--space-2)}.logo-icon[data-v-9594dfae]{display:flex;align-items:center}.logo-icon img[data-v-9594dfae]{width:32px;height:32px}.logo-text[data-v-9594dfae]{font-size:var(--font-size-2xl);font-weight:800}.logo-dot[data-v-9594dfae]{color:var(--color-primary)}.tagline[data-v-9594dfae]{color:var(--color-white);font-size:var(--font-size-lg)}.footer-contact[data-v-9594dfae]{color:var(--color-white);line-height:1.8}.footer-contact a[data-v-9594dfae]{color:var(--color-white);transition:color var(--transition-fast)}.footer-contact a[data-v-9594dfae]:hover{color:var(--color-black)}.footer-links h4[data-v-9594dfae]{color:var(--color-white);font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.footer-links ul[data-v-9594dfae]{display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a[data-v-9594dfae]{color:var(--color-white);transition:color var(--transition-fast)}.footer-links a[data-v-9594dfae]:hover{color:var(--color-black)}.footer-bottom[data-v-9594dfae]{padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);text-align:center;color:var(--color-white);font-size:var(--font-size-sm)}.gdpr-seal[data-v-9594dfae]{margin-top:var(--space-4)}.gdpr-logo[data-v-9594dfae]{width:100px;height:auto;border:0;transition:opacity var(--transition-fast)}.gdpr-logo[data-v-9594dfae]:hover{opacity:.8}@media(max-width:768px){.footer-logo .logo-icon img[data-v-9594dfae]{width:28px;height:28px}.footer-logo .logo-text[data-v-9594dfae]{font-size:var(--font-size-xl)}.tagline[data-v-9594dfae]{font-size:var(--font-size-base)}.footer-contact[data-v-9594dfae]{font-size:var(--font-size-sm)}.footer-links h4[data-v-9594dfae]{font-size:var(--font-size-base)}.footer-links a[data-v-9594dfae]{font-size:var(--font-size-sm)}.footer-bottom[data-v-9594dfae]{font-size:var(--font-size-xs)}}@media(max-width:576px){.gdpr-logo[data-v-9594dfae]{width:80px}.footer-logo .logo-icon img[data-v-9594dfae]{width:24px;height:24px}.footer-logo .logo-text[data-v-9594dfae]{font-size:var(--font-size-lg)}}.cookie-banner[data-v-11dad7b4]{position:fixed;bottom:0;left:0;right:0;z-index:2000;background:var(--color-white);border-top:var(--border-width) solid var(--color-border);box-shadow:0 -4px 20px #00000026;padding:var(--space-6)}.cookie-content[data-v-11dad7b4]{max-width:var(--container-max);margin:0 auto}.cookie-header h3[data-v-11dad7b4]{margin-bottom:var(--space-2);font-size:var(--font-size-xl)}.cookie-text[data-v-11dad7b4]{color:var(--color-gray);margin-bottom:var(--space-4);max-width:800px}.cookie-options[data-v-11dad7b4]{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5)}.cookie-option[data-v-11dad7b4]{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;padding:var(--space-3);border:2px solid var(--color-gray-light);background:var(--color-light);min-width:200px;flex:1;transition:all var(--transition-fast)}.cookie-option[data-v-11dad7b4]:hover:not(.cookie-option-disabled){border-color:var(--color-primary)}.cookie-option-disabled[data-v-11dad7b4]{opacity:.7;cursor:default}.cookie-option input[type=checkbox][data-v-11dad7b4]{margin-top:4px;width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.cookie-option-disabled input[type=checkbox][data-v-11dad7b4]{cursor:default}.option-label[data-v-11dad7b4]{display:flex;flex-direction:column;gap:var(--space-1)}.option-label strong[data-v-11dad7b4]{color:var(--color-black)}.option-label small[data-v-11dad7b4]{color:var(--color-gray);font-size:var(--font-size-sm)}.cookie-actions[data-v-11dad7b4]{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.cookie-links[data-v-11dad7b4]{font-size:var(--font-size-sm)}.cookie-links a[data-v-11dad7b4]{color:var(--color-primary);text-decoration:underline}.cookie-links a[data-v-11dad7b4]:hover{color:var(--color-primary-dark)}.slide-up-enter-active[data-v-11dad7b4],.slide-up-leave-active[data-v-11dad7b4]{transition:all .4s ease}.slide-up-enter-from[data-v-11dad7b4],.slide-up-leave-to[data-v-11dad7b4]{opacity:0;transform:translateY(100%)}@media(max-width:768px){.cookie-banner[data-v-11dad7b4]{padding:var(--space-4);max-height:90vh;overflow-y:auto}.cookie-options[data-v-11dad7b4]{flex-direction:column}.cookie-option[data-v-11dad7b4]{min-width:auto}.cookie-actions[data-v-11dad7b4]{flex-direction:column}.cookie-actions .btn[data-v-11dad7b4]{width:100%}}#app-root{min-height:100vh;display:flex;flex-direction:column}#main-content{flex:1}:root{--color-primary: #155966;--color-primary-dark: #0e3f48;--color-primary-light: #1d7a8a;--color-secondary: #155966;--color-dark: #0e3f48;--color-light: #f5eee6;--color-white: #ffffff;--color-black: #000000;--color-gray: #5a5a5a;--color-gray-light: #e8e0d6;--color-border: #000000;--color-accent-warm: #c9a87c;--color-accent-muted: #7a9a9e;--border-width: 3px;--shadow-offset: 6px;--shadow-brutal: var(--shadow-offset) var(--shadow-offset) 0 var(--color-border);--shadow-brutal-sm: 4px 4px 0 var(--color-border);--shadow-brutal-hover: 8px 8px 0 var(--color-border);--font-family: "Public Sans", sans-serif;--font-body: "Public Sans", sans-serif;--font-heading: "Public Sans", sans-serif;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-base: 1.25rem;--font-size-lg: 1.375rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-6xl: 4rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 5rem;--space-16: 8rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--container-max: 1200px;--container-padding: var(--space-5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-black);background-color:var(--color-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2;color:var(--color-black)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}@media(max-width:992px){:root{--font-size-base: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.625rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 2.75rem;--font-size-6xl: 3.5rem}}@media(max-width:768px){:root{--font-size-base: 1rem;--font-size-md: 1.0625rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.375rem;--font-size-3xl: 1.625rem;--font-size-4xl: 2rem;--font-size-5xl: 2.25rem;--font-size-6xl: 2.75rem;--container-padding: 1rem;--shadow-brutal: 4px 4px 0 var(--color-border);--shadow-brutal-sm: 2px 2px 0 var(--color-border);--shadow-brutal-hover: 5px 5px 0 var(--color-border);--shadow-stacked: 5px 5px 0 var(--color-black), 3px 3px 0 rgba(0, 0, 0, .2);--shadow-lifted: 6px 6px 0 var(--color-black);--shadow-aggressive: 8px 8px 0 var(--color-black)}h1{font-size:2rem}h2{font-size:1.625rem}h3{font-size:1.375rem}h4{font-size:1.125rem}}@media(max-width:480px){:root{--font-size-base: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem;--font-size-5xl: 2rem;--font-size-6xl: 2.5rem;--container-padding: .875rem}h1{font-size:1.75rem}h2{font-size:1.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:600;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.btn-primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-brutal-sm)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal)}.btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-border)}.btn-secondary{background-color:var(--color-white);color:var(--color-black);box-shadow:var(--shadow-brutal-sm)}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal);background-color:var(--color-light)}.btn-outline{background-color:transparent;color:var(--color-black)}.btn-outline:hover{background-color:var(--color-black);color:var(--color-white)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.card{background-color:var(--color-white);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-brutal);transition:all var(--transition-fast)}.card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-brutal-hover)}.card-primary{background-color:var(--color-primary);color:var(--color-white)}.card-primary h1,.card-primary h2,.card-primary h3,.card-primary h4,.card-primary h5,.card-primary h6,.card-primary p{color:var(--color-white)}.card-light{background-color:var(--color-light)}.section{padding:var(--space-12) 0}.section-dark{background-color:var(--color-dark);color:var(--color-white)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,.section-dark h5,.section-dark h6,.section-dark p{color:var(--color-white)}.section-light{background-color:var(--color-light);color:var(--color-black)}.section-light h1,.section-light h2,.section-light h3,.section-light h4,.section-light h5,.section-light h6,.section-light p{color:var(--color-black)}.section-primary{background-color:var(--color-primary)}.section-title{text-align:center;margin-bottom:var(--space-8)}.section-title h2{margin-bottom:var(--space-3)}.section-title p{font-size:var(--font-size-lg);color:var(--color-gray);max-width:600px;margin:0 auto}.grid{display:grid;gap:var(--space-6)}.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:992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-dark{color:var(--color-dark)}.text-gray{color:var(--color-gray)}.text-white{color:var(--color-white)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.badge{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:600;border:2px solid var(--color-border);border-radius:999px;background-color:var(--color-light)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-fade-in{animation:fadeInUp .6s ease forwards}.scroll-animate{opacity:0;transform:translateY(20px);transition:all .6s ease}.lang-toggle{display:flex;border:2px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.lang-toggle button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:600;background-color:var(--color-white);transition:all var(--transition-fast)}.lang-toggle button.active{background-color:var(--color-primary)}.lang-toggle button:hover:not(.active){background-color:var(--color-light)}@media(max-width:768px){:root{--container-padding: var(--space-4)}.section{padding:var(--space-8) 0}.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-dark);padding:var(--space-3) var(--space-6);font-weight:700;border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-brutal-sm);z-index:9999;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.card:nth-child(1){--animation-delay: .1s}.card:nth-child(2){--animation-delay: .2s}.card:nth-child(3){--animation-delay: .3s}.card:nth-child(4){--animation-delay: .4s}.card:nth-child(5){--animation-delay: .5s}.card:nth-child(6){--animation-delay: .6s}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--animation-delay, 0s)}.scroll-animate.visible{opacity:1;transform:translateY(0)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-slide-left{animation:slideInLeft .6s ease forwards}.animate-slide-right{animation:slideInRight .6s ease forwards}.animate-scale-up{animation:scaleUp .5s ease forwards}.scroll-progress{position:fixed;top:70px;left:0;width:100%;height:4px;background:var(--color-gray-light);z-index:999}.scroll-progress-bar{height:100%;background:var(--color-primary);width:0%;transition:width .1s ease-out}@media(max-width:768px){.scroll-progress{top:60px}}@media(max-width:480px){.scroll-progress{top:56px}}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.btn:active:after{width:300px;height:300px}.card{position:relative}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(21,89,102,.1) 100%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.card:hover:before{opacity:1}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.feature-icon:hover{animation:iconPulse .5s ease}.bg-dots{position:relative;background-image:radial-gradient(circle,var(--color-border) 1.5px,transparent 1.5px);background-size:24px 24px;background-position:0 0}.bg-dots-light{position:relative;background-image:radial-gradient(circle,rgba(0,0,0,.1) 1.5px,transparent 1.5px);background-size:24px 24px;background-position:0 0}.bg-dots-primary{position:relative;background-image:radial-gradient(circle,var(--color-primary) 1.5px,transparent 1.5px);background-size:24px 24px;background-position:0 0;opacity:.15}.bg-grid{position:relative;background-image:linear-gradient(var(--color-border) 2px,transparent 2px),linear-gradient(90deg,var(--color-border) 2px,transparent 2px);background-size:40px 40px;background-position:-2px -2px}.bg-grid-light{position:relative;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px}.bg-grid-primary{position:relative;background-image:linear-gradient(var(--color-primary) 1px,transparent 1px),linear-gradient(90deg,var(--color-primary) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px;opacity:.12}.bg-pattern-combo{position:relative;background-image:radial-gradient(circle,var(--color-border) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:20px 20px,40px 40px,40px 40px;background-position:0 0,-1px -1px,-1px -1px}.bg-stripes{position:relative;background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 40px)}.pattern-wrapper{position:relative;overflow:hidden}.pattern-wrapper:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.pattern-wrapper.dots:before{background-image:radial-gradient(circle,rgba(0,0,0,.08) 1.5px,transparent 1.5px);background-size:24px 24px}.pattern-wrapper.grid:before{background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:30px 30px}.pattern-wrapper>*{position:relative;z-index:1}.shape-decoration{position:absolute;pointer-events:none;z-index:0}.shape-square{width:60px;height:60px;border:3px solid var(--color-border);background-color:var(--color-primary);transform:rotate(12deg)}.shape-circle{width:80px;height:80px;border:3px solid var(--color-border);border-radius:50%;background-color:var(--color-accent-warm)}.shape-triangle{width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:70px solid var(--color-primary);filter:drop-shadow(3px 3px 0 var(--color-border))}@keyframes floatShape{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,-10px) rotate(5deg)}50%{transform:translate(-5px,-20px) rotate(-3deg)}75%{transform:translate(-10px,-10px) rotate(3deg)}}.shape-decoration.animate{animation:floatShape 20s ease-in-out infinite}.section-with-pattern{position:relative;overflow:hidden}.section-with-pattern:before{content:"";position:absolute;inset:0;opacity:.4;pointer-events:none;z-index:0}.section-with-pattern.pattern-dots:before{background-image:radial-gradient(circle,currentColor 1.5px,transparent 1.5px);background-size:24px 24px;opacity:.08}.section-with-pattern.pattern-grid:before{background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:30px 30px;opacity:.06}.section-with-pattern>.container{position:relative;z-index:1}.bg-grid-large{position:relative;background-image:linear-gradient(rgba(0,0,0,.06) 2px,transparent 2px),linear-gradient(90deg,rgba(0,0,0,.06) 2px,transparent 2px);background-size:80px 80px;background-position:-2px -2px}.bg-dot-grid{position:relative;background-image:radial-gradient(circle at center,var(--color-border) 2px,transparent 2px),linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px,40px 40px,40px 40px;background-position:0 0,-1px -1px,-1px -1px}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.bg-noise{position:relative}.bg-noise:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1;animation:grain 8s steps(10) infinite}.bg-noise>*{position:relative;z-index:2}