.header{display:flex;justify-content:space-between;align-items:center;padding:10px 70px;background-color:#fff;width:100%;top:0;position:relative;box-sizing:border-box}.logo-container{display:flex;flex-direction:column;width:150px}.main-text-logo{font-size:36px;font-family:var(--font-seasons);color:#000;line-height:1;text-align:center}.sub-text-logo{font-size:14px;color:#000000;line-height:1;text-align:right;font-family:var(--font-outfit)}.desktop-nav{display:flex;gap:clamp(12px,2vw,16px);font-size:clamp(12px,2vw,14px);width:60%}.hamberger-icon{display:none;cursor:pointer}.hamburger-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(128,120,120,.384);z-index:5}.hamburger-overlay.active{opacity:1}.hamburger-content{position:fixed;left:0;top:0;width:70%;max-width:250px;height:100%;background-color:white;display:flex;flex-direction:column;gap:15px;padding:20px;z-index:10;transform:translateX(-100%);transition:transform .3s ease;will-change:transform}.hamburger-content.active{transform:translateX(0)}.hamburger-content a{text-decoration:none;color:#333;font-size:1.1rem;padding:10px 0}.header-right{display:flex;flex-direction:row;gap:10px;align-items:center;min-width:200px}.search-bar-container{position:relative;width:100%;max-width:600px;min-height:32px;display:flex;align-items:center}.search-bar{width:100%;padding:4px 70px 4px 40px;border:1px solid #000000;border-radius:24px;font-size:16px;color:#333;outline:none;box-sizing:border-box;height:32px}.search-bar::placeholder{color:#888}.search-svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#888;cursor:pointer}.search-svg:hover{color:#555}.custom-link{color:#000000;text-decoration:none;position:relative;transition:color .3s ease;font-family:var(--font-outfit);font-size:14px;font-weight:300}.custom-link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:#7f9c61;transition:width .3s ease}.custom-link.active-link,.custom-link:hover{color:#7f9c61}.logo-header img{width:120px;height:60px;object-fit:contain;cursor:pointer}.root-header-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px}.logout-btn-mobile{border:none;padding:8px 0}@media (max-width:768px){.search-bar{padding:6px 40px 6px 20px;font-size:14px;height:28px}.search-svg{right:10px;font-size:16px}}@media (max-width:690px){.desktop-nav{display:none}.hamberger-icon{display:block}}@media (max-width:575px){.header{padding:10px 20px}}@media (max-width:480px){.search-bar-container{max-width:180px}.root-header-content{display:flex;justify-content:flex-end}.search-bar{padding:6px 30px 6px 15px;height:26px}.search-svg{right:8px;font-size:14px}}.notification-container{position:relative;display:inline-block}.notification-bell{position:relative;background:white;border:none;cursor:pointer;padding:8px;transition:background-color .2s;color:#333}.notification-bell:hover{background-color:rgba(0,0,0,.05)}.notification-bell:focus{outline:none}.notification-badge{position:absolute;top:0;right:0;background-color:#ff4d4f;color:white;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;transform:translate(25%,-25%)}.connection-dot{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;transform:translate(-25%,25%)}.connection-dot.connected{background-color:#52c41a}@keyframes vibrate{0%{transform:rotate(0deg)}20%{transform:rotate(5deg)}40%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.vibrate{animation:vibrate .5s linear infinite}.new-notification{animation:vibrate .5s linear 3}.notification-panel{position:fixed;top:0;right:-400px;width:380px;height:100vh;background-color:#ffffff;box-shadow:-4px 0 16px rgba(0,0,0,.1);transition:right .3s ease;z-index:1001;display:flex;flex-direction:column;border-top-left-radius:12px;border-bottom-left-radius:12px;overflow:hidden;font-family:Segoe UI,Roboto,sans-serif}.notification-panel.open{right:0}.notification-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:1000}.notification-panel-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb}.notification-panel-title{margin:0;font-size:1.25rem;font-family:var(--font-seasons);font-weight:700;color:#111827}.notification-panel-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;transition:color .2s ease}.notification-panel-close-button:hover{color:#111827}.notification-panel-header-actions{display:flex;align-items:center;gap:10px}.mark-all-read-button{background-color:#7F9C61;border:none;color:white;font-size:14px;font-family:var(--font-outfit);cursor:pointer;padding:6px 12px;border-radius:6px;transition:background-color .3s}.mark-all-read-button:hover{background-color:#cedbb4;color:black}.mark-all-read-button:disabled{background-color:#cbd5e1;cursor:not-allowed}.notification-panel-content{flex:1 1;overflow-y:auto;background-color:#fff}.notification-panel-list{list-style:none;padding:0;margin:0}.notification-panel-item{padding:16px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease;position:relative}.notification-panel-item:hover{background-color:#f9fafb}.notification-panel-item.unread{background-color:#e8efd9}.notification-panel-item.read{opacity:.95}.notification-item-header{display:flex;justify-content:space-between;align-items:start}.notification-panel-item-title{margin:0;font-size:1rem;font-weight:600;font-family:var(--font-outfit);color:#1f2937}.notification-panel-item-preview{margin-top:6px;font-size:.9rem;color:#4b5563;font-family:var(--font-outfit)}.notification-panel-item-time{font-size:.75rem;color:#9ca3af;margin-top:4px}.delete-notification{color:#6e8448}.delete-notification :hover{color:red}.notification-panel-unread-indicator{width:10px;height:10px;background-color:#8bc34a;border-radius:50%}.title-indicator-container{display:flex;align-items:center;gap:10px}.notification-delete-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;transition:color .2s ease}.notification-delete-button:hover{color:#ef4444}.notification-panel-empty,.notification-panel-error,.notification-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:30px;text-align:center;color:#6b7280}.notification-panel-spinner{border:4px solid rgba(0,0,0,.1);border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.notification-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:1002}.notification-detail-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-width:520px;background-color:#ffffff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);z-index:1003;padding:28px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-55%)}to{opacity:1;transform:translate(-50%,-50%)}}.notification-detail-close-button{position:absolute;top:14px;right:14px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#9ca3af;transition:color .2s ease}.notification-detail-close-button:hover{color:#111827}.notification-detail-title{margin:0 0 16px;font-size:1.4rem;font-family:var(--font-seasons);color:#111827}.notification-detail-description{margin:0 0 24px;font-size:1rem;font-family:var(--font-outfit);color:#374151;line-height:1.6}.notification-detail-footer{display:flex;justify-content:flex-end;font-family:var(--font-comrant)}.notification-detail-time{font-size:.85rem;color:#6b7280}.footer{background-color:#fff;color:#2e2e2e;padding:40px 200px;font-family:var(--font-lato)}.footer-columns{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:2rem}.footer-heading{font-family:var(--font-lato);font-weight:500;font-size:16px;color:#2e2e2e;justify-content:center}.footer-column,.footer-heading{display:flex;align-items:center}.footer-column{flex-direction:column;min-width:150px;gap:18px}.footer-column a{text-decoration:none;color:#2e2e2e;font-family:var(--font-lato);font-size:clamp(12px,2vw,16px)}.subscribe p{font-size:.9rem;margin-bottom:.5rem;display:flex;justify-content:center}.subscribe-box{display:flex;border:1px solid #e5989b;border-radius:4px;overflow:hidden}.subscribe-box input{flex:1 1;padding:.5rem;border:none;outline:none}.subscribe-box button{background-color:#e5989b;color:white;border:none;padding:0 1rem;cursor:pointer}.footer-bottom{display:flex;flex-direction:column;align-items:center;border-top:1px solid #f0c0c0;padding-top:1rem;font-size:.85rem}.footer-social{flex-direction:column}.footer-social,.footer-social-icons{display:flex;gap:1rem;margin-bottom:.5rem}.footer-social span{font-weight:500}.footer-links{display:flex;flex-direction:column;gap:5px;align-items:center}*{margin:0;padding:0}.container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#f2f2fe}.icons{display:flex;gap:10px}.icon-link{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;text-decoration:none;font-size:30px;box-shadow:0 8px 8px rgba(0,0,0,.1);background-size:100% 200%;background-position:0 5%;transition:background-position .5s,color .5s;border-radius:50%}.icon-link.tiktok{color:#000000;background-image:linear-gradient(#fff 50%,#000000 0)}.icon-link.instagram{color:#e1306c;background-image:linear-gradient(#fff 50%,#e1306c 0)}.icon-link.facebook{color:#1877f2;background-image:linear-gradient(#fff 50%,#1877f2 0)}.icon-link.youtube{color:#ff0000;background-image:linear-gradient(#fff 50%,#ff0000 0)}.icon-link:hover{background-position:0 100%;color:#fff}#fd-form-68632b4b17a653eb4576cd53{margin:0 auto;padding:20px;border-radius:8px}[data-ff-el=root].ff-68632b4b17a653eb4576cd53 .ff-68632b4b17a653eb4576cd53__subtitle *,[data-ff-el=root].ff-68632b4b17a653eb4576cd53 .ff-68632b4b17a653eb4576cd53__title{display:none!important}#fd-form-68632b4b17a653eb4576cd53 input[type=email],#fd-form-68632b4b17a653eb4576cd53 input[type=text]{width:100%;padding:4px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:Arial,sans-serif;box-sizing:border-box;transition:border-color .3s ease}#fd-form-68632b4b17a653eb4576cd53 input[type=email]:focus,#fd-form-68632b4b17a653eb4576cd53 input[type=text]:focus{border-color:#2d7f3d;outline:none}#fd-form-68632b4b17a653eb4576cd53 button,#fd-form-68632b4b17a653eb4576cd53 input[type=submit]{background-color:#7f9c61;color:#ffffff;padding:10px 14px;border:none;border-radius:4px;font-size:12px;font-family:Arial,sans-serif;cursor:pointer;transition:background-color .3s ease;margin-top:min(8%,16px)}#fd-form-68632b4b17a653eb4576cd53 button:hover,#fd-form-68632b4b17a653eb4576cd53 input[type=submit]:hover{background-color:#67804d}#fd-form-68632b4b17a653eb4576cd53 label{font-size:14px;font-family:Arial,sans-serif;color:#333;margin-bottom:5px;display:block}#fd-form-68632b4b17a653eb4576cd53 .fd-form-error,#fd-form-68632b4b17a653eb4576cd53 .fd-form-success{font-size:14px;margin-top:10px;padding:10px;border-radius:4px}#fd-form-68632b4b17a653eb4576cd53 .fd-form-error{background-color:#f8d7da;color:#721c24}#fd-form-68632b4b17a653eb4576cd53 .fd-form-success{background-color:#d4edda;color:#7f9c61}#fd-form-68632b4b17a653eb4576cd53,[data-ff-el=root].ff-68632b4b17a653eb4576cd53 .ff-68632b4b17a653eb4576cd53__form{padding:0!important}#fd-form-68632b4b17a653eb4576cd53 input[type=email],#fd-form-68632b4b17a653eb4576cd53 input[type=text]{width:140px}@media (max-width:680px){.footer{padding:0;margin-top:20px}.footer-columns{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px}#fd-form-68632b4b17a653eb4576cd53 input[type=email],#fd-form-68632b4b17a653eb4576cd53 input[type=text]{width:100%}}