@media (max-width:500px){.hero-section .hero-title{font-size:2.5rem}}.header-appbar{transition:transform .3s ease;z-index:1300}.header-hide{transform:translateY(-100%)}body,#root,.App,.home-root{padding-top:64px}@media (max-width: 600px){body,#root,.App,.home-root{padding-top:56px}}.header-toolbar{position:relative}.header-logo-box{flex:0 0 auto}.header-logo-img{max-height:35px;cursor:pointer}.header-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:16px}.header-nav-button{text-transform:none;position:relative;color:inherit;transition:color .3s ease}.header-nav-button:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:currentColor;transition:all .3s ease-out}.header-nav-button:hover{background-color:transparent;opacity:.8}.header-nav-button:hover:after{left:0;width:100%}.header-right-box{margin-left:auto;flex:0 0 auto}.header-user-button{text-transform:none;transition:.3s}.header-user-button:hover{background-color:#8080801a}.header-menu-paper{margin-top:8px!important}.home-container{background-color:var(--color-background);color:var(--color-text);min-height:100vh}:root{--color-background: #000000;--color-background-secondary: #111827;--color-text: #ffffff;--color-text-secondary: #a0a0a0;--color-border: #333333;--color-cyan: #00bfff;--color-cyan-dark: #00a6e0;--color-purple: #a020f0;--color-purple-dark: #8010d0;--color-green: #10b981;--color-green-dark: #059669;--color-amber: #f59e0b;--color-amber-dark: #d97706;--border-radius: 8px;--transition-speed: .2s}[id]{scroll-margin-top:64px}@media (max-width:600px){[id]{scroll-margin-top:56px}}.iconButton{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#111;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;transition:all var(--transition-speed)}.iconButton:hover{border-color:var(--color-cyan);color:var(--color-cyan)}