.navbar{position:fixed;top:0;left:0;right:0;z-index:1030;width:100%;height:var(--navbar-height);background-color:var(--background-color);padding:0 1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px var(--shadow-color)}.navbar.navbar-transparent{background-color:transparent;box-shadow:none}.navbar-brand{text-decoration:none;z-index:2;margin-left:.5rem}.logo-container-desktop,.navbar-brand{display:flex;align-items:center;height:100%}.logo-container-desktop{gap:.5rem}.logo-container-mobile{display:none;align-items:center;height:100%}.logo-image{display:block;object-fit:contain}.logo-text{font-family:Arial,sans-serif;font-weight:700;font-size:1.5rem;line-height:1;color:var(--text-color);text-transform:uppercase;letter-spacing:.3rem;margin-left:-.6rem;margin-top:.1rem}@media (max-width:600px){.logo-container-desktop{display:none}.logo-container-mobile{display:flex}}.project-selection-container{position:absolute;left:50%;transform:translateX(-50%);z-index:1;pointer-events:auto}.navbar-content{justify-content:flex-end;margin-left:auto;margin-right:1rem;z-index:9998;position:relative;isolation:isolate}.nav-list,.navbar-content{display:flex;align-items:center;gap:1rem}.nav-list{list-style:none;margin:0;padding:0}.navbar.navbar-text-white .text-logo{color:var(--white-pure)}.profile-button{position:relative;width:2.5rem;height:2.5rem;padding:0;border:none;background:none;border-radius:50%;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000}.profile-button img{width:100%;height:100%;object-fit:cover}.get-pro-button{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem 1rem;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:white;font-size:.875rem;font-weight:600;text-decoration:none;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(59,130,246,.25);transition:all .2s ease;border:none}.get-pro-button:hover{transform:translateY(-.0625rem);box-shadow:0 .25rem .5rem rgba(59,130,246,.3);color:white}@media (max-width:480px){.get-pro-button{display:none}}.login-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:white;font-size:.9375rem;font-weight:600;text-decoration:none;border-radius:2rem;box-shadow:0 .25rem .75rem rgba(59,130,246,.35);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-.125rem);box-shadow:0 .5rem 1rem rgba(59,130,246,.45);color:white}.login-button svg{transition:transform .3s ease}.login-button:hover svg{transform:translateX(.1875rem)}.nav-link-item{text-decoration:none;color:var(--text-color);font-weight:500;font-size:.9375rem;transition:color .2s ease}.nav-link-item:hover{color:var(--primary-color)}@media (max-width:480px){.nav-link-item{display:none}.login-button{padding:.4rem 1rem;font-size:.875rem}}.footer{width:100%;background-color:var(--background-color);border-top:1px solid var(--border-color);padding:var(--space-20) var(--space-40);margin-top:auto;z-index:10;flex-shrink:0}.footer-content{max-width:var(--breakpoint-lg);margin:0 auto;padding:0 var(--space-20);display:flex;flex-direction:column;align-items:center;gap:var(--space-16)}.footer-links,.footer-list{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap;justify-content:center}.footer-list{list-style:none;margin:0;padding:0}@media (max-width:48rem){.footer-content{padding:0 var(--space-16);gap:var(--space-12)}.footer-links{gap:var(--space-8)}}.footer-separator{color:var(--text-secondary);font-size:var(--text-sm);opacity:.5}.footer-copyright{color:var(--text-secondary);font-size:var(--text-xs);text-align:center}.home-footer{background-color:rgba(0,0,0,.7);border-top:1px solid rgba(255,255,255,.1);position:fixed;bottom:0;width:100%;z-index:100}.home-footer .link-secondary{color:rgba(255,255,255,.8)}.home-footer .link-secondary:hover{color:var(--white-pure)}.home-footer .footer-copyright,.home-footer .footer-separator{color:rgba(255,255,255,.6)}@media (max-width:48rem){.footer{padding:var(--space-16) 0}}