.signin-button-container{z-index:1000;position:absolute;top:20px;right:20px}.signin-button-container.hide-name{top:5px;right:5px}.signin-trigger-button{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:50px;align-items:center;gap:12px;padding:8px 16px 8px 8px;font-family:Manrope;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.signin-trigger-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.signin-trigger-button:active{transform:translateY(0)}.signin-trigger-button .signin-trigger-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.signin-trigger-button .signin-trigger-icon.incomplete-profile{background:#ffd7001a;border:2px solid gold}.signin-trigger-button .signin-trigger-icon img{width:20px;height:20px}.signin-trigger-button .signin-trigger-icon .warning-badge{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:flex;position:absolute;top:24px;right:27px}.signin-trigger-button .signin-trigger-icon .warning-badge img{opacity:1;width:100%;height:100%}.signin-trigger-button .signin-trigger-text{white-space:nowrap;text-overflow:ellipsis;line-height:2;overflow:hidden}.user-popup-menu{z-index:1001;background:#2d3a4b;border:1px solid #ffffff1a;border-radius:12px;min-width:200px;animation:.2s ease-out userPopupFadeIn;position:absolute;top:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000004d}.user-popup-menu .popup-header{background:#18222f;align-items:center;gap:12px;padding:16px;display:flex}.user-popup-menu .popup-header .popup-avatar{color:#fff;letter-spacing:.5px;background:#2b395e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex;position:relative}.user-popup-menu .popup-header .popup-avatar.has-icon{background:#fff3;border:2px solid gold}.user-popup-menu .popup-header .popup-avatar img{opacity:.9;width:20px;height:20px}.user-popup-menu .popup-header .popup-avatar .warning-badge{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:flex;position:absolute;top:26px;right:25px}.user-popup-menu .popup-header .popup-avatar .warning-badge img{opacity:1;width:100%;height:100%}.user-popup-menu .popup-header .popup-username{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-family:Manrope;font-size:14px;font-weight:600;overflow:hidden}.user-popup-menu .popup-divider{background:#ffffff1a;height:1px;margin:0}.user-popup-menu .popup-options{margin:0 5px;padding:8px 0}.user-popup-menu .popup-options .popup-option-wrapper{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.user-popup-menu .popup-options .popup-option{color:#fffc;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:12px 10px;font-family:Manrope;font-size:14px;font-weight:500;transition:all .2s;display:flex}.user-popup-menu .popup-options .popup-option:hover{color:#fff;background:#202d40;border-radius:8px}.user-popup-menu .popup-options .popup-option .option-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.user-popup-menu .popup-options .popup-option .option-icon img{width:20px;height:20px}.user-popup-menu .popup-options .popup-option:hover .option-icon{opacity:1}.user-popup-menu .popup-options .complete-profile-badge{color:#000;cursor:pointer;background:gold;border:none;border-radius:12px;width:fit-content;margin-top:-4px;margin-left:32px;padding:6px 12px;font-family:Manrope;font-size:12px;font-weight:600;transition:all .2s}.user-popup-menu .popup-options .complete-profile-badge:hover{background:gold;transform:translateY(-1px)}@keyframes userPopupFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.signin-button-container{display:none}}
:root{--logout-modal-primary-bg:#170e35;--logout-modal-secondary-bg:#1f1447;--logout-modal-accent:#7c3aed;--logout-modal-accent-hover:#8b5cf6;--logout-modal-accent-active:#6d28d9;--logout-modal-text-primary:#fff;--logout-modal-text-secondary:#fffc;--logout-modal-border:#ffffff1a;--logout-modal-border-hover:#ffffff40;--logout-modal-overlay:#170e35d9;--logout-modal-shadow:#0006;--logout-modal-shadow-accent:#7c3aed4d;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem;--spacing-3xl:2rem;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--easing-standard:cubic-bezier(.4, 0, .2, 1);--easing-bounce:cubic-bezier(.34, 1.56, .64, 1);--easing-smooth:cubic-bezier(.25, .1, .25, 1)}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transform:scale(.92)translateY(20px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:scale(1)translateY(0)}}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logout-modal-overlay{background:var(--logout-modal-overlay);z-index:10000;-webkit-backdrop-filter:blur(8px);padding:var(--spacing-lg);animation:modalFadeIn var(--duration-slow) var(--easing-smooth);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (max-width:768px){.logout-modal-overlay{padding:var(--spacing-md)}}@media (max-width:480px){.logout-modal-overlay{align-items:center;padding:0}}.logout-modal{background:linear-gradient(135deg, var(--logout-modal-primary-bg) 0%, var(--logout-modal-secondary-bg) 100%);border:1px solid var(--logout-modal-border);border-radius:var(--radius-2xl);box-shadow:0 25px 60px var(--logout-modal-shadow),0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;width:100%;max-width:480px;position:relative;overflow:hidden}.logout-modal:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 50%,#ffffff05 100%);position:absolute;inset:0}@media (max-width:768px){.logout-modal{border-radius:var(--radius-xl);max-width:420px;animation:modalSlideUpMobile var(--duration-slow) var(--easing-bounce)}}@media (max-width:480px){.logout-modal{border-radius:var(--radius-lg);max-width:350px}}.logout-modal .logout-modal-content{padding:var(--spacing-3xl);color:var(--logout-modal-text-primary);z-index:1;animation:contentFadeIn var(--duration-slow) var(--easing-smooth) .1s both;flex-direction:column;display:flex;position:relative}@media (max-width:768px){.logout-modal .logout-modal-content{padding:var(--spacing-2xl) var(--spacing-xl)}}@media (max-width:480px){.logout-modal .logout-modal-content{padding:var(--spacing-xl) var(--spacing-lg)}}.logout-modal .logout-modal-close-button{top:var(--spacing-xl);right:var(--spacing-xl);color:var(--logout-modal-text-secondary);cursor:pointer;padding:var(--spacing-md);transition:all var(--duration-normal) var(--easing-smooth);z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.logout-modal .logout-modal-close-button:hover{color:var(--logout-modal-text-primary);background:#ffffff1a;transform:rotate(90deg)}.logout-modal .logout-modal-close-button:active{transform:rotate(90deg)scale(.95)}.logout-modal .logout-modal-close-button svg{width:20px;height:20px;transition:inherit}@media (max-width:768px){.logout-modal .logout-modal-close-button{top:var(--spacing-lg);right:var(--spacing-lg);padding:var(--spacing-sm)}.logout-modal .logout-modal-close-button svg{width:18px;height:18px}}@media (max-width:480px){.logout-modal .logout-modal-close-button{top:var(--spacing-md);right:var(--spacing-md)}.logout-modal .logout-modal-close-button svg{width:16px;height:16px}}.logout-modal .logout-modal-header{text-align:center;margin-bottom:var(--spacing-3xl)}@media (max-width:768px){.logout-modal .logout-modal-header{margin-bottom:var(--spacing-2xl)}}@media (max-width:480px){.logout-modal .logout-modal-header{margin-bottom:var(--spacing-xl)}}.logout-modal .logout-modal-title{color:var(--logout-modal-text-primary);margin:0 0 var(--spacing-lg) 0;letter-spacing:-.025em;background:linear-gradient(135deg, var(--logout-modal-text-primary) 0%, #c4b5fd 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;line-height:1.2}@media (max-width:768px){.logout-modal .logout-modal-title{margin-bottom:var(--spacing-md);font-size:1.5rem}}@media (max-width:480px){.logout-modal .logout-modal-title{font-size:1.375rem}}.logout-modal .logout-modal-subtitle{color:var(--logout-modal-text-secondary);margin:0;font-size:1.125rem;font-weight:400;line-height:1.6}@media (max-width:768px){.logout-modal .logout-modal-subtitle{font-size:1rem;line-height:1.5}}@media (max-width:480px){.logout-modal .logout-modal-subtitle{font-size:.9375rem}}.logout-modal .logout-modal-actions{gap:var(--spacing-lg);justify-content:center;display:flex}@media (max-width:768px){.logout-modal .logout-modal-actions{gap:var(--spacing-md);flex-direction:column-reverse}}@media (max-width:480px){.logout-modal .logout-modal-actions{gap:var(--spacing-md)}}.logout-modal .cancel-button,.logout-modal .confirm-button{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--easing-smooth);padding:var(--spacing-lg) var(--spacing-3xl);width:30%;min-width:120px;font-size:1rem;font-weight:600;position:relative;overflow:hidden}@media (max-width:768px){.logout-modal .cancel-button,.logout-modal .confirm-button{width:100%;padding:var(--spacing-lg);min-height:52px;font-size:1rem}.logout-modal .cancel-button:active,.logout-modal .confirm-button:active{transform:scale(.98)}}@media (max-width:480px){.logout-modal .cancel-button,.logout-modal .confirm-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);min-height:48px;font-size:.9375rem}}.logout-modal .cancel-button{border:1px solid var(--logout-modal-border);color:var(--logout-modal-text-secondary);-webkit-backdrop-filter:blur(10px);background:0 0}.logout-modal .cancel-button:hover{color:var(--logout-modal-text-primary);border-color:var(--logout-modal-border-hover);background:#ffffff14;transform:translateY(-1px)}.logout-modal .confirm-button{background:linear-gradient(135deg, var(--logout-modal-accent) 0%, var(--logout-modal-accent-active) 100%);color:var(--logout-modal-text-primary);box-shadow:0 4px 15px var(--logout-modal-shadow-accent),0 0 0 1px #fff3;border:none;font-weight:700}.logout-modal .confirm-button:before{content:"";height:100%;transition:left var(--duration-slow) var(--easing-smooth);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.logout-modal .confirm-button:hover{background:linear-gradient(135deg, var(--logout-modal-accent-hover) 0%, var(--logout-modal-accent) 100%);box-shadow:0 8px 25px var(--logout-modal-shadow-accent),0 0 0 1px #ffffff4d;transform:translateY(-2px)}.logout-modal .confirm-button:hover:before{left:100%}