.navbar{position:fixed;top:0;width:100%;background-color:var(--navbar-bg);height:var(--navbar-height);color:var(--navbar-text);padding:.5rem 1rem;display:flex;align-items:center;z-index:1000;box-shadow:0 4px 8px #0003;padding-left:72px}.navbar-logo{height:100px;margin-right:1rem}.navbar-logo-wrapper:hover .navbar-logo{box-shadow:0 2px 8px #1976d233;transform:scale(1.07);transition:box-shadow .2s,transform .2s}.navbar-button{color:var(--navbar-text);text-decoration:none;font-weight:700;padding:1rem;font-size:1rem}.navbar-button:hover{color:var(--navbar-text-hover)}.navbar-links{display:flex;gap:.5rem}.language-selector{display:flex;align-items:center;gap:.25rem;margin-left:auto}.navbar .icon-button{color:var(--navbar-icon);padding:6px}.flag-round{width:18px;height:18px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--navbar-border)}.cart-link{margin-left:6px;margin-right:6px}.auth-section{display:flex;align-items:center;gap:1rem;padding-right:5rem}.language-button{background:none!important;border:none!important;cursor:pointer;padding:0;display:flex;align-items:center;outline:none}.language-icon{width:44px;height:34px}.auth-link{display:flex;align-items:center;text-decoration:none;color:inherit;font-size:14px;font-weight:500}.auth-icon{font-size:32px;margin-right:6px}.profile-container{display:flex;align-items:center;gap:4px}.profile-picture{width:32px;height:32px;border-radius:50%;object-fit:cover}.logout-icon{font-size:32px;cursor:pointer;color:var(--navbar-text)}.logout-icon:hover{color:var(--navbar-text-hover)}@media (max-width: 768px){.navbar-links{display:none}.navbar-logo{height:80px}}.theme-hint-anchor{position:relative;display:inline-flex}.theme-hint-pulse{border-radius:50%;animation:themeHintPulse 1.6s ease-out infinite}.theme-hint-pulse svg{animation:themeHintWiggle 1.6s ease-in-out infinite}@keyframes themeHintPulse{0%{box-shadow:0 0 #61dafb8c}70%{box-shadow:0 0 0 14px #61dafb00}to{box-shadow:0 0 #61dafb00}}@keyframes themeHintWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}50%{transform:rotate(12deg)}75%{transform:rotate(-6deg)}}.theme-hint-callout{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);z-index:2200;pointer-events:none}.theme-hint-bubble{position:relative;display:inline-block;white-space:nowrap;background:var(--accent-color);color:var(--accent-contrast);font-size:.8rem;font-weight:700;letter-spacing:.2px;padding:7px 12px;border-radius:9px;box-shadow:0 8px 22px #00000059;animation:themeHintFadeIn .35s ease both,themeHintFloat 1.8s ease-in-out .4s infinite}.theme-hint-arrow{position:absolute;top:-5px;left:50%;width:11px;height:11px;background:var(--accent-color);border-radius:2px;transform:translate(-50%) rotate(45deg)}@keyframes themeHintFadeIn{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@keyframes themeHintFloat{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (prefers-reduced-motion: reduce){.theme-hint-pulse,.theme-hint-pulse svg,.theme-hint-bubble{animation:none}}:root{--primary-bg: #282c34;--secondary-bg: #20232a;--card-bg: #333842;--border-color: #444c56;--accent-color: #61dafb;--text-color: #ffffff;--heading-color: #ffffff;--link-color: #61dafb;--link-hover-color: #0288d1;--shadow: 0 4px 16px rgba(0, 0, 0, .5);--accent-contrast: #000;--hover-overlay: rgba(255, 255, 255, .06);--accent-selected: rgba(97, 218, 251, .16);--accent-selected-hover: rgba(97, 218, 251, .22);--border-subtle: rgba(255, 255, 255, .25);--text-muted: #9aa4ad;--map-bg: #1b1f24;--navbar-bg: #2b2b2b;--navbar-text: #d4d4d4;--navbar-text-hover: #f0f0f0;--navbar-icon: #ffffff;--navbar-border: rgba(255, 255, 255, .25);--navbar-height: 80px;font-family:Inter,sans-serif;font-weight:400;color-scheme:dark;color:var(--text-color);background-color:var(--primary-bg)}:root[data-theme=light]{--primary-bg: #f5f7fa;--secondary-bg: #ffffff;--card-bg: #ffffff;--border-color: #d8dee4;--accent-color: #61dafb;--text-color: #1c2128;--heading-color: #1c2128;--link-color: #0277bd;--link-hover-color: #01579b;--shadow: 0 4px 16px rgba(140, 149, 159, .25);--hover-overlay: rgba(0, 0, 0, .04);--accent-selected: rgba(2, 119, 189, .12);--accent-selected-hover: rgba(2, 119, 189, .18);--border-subtle: rgba(0, 0, 0, .18);--text-muted: #5c6670;--map-bg: #e8ebef;color-scheme:light}.chart-muted{fill:var(--text-muted)}body{margin:0;padding:0;padding-top:var(--navbar-height);font-family:Inter,sans-serif;font-weight:400;color:var(--text-color);background-color:var(--primary-bg);background-size:cover;background-position:center;background-attachment:fixed;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,.MuiTypography-h3,.MuiTypography-h4,.MuiTypography-h5,.MuiTypography-h6{font-family:Inter,sans-serif;color:var(--heading-color)!important;font-weight:600;text-transform:none;letter-spacing:.5px}a,.MuiLink-root{font-weight:500;color:var(--link-color);text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-bottom-color .2s}a:hover,.MuiLink-root:hover{color:var(--link-hover-color);border-bottom-color:var(--link-hover-color)}.container,button,.MuiButton-root{background:var(--accent-color)!important;color:var(--accent-contrast)!important;border:none!important;border-radius:8px!important;font-family:Inter,sans-serif!important;font-weight:500!important;text-transform:none!important;letter-spacing:.5px!important;box-shadow:var(--shadow)!important;transition:filter .2s,box-shadow .2s}button:hover,.MuiButton-root:hover{filter:brightness(1.08);box-shadow:var(--shadow)!important}.MuiCard-root,.dark-card{background-color:var(--card-bg)!important;color:var(--text-color)!important;box-shadow:var(--shadow)!important;border-radius:8px!important;border:1px solid var(--border-color)!important;transition:transform .2s,box-shadow .2s}.MuiCard-root:hover,.dark-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.MuiDivider-root{border-color:var(--border-color)!important;opacity:.7}.hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--secondary-bg),var(--primary-bg));color:var(--text-color)}.hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero p{font-size:1.25rem;font-weight:400;max-width:800px;margin:0 auto 2rem;line-height:1.6}.hero button{font-size:1rem;padding:.75rem 1.5rem}@media (max-width: 768px){h1{font-size:2.5rem}button,.MuiButton-root{font-size:.9rem;padding:.5rem 1rem}}.proven-usage-card{padding:1.5rem;margin:2;text-align:center;border-radius:8px;box-shadow:var(--shadow);background-color:var(--card-bg);width:90%}