:root{--accent: rgb(228, 173, 76);--accent-hover: rgba(224, 181, 105, 1);--accent-reverse: rgba(55, 50, 40, 1);--accent-hover-reverse: rgba(248, 240, 223, .5);--secondary: rgba(195, 135, 45, 1);--secondary-hover: rgba(218, 158, 68, 1);--tertiary: rgba(150, 170, 140, .8);--nav-drawer-background: rgba(30, 35, 35, .95);--logo-gradient: linear-gradient(118deg, #E2BA5A 7%, #B97B0A 14%, #D2AA41 20%, #E8D271 53%, #F5EA8F 59%, #FBF49A 63%, #B97B0A 84%, #FBF49A 99% );--hero-text-gradient: linear-gradient(270deg, #E2BA5A 7%, #B97B0A 14%, #D2AA41 20%, #E8D271 53%, #F5EA8F 59%, #FBF49A 63%, #B97B0A 84%, #FBF49A 99% );--bg-primary: rgba(30, 35, 35, 1);--bg-secondary: rgba(40, 45, 45, .6);--text-primary: rgba(220, 225, 220, .9);--text-secondary: rgba(220, 220, 220, .8);--button-primary-text: rgba(30, 35, 35, 1);--button-secondary-text: rgba(220, 225, 220, .9);--text-muted: #71717a;--border: rgba(60, 65, 65, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .2);--glass-border: 1px solid rgba(255, 255, 255, .08);--category-accent: rgba(214, 171, 95, 1);--category-bg: rgba(55, 50, 40, 1);--filter-accent: rgba(145, 85, 25, 1);--filter-bg: rgba(248, 240, 223, .9);--logo-url: url(https://cdn.servalian.com/assets/Logo_Icon_Darkmode_Centered.png);--logo-webp-url: url(https://cdn.servalian.com/assets/Logo_Icon_Darkmode_Centered.webp);--hero-bg-url: url(https://cdn.servalian.com/assets/blog/blog-bkg-dark-1801x984.png);--hero-bg-webp-url: url(https://cdn.servalian.com/assets/blog/blog-bkg-dark-1801x984.webp);--hero-bg-mobile-url: url(https://cdn.servalian.com/assets/blog/blog-bkg-dark-mobile-1200x656.png);--hero-bg-mobile-webp-url: url(https://cdn.servalian.com/assets/blog/blog-bkg-dark-mobile-1200x656.webp);--accent-rgb: 228, 173, 76;--secondary-rgb: 195, 135, 45;--tertiary-rgb: 150, 170, 140;--body-accent-rgb: 228, 173, 76;--body-secondary-rgb: 195, 135, 45;--bg-secondary-rgb: rgb(40, 45, 45);--placeholder: rgb(125, 125, 125)}[data-theme=light]{--accent: rgba(45, 50, 50, 1);--accent-hover: rgba(30, 35, 35, 1);--accent-bg-hover: rgba(224, 181, 105, 1);--secondary: rgba(195, 135, 45, 1);--secondary-hover: rgba(175, 115, 35, 1);--tertiary: rgba(95, 135, 80, 1);--nav-drawer-background: rgba(240, 238, 230, .95);--logo-gradient: linear-gradient(180deg, #0F0F0F 7%, #030303 14%, #232323 20%, #2D3237 53%, #37414B 59%, #414B55 63%, #030303 84%, #323C46 99% );--hero-text-gradient: linear-gradient(270deg, #0F0F0F 7%, #030303 14%, #232323 20%, #2D3237 53%, #37414B 59%, #414B55 63%, #030303 84%, #323C46 99% );--bg-primary: rgb(250, 250, 250);--bg-secondary: rgba(248, 245, 240, .6);--text-primary: rgba(45, 50, 50, 1);--text-secondary: rgba(75, 80, 80, .9);--text-muted: #94a3b8;--button-primary-text: rgb(228, 173, 76);--button-secondary-text: rgba(45, 50, 50, 1);--border: rgba(210, 200, 185, .6);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .05);--glass-border: 1px solid rgba(180, 170, 150, .4);--category-accent: rgb(45,50,50,1);--category-bg: rgba(214,171,95,.2);--filter-accent: rgb(214,171,95,1);--filter-bg: rgba(45, 50, 50, .9);--logo-url: url(https://cdn.servalian.com/assets/Logo_Icon_Lightmode_Centered.png);--logo-webp-url: url(https://cdn.servalian.com/assets/Logo_Icon_Lightmode_Centered.webp);--hero-bg-url: url(https://cdn.servalian.com/assets/blog/blog-bkg-light-1801x984.png);--hero-bg-webp-url: url(https://cdn.servalian.com/assets/blog/blog-bkg-light-1801x984.webp);--hero-bg-mobile-url: url(https://cdn.servalian.com/assets/blog/blog-bkg-light-mobile-1200x656.png);--hero-bg-mobile-webp-url: url(https://cdn.servalian.com/assets/blog/blog-bkg-light-mobile-1200x656.webp);--accent-rgb: 45, 50, 50;--secondary-rgb: 195, 135, 45;--tertiary-rgb: 95, 135, 80;--body-accent-rgb: 45, 50, 50;--body-secondary-rgb: 195, 135, 45;--bg-secondary-rgb: rgb(248, 245, 240);--placeholder: rgb(185, 177, 177)}[data-theme=light] .btn-primary:before,[data-theme=light] .btn-secondary:before{background:linear-gradient(90deg,transparent,rgba(228,173,76,.4),transparent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}nav a:focus-visible,.logo:focus-visible,.dropdown-toggle:focus-visible{outline-offset:4px}.drawer-list a:focus-visible,.mobile-dropdown a:focus-visible{background-color:rgba(var(--accent-rgb),.15)}.skip-to-content{position:fixed;top:-100px;left:10px;z-index:9999;background-color:var(--accent);color:var(--bg-primary);padding:.75rem 1.5rem;text-decoration:none;font-weight:600;border-radius:4px;transition:top .2s ease;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip-to-content:focus{top:10px;outline:3px solid var(--text-primary);outline-offset:2px;clip:auto;overflow:visible;width:auto;height:auto}::selection{background-color:#ac7817;color:#fff}main:not(header):not(footer):not(.mobile-nav) p a:not([class*=btn]):not([class*=card]):not(.logo):not(.tool-link),main:not(header):not(footer):not(.mobile-nav) li:not(.toc-list li) a:not([class*=btn]):not([class*=card]):not(.logo):not(.tool-link),main:not(header):not(footer):not(.mobile-nav) h1 a:not([class*=btn]):not([class*=card]):not(.logo),main:not(header):not(footer):not(.mobile-nav) h2 a:not([class*=btn]):not([class*=card]):not(.logo),main:not(header):not(footer):not(.mobile-nav) h3 a:not([class*=btn]):not([class*=card]):not(.logo),main:not(header):not(footer):not(.mobile-nav) h4 a:not([class*=btn]):not([class*=card]):not(.logo),main:not(header):not(footer):not(.mobile-nav) h5 a:not([class*=btn]):not([class*=card]):not(.logo),main:not(header):not(footer):not(.mobile-nav) h6 a:not([class*=btn]):not([class*=card]):not(.logo),.policy-content a:not([class*=btn]):not([class*=card]):not(.toc-list a),.article-content a:not([class*=btn]):not([class*=card]):not(.toc-list a),.blog-content a:not(.blog-button):not(.blog-button-outline):not([class*=card]):not(.toc-list a){background:linear-gradient(135deg,#e4ad4c,#e0b569,#d6ab5f);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;position:relative;transition:all .3s ease;display:inline;border-bottom:1px solid rgba(228,173,76,.6);font-weight:500;line-height:1.4}[data-theme=light] main:not(header):not(footer):not(.mobile-nav) p a:not([class*=btn]):not([class*=card]):not(.logo):not(.tool-link),[data-theme=light] main:not(header):not(footer):not(.mobile-nav) li:not(.toc-list li) a:not([class*=btn]):not([class*=card]):not(.logo):not(.tool-link),[data-theme=light] main:not(header):not(footer):not(.mobile-nav) h1 a:not([class*=btn]):not([class*=card]):not(.logo),[data-theme=light] main:not(header):not(footer):not(.mobile-nav) h2 a:not([class*=btn]):not([class*=card]):not(.logo),[data-theme=light] main:not(header):not(footer):not(.mobile-nav) h3 a:not([class*=btn]):not([class*=card]):not(.logo),[data-theme=light] main:not(header):not(footer):not(.mobile-nav) h4 a:not([class*=btn]):not([class*=card]):not(.logo),[data-theme=light] main:not(header):not(footer):not(.mobile-nav) h5 a:not([class*=btn]):not([class*=card]):not(.logo),[data-theme=light] main:not(header):not(footer):not(.mobile-nav) h6 a:not([class*=btn]):not([class*=card]):not(.logo),[data-theme=light] .policy-content a:not([class*=btn]):not([class*=card]):not(.toc-list a),[data-theme=light] .article-content a:not([class*=btn]):not([class*=card]):not(.toc-list a),[data-theme=light] .blog-content a:not(.blog-button):not(.blog-button-outline):not([class*=card]):not(.toc-list a){background:linear-gradient(135deg,#8c5514,#78460f,#64370a);-webkit-background-clip:text;background-clip:text;color:transparent;border-bottom:1px solid rgba(140,85,20,.6)}main:not(header):not(footer):not(.mobile-nav) p a:not([class*=btn]):not([class*=card]):not(.logo):not(.tool-link):hover,main:not(header):not(footer):not(.mobile-nav) li:not(.toc-list li) a:not([class*=btn]):not([class*=card]):not(.logo):not(.tool-link):hover,main:not(header):not(footer):not(.mobile-nav) h1 a:not([class*=btn]):not([class*=card]):not(.logo):hover,main:not(header):not(footer):not(.mobile-nav) h2 a:not([class*=btn]):not([class*=card]):not(.logo):hover,main:not(header):not(footer):not(.mobile-nav) h3 a:not([class*=btn]):not([class*=card]):not(.logo):hover,main:not(header):not(footer):not(.mobile-nav) h4 a:not([class*=btn]):not([class*=card]):not(.logo):hover,main:not(header):not(footer):not(.mobile-nav) h5 a:not([class*=btn]):not([class*=card]):not(.logo):hover,main:not(header):not(footer):not(.mobile-nav) h6 a:not([class*=btn]):not([class*=card]):not(.logo):hover,.policy-content a:not([class*=btn]):not([class*=card]):not(.toc-list a):hover,.article-content a:not([class*=btn]):not([class*=card]):not(.toc-list a):hover,.blog-content a:not(.blog-button):not(.blog-button-outline):not([class*=card]):not(.toc-list a):hover{border-bottom:2px solid rgba(228,173,76,1)}[data-theme=light] main:not(header):not(footer):not(.mobile-nav) p a:not([class*=btn]):not([class*=card]):not(.logo):not(.tool-link):hover,[data-theme=light] main:not(header):not(footer):not(.mobile-nav) li:not(.toc-list li) a:not([class*=btn]):not([class*=card]):not(.logo):not(.tool-link):hover,[data-theme=light] main:not(header):not(footer):not(.mobile-nav) h1 a:not([class*=btn]):not([class*=card]):not(.logo):hover,[data-theme=light] main:not(header):not(footer):not(.mobile-nav) h2 a:not([class*=btn]):not([class*=card]):not(.logo):hover,[data-theme=light] main:not(header):not(footer):not(.mobile-nav) h3 a:not([class*=btn]):not([class*=card]):not(.logo):hover,[data-theme=light] main:not(header):not(footer):not(.mobile-nav) h4 a:not([class*=btn]):not([class*=card]):not(.logo):hover,[data-theme=light] main:not(header):not(footer):not(.mobile-nav) h5 a:not([class*=btn]):not([class*=card]):not(.logo):hover,[data-theme=light] main:not(header):not(footer):not(.mobile-nav) h6 a:not([class*=btn]):not([class*=card]):not(.logo):hover,[data-theme=light] .policy-content a:not([class*=btn]):not([class*=card]):not(.toc-list a):hover,[data-theme=light] .article-content a:not([class*=btn]):not([class*=card]):not(.toc-list a):hover,[data-theme=light] .blog-content a:not(.blog-button):not(.blog-button-outline):not([class*=card]):not(.toc-list a):hover{border-bottom:2px solid rgba(140,85,20,1)}@supports not (-webkit-background-clip: text){main:not(header):not(footer):not(.mobile-nav) p a:not([class*=btn]):not([class*=card]):not(.logo):not(.tool-link),main:not(header):not(footer):not(.mobile-nav) li:not(.toc-list li) a:not([class*=btn]):not([class*=card]):not(.logo):not(.tool-link),main:not(header):not(footer):not(.mobile-nav) h1 a:not([class*=btn]):not([class*=card]):not(.logo),main:not(header):not(footer):not(.mobile-nav) h2 a:not([class*=btn]):not([class*=card]):not(.logo),main:not(header):not(footer):not(.mobile-nav) h3 a:not([class*=btn]):not([class*=card]):not(.logo),main:not(header):not(footer):not(.mobile-nav) h4 a:not([class*=btn]):not([class*=card]):not(.logo),main:not(header):not(footer):not(.mobile-nav) h5 a:not([class*=btn]):not([class*=card]):not(.logo),main:not(header):not(footer):not(.mobile-nav) h6 a:not([class*=btn]):not([class*=card]):not(.logo),.policy-content a:not([class*=btn]):not([class*=card]):not(.toc-list a),.article-content a:not([class*=btn]):not([class*=card]):not(.toc-list a),.blog-content a:not(.blog-button):not(.blog-button-outline):not([class*=card]):not(.toc-list a){color:var(--accent);background:none;text-decoration:underline}}::-moz-selection{background-color:#ac7817;color:#fff}::-webkit-scrollbar{background-color:var(--bg-primary);width:8px}::-webkit-scrollbar-track{background-color:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--hero-text-gradient);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#ac7817}::placeholder,::-webkit-input-placeholder{color:var(--placeholder)!important}@-moz-document url-prefix(){*{scrollbar-width:thin;scrollbar-color:#C68A1A transparent}}@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-DSr3kuKC.woff2) format("woff2-variations");font-weight:300 700;font-style:normal;font-display:block}*{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body,header,footer{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}header,footer,.header-container,.theme-toggle{transform:translateZ(0);will-change:background-color}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:radial-gradient(circle at 20% 30%,rgba(var(--body-accent-rgb),.15) 0%,transparent 25%),radial-gradient(circle at 80% 70%,rgba(var(--body-secondary-rgb),.1) 0%,transparent 20%);pointer-events:none;z-index:-1}main{animation:fadeInUp .3s ease-out forwards;margin:0 auto;max-width:1200px;padding:120px 5% 1rem}a{color:var(--accent);transition:color .2s ease;text-decoration:none}a:hover{color:var(--secondary-hover)}header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--bg-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:var(--glass-border);box-shadow:var(--glass-shadow);transform:translateY(0);transition:transform .3s ease-in-out}header.header-hidden{transform:translateY(-100%)}.header-container{display:flex;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 5%;position:relative}.main-nav{position:absolute;left:50%;transform:translate(-50%)}a.logo{text-decoration:none}.logo{display:flex;align-items:center;gap:15px;font-size:1.7rem;font-weight:700}.logo-img{background-image:var(--logo-url);background-size:contain;background-repeat:no-repeat;background-position:center;height:50px;width:50px;flex-shrink:0}@supports (background-image: var(--logo-webp-url)){.logo-img{background-image:var(--logo-webp-url)}}.logo-text{background:var(--logo-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;position:relative}.logo-text:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,#ffffff26,#fff0);-webkit-background-clip:text;background-clip:text;pointer-events:none}.m-bottom-1rem{margin-bottom:1rem}.nav-list{display:flex;gap:1.5rem;align-items:center;list-style:none}nav a{color:var(--text-primary);text-decoration:none;font-weight:500;position:relative;padding:.25rem 0}nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:var(--accent);transition:width .2s ease}nav a:hover:after{width:100%}.dropdown{position:relative}.dropdown-toggle{display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;background:none;border:none;color:var(--text-primary);font-weight:500;font-family:inherit;font-size:inherit;padding:.15rem 0}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-drawer{position:absolute;top:100%;left:0;right:0;width:100%;height:0;overflow:hidden;background-color:var(--bg-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:var(--glass-border);box-shadow:var(--glass-shadow);transition:height .2s ease;z-index:10}.dropdown-drawer:hover{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(--nav-drawer-background)}.drawer-list{display:flex;justify-content:center;list-style:none;padding:1rem 0;gap:2rem}.drawer-list li{white-space:nowrap}.drawer-list a{color:var(--text-primary);text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s ease}.drawer-list a:hover{background-color:rgba(var(--accent-rgb),.1)}.drawer-list a:after{display:none}.tool-link{display:block!important;text-decoration:none}.tool-info{display:flex;flex-direction:column;gap:.25rem}.tool-name{font-weight:600;font-size:1rem}.tool-description{font-size:.875rem;color:var(--text-secondary);opacity:.8}.coming-soon-tag{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.15rem .4rem;margin-left:.5rem;background-color:var(--category-bg);color:var(--accent);border-radius:4px;vertical-align:middle}.mobile-nav{position:fixed;top:80px;left:0;right:0;background-color:var(--bg-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.5rem;border-bottom:var(--glass-border);box-shadow:var(--glass-shadow);display:none;animation:slideDown .2s ease forwards;z-index:100;transform:translateY(0);transition:transform .3s ease-in-out}header.header-hidden~.mobile-nav{transform:translateY(-100%)}.mobile-dropdown{display:none;margin-top:.5rem;margin-bottom:1rem}.mobile-dropdown li{margin-bottom:.75rem!important;border-left:2px solid var(--accent);padding-left:1.5rem}.mobile-dropdown a{font-size:1.1rem!important}.mobile-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:var(--text-primary);font-size:1.2rem;font-weight:500;font-family:inherit;cursor:pointer;padding:0;text-align:left}.mobile-dropdown-parent.active .mobile-dropdown{display:block}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:1.5rem}.mobile-nav.active{display:block}.mobile-nav ul{list-style:none;padding:0}.mobile-nav li{margin-bottom:1.5rem}.mobile-nav a{color:var(--text-primary);text-decoration:none;font-weight:500;font-size:1.25rem}.theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;margin-left:auto;width:40px;height:40px;background:none;border:none;cursor:pointer;color:var(--text-primary);border-radius:50%;background-color:var(--bg-secondary);box-shadow:var(--glass-shadow);border:var(--glass-border)}.theme-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}:root .dark-theme-image{opacity:1;display:block}:root .light-theme-image{opacity:0;display:none}[data-theme=light] .dark-theme-image{opacity:0;display:none}[data-theme=light] .light-theme-image{opacity:1;display:block}.page-title{font-size:3rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-1px}.page-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem;max-width:700px}.code{font-family:Fira Code,Courier New,monospace;background-color:rgba(var(--accent-rgb),.1);color:var(--accent);padding:.2rem;border-radius:4px;font-size:.9em}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:600;border-radius:8px;border:none;cursor:pointer;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:all .2s ease;position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:var(--button-primary-text);padding:1rem 1.5rem;font-size:1rem}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease;transform:skew(-20deg)}.btn-primary:hover:before{left:100%}.btn-primary:hover,.btn-primary:active{background:var(--accent-hover);color:var(--button-primary-text)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;background:var(--accent)}.btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--accent);padding:1rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease;transform:skew(-20deg)}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{background-color:rgba(var(--accent-rgb),.05);border-color:var(--accent);color:var(--accent)}.btn-secondary:active{background-color:rgba(var(--accent-rgb),.1)}.btn-secondary:disabled{opacity:.7;cursor:not-allowed}.btn-sm{padding:.75rem 1.25rem;font-size:.9rem}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}footer{padding:3rem 5%;background-color:var(--bg-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:var(--glass-border)}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto}.footer-col{flex:1;min-width:200px}.footer-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent-hover)}.copyright{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);font-size:.875rem;max-width:1200px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:1rem;align-items:center}.copyright-text{margin:0}.footer-badges{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.green-energy-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.2);border-radius:20px;color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:all .3s ease}.green-energy-badge:hover{background-color:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.3);color:var(--accent);text-decoration:none}.green-energy-icon{color:var(--accent);flex-shrink:0}.green-energy-text{font-weight:500}@media(max-width:768px){.copyright,.footer-badges{gap:.75rem}.green-energy-badge{padding:.4rem .8rem;font-size:.8rem}}.cookie-banner{position:fixed;bottom:2rem;right:2rem;width:100%;max-width:400px;background-color:var(--bg-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);z-index:400;visibility:hidden;opacity:0;transform:translateY(20px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.cookie-banner.visible{visibility:visible;opacity:1;transform:translateY(0)}.cookie-content{padding:1rem}.cookie-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cookie-header h2{font-size:1.3rem;font-weight:700;margin:0;background:var(--hero-text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.cookie-settings-toggle{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:inherit;text-decoration:none;transition:all .2s ease}.cookie-settings-toggle:hover{color:var(--accent-hover);text-decoration:underline}.cookie-description{font-size:.85rem;line-height:1.5;margin-bottom:1rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.cookie-leaf{color:var(--accent);flex-shrink:0;opacity:.8}.cookie-settings{max-height:0;overflow:hidden;transition:max-height .2s ease;border-top:1px solid transparent;border-bottom:1px solid transparent}.cookie-settings.expanded{max-height:300px;margin-bottom:1rem}.switch{position:relative;display:inline-block;width:46px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);border-radius:24px;transition:.2s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s}input:checked+.slider{background-color:var(--accent)}input:disabled+.slider{background-color:var(--border);cursor:not-allowed}input:focus+.slider{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.4)}input:checked+.slider:before{transform:translate(22px)}.cookie-actions{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.cookie-btn{flex:1;padding:.5rem .75rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.85rem;border:none;background:none}.cookie-btn-accept{background-color:#c89e44;color:#1e2323;position:relative;overflow:hidden}.cookie-btn-accept:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .3s ease;transform:skew(-20deg)}.cookie-btn-accept:hover:before{left:100%}.cookie-btn-accept:hover{background-color:#d4a94a;box-shadow:0 6px 20px #c89e444d}.cookie-btn-decline{background-color:transparent;color:#c89e44;border:1px solid #C89E44;position:relative;overflow:hidden}.cookie-btn-decline:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .3s ease;transform:skew(-20deg)}.cookie-btn-decline:hover:before{left:100%}.cookie-btn-decline:hover{background-color:#c89e440d;border-color:#c89e44;color:#c89e44}[data-theme=light] .cookie-btn-accept{background-color:#1e2323;color:#c89e44}[data-theme=light] .cookie-btn-accept:before{background:linear-gradient(90deg,transparent,rgba(200,158,68,.4),transparent)}[data-theme=light] .cookie-btn-accept:hover{background-color:#2a2f2f}[data-theme=light] .cookie-btn-decline{color:#1e2323;border-color:#1e2323}[data-theme=light] .cookie-btn-decline:before{background:linear-gradient(90deg,transparent,rgba(200,158,68,.4),transparent)}[data-theme=light] .cookie-btn-decline:hover{background-color:#1e23230d;border-color:#1e2323;color:#1e2323}.cookie-footer{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem}.cookie-link{color:var(--accent);text-decoration:none;transition:color .2s ease}.cookie-link:hover{color:var(--accent-hover);text-decoration:underline}.cookie-separator{color:var(--text-secondary);-webkit-user-select:none;user-select:none}.cookie-option-label{display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer;padding:.5rem .25rem;margin:0 -.25rem}.cookie-option-text{font-size:.8rem;color:var(--text-secondary)}.cookie-option-text strong{color:var(--text-primary);font-weight:600}.cookie-settings-actions{display:flex;justify-content:center;margin-top:.75rem}.cookie-settings-actions .cookie-btn{flex:none;min-width:140px;font-size:.8rem;padding:.4rem .7rem}.cookie-btn:focus,.cookie-settings-toggle:focus,.cookie-link:focus,.switch input:focus+.slider{outline:2px solid var(--accent);outline-offset:2px}@media screen and (max-width:768px){.header{justify-content:flex-start;gap:1rem}.main-nav{display:none}.theme-toggle{margin-left:auto;margin-right:1rem}.page-title{font-size:2.5rem}nav ul.nav-list{display:none}.mobile-menu-btn{display:block;order:3}.drawer-list{flex-direction:column;gap:.5rem}}@media screen and (max-width:576px){.page-title{font-size:2rem}.cookie-banner{bottom:0;right:0;max-width:100%;border-radius:16px 16px 0 0}.cookie-actions{flex-direction:row;gap:.75rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-modal:not(.hidden){position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:300!important;contain:none!important;display:flex!important;flex-direction:column!important}body{opacity:0;transition:opacity .2s ease-in-out}body.loaded{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}