@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";
:root{--nav-s:-78px;--nav-c:-56px;--nav-e:-34px;--nav-n:-12px;--nav-i:10px;--nav-t:32px;--nav-h:54px}.nav-bar .nav-content .nav-links .nav-item .nav-link{text-transform:uppercase!important;letter-spacing:1px!important;cursor:pointer!important;background:linear-gradient(90deg,#3b82f6,#8b5cf6)!important;-webkit-text-fill-color:transparent!important;box-sizing:border-box!important;-webkit-background-clip:text!important;background-clip:text!important;border:none!important;padding:8px 16px!important;font-family:Montserrat,sans-serif!important;font-size:1rem!important;font-weight:600!important;transition:transform .3s!important;position:relative!important}.nav-bar .nav-content .nav-links .nav-item .nav-link:hover{transform:translateY(-2px)!important}.nav-bar .nav-content .nav-links .nav-item .nav-link:after{content:""!important;background:linear-gradient(90deg,#3b82f6,#8b5cf6)!important;width:0!important;height:2px!important;transition:all .3s!important;position:absolute!important;bottom:-4px!important;left:50%!important;transform:translate(-50%)!important}.nav-bar .nav-content .nav-links .nav-item .nav-link:hover:after{width:100%!important}.nav-bar .nav-content .nav-links .nav-item .nav-link.active{font-weight:700!important}.nav-bar .nav-content .nav-links .nav-item .nav-link.active:after{width:100%!important}.nav-bar .nav-content .nav-links .nav-item .tools-dropdown{z-index:1000!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffffa!important;border:1px solid #e2e8f0cc!important;border-radius:10px!important;flex-direction:column!important;min-width:200px!important;padding:10px 0!important;display:flex!important;position:absolute!important;top:80%!important;left:0!important;box-shadow:0 4px 10px #0000001a!important}.nav-bar .nav-content .nav-links .nav-item .tools-dropdown-item{text-align:left!important;cursor:pointer!important;color:#1e293b!important;background:0 0!important;border:none!important;width:100%!important;padding:8px 20px!important;font-family:Montserrat,sans-serif!important;font-size:.9rem!important;font-weight:500!important;transition:background-color .3s,color .3s!important}.nav-bar .nav-content .nav-links .nav-item .tools-dropdown-item:hover{color:#3b82f6!important;background:#3b82f61a!important}.nav-bar .nav-content .nav-links .nav-item .nav-link-with-icon{align-items:center!important;gap:6px!important;display:flex!important}.nav-bar .nav-content .nav-links .nav-item .nav-link-icon{background:linear-gradient(90deg,#3b82f6,#8b5cf6)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:.95em!important;display:inline-flex!important}.nav-bar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:50px;width:90%;max-width:1000px;padding:12px 24px;font-family:Montserrat,sans-serif;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,transform .3s;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000014}.nav-bar:hover{transform:translate(-50%)translateY(-3px);box-shadow:0 6px 25px #0000001f}.nav-bar.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;box-shadow:0 4px 20px #00000026}.nav-content{justify-content:space-between;align-items:center;display:flex}.hamburger-menu{color:#1e293b;cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.5rem;transition:color .3s;display:none}.hamburger-menu:hover{color:#8b5cf6}.nav-links{justify-content:center;gap:20px;display:flex}.nav-link{text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border:none;padding:8px 16px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;transition:transform .3s;position:relative}.nav-link-with-icon{align-items:center;gap:6px;display:flex}.nav-link-icon{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.95em;display:inline-flex}.nav-link:hover{transform:translateY(-2px)}.nav-link:after{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6);width:0;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.nav-link:hover:after{width:100%}.nav-link.active{font-weight:700}.nav-link.active:after{width:100%}.branding-container{cursor:pointer;align-items:center;gap:12px;display:flex;position:relative}.branding-container h1{letter-spacing:3px;text-transform:uppercase;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:800;animation:2.5s infinite shimmer;display:flex}.branding-container .letter{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transition:transform .3s;display:inline-block}.branding-container .letter:hover{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transform:translateY(-2px)}.branding-container .logo-element{width:24px;height:24px;top:-10px;left:calc(50% + var(--nav-h));z-index:15;border:2px solid #3b82f6;border-radius:50%;position:absolute}.branding-container .logo-element:before{content:"";background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #3b82f666}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.tools-dropdown{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #e2e8f0cc;border-radius:10px;flex-direction:column;min-width:200px;padding:10px 0;display:flex;position:absolute;top:80%;left:0;box-shadow:0 4px 10px #0000001a}.dropdown-trigger{position:relative}.tools-dropdown-item{text-align:left;cursor:pointer;color:#1e293b;background:0 0;border:none;padding:8px 20px;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:500;transition:background-color .3s,color .3s}.tools-dropdown-item:hover{color:#3b82f6;background:#3b82f61a}.nav-item,.nav-bar .nav-links .auth-nav-item{position:relative}.nav-bar .nav-links .auth-nav-item .nav-link.auth-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;-webkit-text-fill-color:transparent!important;cursor:pointer!important;text-transform:uppercase!important;letter-spacing:1px!important;-webkit-background-clip:text!important;background-clip:text!important;border:none!important;padding:8px 16px!important;font-family:Montserrat,sans-serif!important;font-size:1rem!important;font-weight:700!important}.nav-bar .nav-links .auth-nav-item .nav-link:hover{transform:translateY(-2px)!important}.nav-bar .nav-links .auth-nav-item .profile-dropdown{z-index:10001!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffffa!important;border:1px solid #e2e8f0cc!important;border-radius:10px!important;min-width:150px!important;margin-top:5px!important;padding:10px 0!important;position:absolute!important;top:100%!important;right:0!important;box-shadow:0 4px 10px #0000001a!important}.nav-bar .nav-links .auth-nav-item .logout-item{color:#ef4444!important;text-align:left!important;cursor:pointer!important;background:0 0!important;border:none!important;width:100%!important;padding:8px 20px!important;font-family:Montserrat,sans-serif!important;font-size:.9rem!important;font-weight:500!important;transition:background-color .3s,color .3s!important}.nav-bar .nav-links .auth-nav-item .logout-item:hover{color:#dc2626!important;background:#ef44441a!important}.nav-bar+.modal-overlay,.modal-overlay.navbar-modal{z-index:10000!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#00000080!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.modal-overlay.navbar-modal .login-modal{text-align:center!important;background:#fff!important;border-radius:20px!important;width:90%!important;max-width:400px!important;padding:40px!important;position:relative!important;box-shadow:0 20px 60px #0000004d!important}.modal-overlay.navbar-modal .modal-close-button{color:#64748b!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:5px!important;font-size:1.5rem!important;line-height:1!important;transition:color .3s!important;position:absolute!important;top:15px!important;right:15px!important}.modal-overlay.navbar-modal .modal-close-button:hover{color:#3b82f6!important}.modal-overlay.navbar-modal .auth-container h1{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important;background:0 0!important;margin-bottom:10px!important;font-size:2rem!important;font-weight:700!important}.modal-overlay.navbar-modal .auth-header{margin-bottom:20px!important}.modal-overlay.navbar-modal .auth-header p{color:#64748b!important;margin-bottom:20px!important;font-size:1rem!important}.modal-overlay.navbar-modal .loading-overlay{z-index:10!important;background:#ffffffe6!important;border-radius:20px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.modal-overlay.navbar-modal .spinner{border:4px solid #3b82f6!important;border-top-color:#0000!important;border-radius:50%!important;width:40px!important;height:40px!important;animation:1s linear infinite spin!important}.modal-overlay.navbar-modal .error-message{color:#dc2626!important;text-align:left!important;background:#ef444426!important;border-left:4px solid #ef4444!important;border-radius:8px!important;margin-bottom:20px!important;padding:12px!important;font-size:.95rem!important}.modal-overlay.navbar-modal .success-message{color:#22c55e!important;text-align:left!important;background:#22c55e1a!important;border-left:4px solid #22c55e!important;border-radius:8px!important;margin-bottom:20px!important;padding:12px!important;font-size:.95rem!important}.modal-overlay.navbar-modal .auth-form{flex-direction:column!important;gap:15px!important;width:100%!important;display:flex!important}.modal-overlay.navbar-modal .auth-input-label{width:100%!important;position:relative!important}.modal-overlay.navbar-modal .auth-input{box-sizing:border-box!important;color:#1e293b!important;background:#fff!important;border:2px solid #3b82f633!important;border-radius:12px!important;width:100%!important;padding:12px 15px!important;font-family:Montserrat,sans-serif!important;font-size:1rem!important;transition:all .3s!important}.modal-overlay.navbar-modal .auth-input:focus{border-color:#3b82f6!important;outline:none!important;box-shadow:0 0 0 3px #3b82f61a!important}.modal-overlay.navbar-modal .auth-input:disabled{cursor:not-allowed!important;opacity:.7!important;background:#f8fafc!important}.modal-overlay.navbar-modal .auth-input-label span{color:#64748b!important;pointer-events:none!important;background:0 0!important;padding:0!important;font-size:.95rem!important;transition:all .3s!important;position:absolute!important;top:50%!important;left:15px!important;transform:translateY(-50%)!important}.modal-overlay.navbar-modal .auth-input:focus+span,.modal-overlay.navbar-modal .auth-input:not(:placeholder-shown)+span{color:#3b82f6!important;background:#fff!important;padding:0 5px!important;font-size:.8rem!important;top:-10px!important}.modal-overlay.navbar-modal .cta-button.auth-button{color:#fff!important;cursor:pointer!important;text-transform:none!important;letter-spacing:normal!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border:none!important;border-radius:12px!important;width:100%!important;padding:14px 30px!important;font-family:Montserrat,sans-serif!important;font-size:1rem!important;font-weight:700!important;transition:all .3s!important;box-shadow:0 4px 15px #3b82f64d!important}.modal-overlay.navbar-modal .cta-button.auth-button:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 20px #3b82f666!important}.modal-overlay.navbar-modal .cta-button.auth-button:disabled{color:#6b7280!important;cursor:not-allowed!important;box-shadow:none!important;background:#e5e7eb!important;transform:none!important}.modal-overlay.navbar-modal .divider{color:#64748b!important;text-align:center!important;margin:20px 0!important;font-size:.95rem!important;position:relative!important}.modal-overlay.navbar-modal .divider:before,.modal-overlay.navbar-modal .divider:after{content:""!important;background:#e5e7eb!important;width:40%!important;height:1px!important;position:absolute!important;top:50%!important}.modal-overlay.navbar-modal .divider:before{left:0!important}.modal-overlay.navbar-modal .divider:after{right:0!important}.modal-overlay.navbar-modal .google-button{justify-content:center!important;margin:20px 0!important;display:flex!important}.modal-overlay.navbar-modal .auth-link{color:#64748b!important;margin-top:15px!important;font-size:.95rem!important}.modal-overlay.navbar-modal .auth-link a{color:#3b82f6!important;font-weight:600!important;text-decoration:none!important}.modal-overlay.navbar-modal .auth-link a:hover{text-decoration:underline!important}@media (max-width:1000px) and (min-width:769px){.nav-links{gap:10px}.nav-link{padding:6px 12px;font-size:.9rem}.tools-dropdown{min-width:180px}.tools-dropdown-item{padding:6px 16px;font-size:.85rem}}@media (max-width:768px){:root{--nav-s:-61px;--nav-c:-41px;--nav-e:-20px;--nav-n:0px;--nav-i:20px;--nav-t:41px;--nav-h:56px}.nav-bar{width:90%;padding:8px 15px}.hamburger-menu{display:block}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #e2e8f0cc;border-radius:20px;flex-direction:column;align-items:center;gap:15px;width:90%;max-width:400px;padding:15px 0;display:none;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000001a}.nav-links.open{display:flex}.nav-link{padding:8px 16px;font-size:.9rem}.branding-container h1{font-size:22px}.branding-container .logo-element{width:20px;height:20px;left:calc(50% + var(--nav-h))}.branding-container .logo-element:before{width:6px;height:6px}.tools-dropdown{width:100%;box-shadow:none;background:#fffffff2;border:none;padding:5px 0;position:static}.tools-dropdown-item{padding:8px 30px;font-size:.85rem}.nav-links.open .tools-dropdown{display:flex}.nav-bar .nav-links .auth-nav-item .profile-dropdown{width:100%!important;box-shadow:none!important;background:#fffffff2!important;border:none!important;margin-top:0!important;padding:5px 0!important;position:static!important}.modal-overlay.navbar-modal .login-modal{max-width:90%!important;padding:30px 20px!important}.modal-overlay.navbar-modal .auth-container h1{font-size:1.8rem!important}.nav-bar .nav-content .nav-links .nav-item .nav-link{padding:8px 16px!important;font-size:.9rem!important}.nav-bar .nav-content .nav-links .nav-item .tools-dropdown{width:100%!important;box-shadow:none!important;background:#fffffff2!important;border:none!important;padding:5px 0!important;position:static!important}.nav-bar .nav-content .nav-links .nav-item .tools-dropdown-item{padding:8px 30px!important;font-size:.85rem!important}}@media (max-width:480px){:root{--nav-s:-55px;--nav-c:-36.5px;--nav-e:-18px;--nav-n:0px;--nav-i:18px;--nav-t:36.5px;--nav-h:50px}.nav-bar{width:95%;max-width:350px;padding:8px 15px}.nav-links{width:90%;max-width:300px;top:50px}.nav-link{padding:8px 12px;font-size:.85rem}.branding-container h1{font-size:20px}.branding-container .logo-element{width:20px;height:20px;left:calc(50% + var(--nav-h))}.branding-container .logo-element:before{width:6px;height:6px}.tools-dropdown-item{padding:6px 25px;font-size:.8rem}.modal-overlay.navbar-modal .login-modal{padding:25px 15px!important}.modal-overlay.navbar-modal .auth-container h1{font-size:1.6rem!important}.modal-overlay.navbar-modal .cta-button.auth-button{padding:12px 25px!important;font-size:.95rem!important}}
button{appearance:none;background:0 0;border:none;margin:0;padding:0}.loved-footer{color:#9ca3af;text-align:center;background:#111827;padding:60px 20px;font-family:Montserrat,sans-serif;font-size:.875rem}.footer-container{max-width:1152px;margin:0 auto}.footer-copyright{color:#9ca3af;margin-bottom:16px;font-weight:400}.footer-links-container{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.footer-link{color:#9ca3af;cursor:pointer;white-space:nowrap;font-weight:500;transition:color .3s}.footer-link:hover{color:#fff}@media (max-width:768px){.loved-footer{padding:40px 15px}.footer-links-container{gap:16px}.footer-link{font-size:.8125rem}}