:root{--navbar-height: 80px}.navbar{position:fixed;top:0;width:100%;background-color:#2b2b2b;height:var(--navbar-height);color:#d4d4d4;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-button{color:#d4d4d4;text-decoration:none;font-weight:700;padding:1rem;font-size:1rem}.navbar-button:hover{color:#f0f0f0}.language-selector{display:flex;gap:.5rem;margin-left:auto;padding-right:1rem}.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:#d4d4d4}.logout-icon:hover{color:#f0f0f0}.navbar-links{display:flex;gap:.5rem}@media (max-width: 768px){.navbar-links{display:none}.navbar-logo{height:80px}}: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: #ffffff;--shadow: 0 4px 16px rgba(0, 0, 0, .5);font-family:Inter,sans-serif;font-weight:400;color-scheme:dark;color:var(--text-color);background-color:var(--primary-bg)}body{margin:0;padding:0;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;color-scheme:dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding-top:var(--navbar-height)}.container,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)}button,.MuiButton-root{background:var(--accent-color)!important;color:var(--primary-bg)!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:background .2s,box-shadow .2s}button:hover,.MuiButton-root:hover{background:#4db8e6!important;box-shadow:0 6px 12px #000000b3!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:0 8px 20px #000000b3}.MuiDivider-root{border-color:var(--border-color)!important;opacity:.7}.hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#20232a,#282c34);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%}