.signin-overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);isolation:isolate;will-change:backdrop-filter;background:#00000080;justify-content:center;align-items:flex-end;padding:0;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.signin-overlay{background:#0009}}.signin-overlay.closing{animation:.3s ease-out fadeOut}.signin-overlay.hide{display:none}.signin-modal{-webkit-backdrop-filter:blur(8px);background:linear-gradient(#00000080,#00000080),#2c2642;border:2px solid #ffffff1c;border-radius:32px 32px 0 0;width:100%;max-width:80vw;animation:1s cubic-bezier(.16,1,.3,1) slideUpFromBottom;position:relative;overflow:hidden;box-shadow:0 -4px 20px #00000040}@media (max-width:768px){.signin-modal{max-width:100%}}.signin-modal.closing{animation:1s cubic-bezier(.6,0,.8,.3) slideDownToBottom}.signin-modal:before{content:"";filter:blur(100px);opacity:.7;pointer-events:none;z-index:0;background:linear-gradient(72.71deg,#0049ff6e 16.62%,#6153be6e 78.35%);width:780px;height:444px;position:absolute;top:71px;right:-400px;transform:rotate(164.3deg)}.signin-modal:after{content:"";filter:blur(100px);opacity:.5;pointer-events:none;z-index:0;background:linear-gradient(72.71deg,#0049ff6e 16.62%,#6153be6e 78.35%);width:918px;height:282px;position:absolute;top:-207px;left:-400px;transform:rotate(136.4deg)}@media (max-width:768px){.signin-modal{border-radius:20px 20px 0 0;max-height:85vh}}@media (max-width:480px){.signin-modal{border-radius:16px 16px 0 0;max-height:90vh}}.signin-close{cursor:pointer;z-index:4;background:#ffffff1a;border:none;border-radius:50%;width:49px;height:49px;transition:all .2s;position:absolute;top:10px;right:10px}.signin-close:hover{background:#fff3;transform:scale(1.05)}.signin-close .signin-close-icon{color:#969fb6cc;transition:color .2s}.signin-close:hover .signin-close-icon{color:#fff}.signin-content{z-index:1;text-align:center;min-height:450px;padding:30px;animation:.5s ease-out .2s both contentFadeIn;position:relative}@media (max-width:768px){.signin-content{min-height:500px;padding:40px 30px 60px}}@media (max-width:480px){.signin-content{padding:30px 20px 40px}}.signin-header{margin-bottom:20px}@media (max-width:768px){.signin-header{margin-bottom:40px}}@media (max-width:480px){.signin-header{margin-bottom:30px}}.signin-title{color:#a6acb5;text-align:center;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;line-height:140%}@media (max-width:768px){.signin-title{margin:20px auto 40px}}.signin-from-briefs{opacity:.5;width:40%;margin:-30px auto 40px;font-size:.9rem;font-weight:400;line-height:1.5rem}@media (max-width:768px){.signin-from-briefs{width:80%;line-height:1.2rem}}.signin-title-accent{color:#fff}.signin-form-content{width:60%;margin:0 auto}@media (max-width:768px){.signin-form-content{width:80%}}.signin-email-section{max-width:360px;margin:0 auto 30px}@media (max-width:768px){.signin-email-section{max-width:none}}.signin-email-field{margin-bottom:20px}.signin-input-container{background:linear-gradient(#000,#000),#263140;border:1px solid #969fb680;border-radius:16px;width:100%;transition:all .3s;position:relative}.signin-input-container.signin-input-error{border-color:#f44;box-shadow:0 0 0 2px #f443}.signin-input-container.signin-input-valid{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.signin-input-container:focus-within{border-color:#6153bd;box-shadow:0 0 0 2px #6153bd33}.signin-input-icon{color:#969fb6;z-index:2;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.signin-input{border-radius:inherit;color:#969fb6;appearance:none;background:0 0;border:none;outline:none;width:100%;height:56px;padding:16px 50px;font-family:Nunito Sans,sans-serif;font-size:16px;font-weight:300}.signin-input::placeholder{color:#969fb6}.signin-input:disabled{opacity:.5;cursor:not-allowed}.signin-input:-webkit-autofill{border:1px solid #969fb680;box-shadow:inset 0 0 0 1000px #000}.signin-input:-webkit-autofill:hover{border:1px solid #969fb680;box-shadow:inset 0 0 0 1000px #000}.signin-input:-webkit-autofill:focus{border:1px solid #969fb680;box-shadow:inset 0 0 0 1000px #000}.signin-input:-webkit-autofill{-webkit-text-fill-color:#969fb6!important}.signin-input-check{color:#22c55e;z-index:2;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.signin-error-message{color:#f44;text-align:left;margin-top:5px;padding-left:18px;font-family:Manrope,sans-serif;font-size:12px}.signin-magic-button{color:#9193cf;letter-spacing:.01em;cursor:pointer;background:#6153bd33;border:none;border-radius:20px;width:100%;height:54px;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;transition:all .3s}.signin-magic-button.active{color:#fff;background:#6153bd4d}.signin-magic-button:hover:not(:disabled){color:#fff;background:#6153bd4d;transform:translateY(-1px)}.signin-magic-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.signin-magic-button.signin-loading{position:relative}.signin-magic-button.signin-loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#9193cf;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;position:relative;top:0;right:-10px;transform:translateY(-50%)}.signin-go-back{color:#6153bd;cursor:pointer;background:0 0;border:none;margin:0 0 20px;padding:0;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.signin-go-back:hover{color:#8b5cf6;text-decoration:none}.signin-terms{color:#969fb669;text-align:center;font-family:Manrope,sans-serif;font-size:10px;font-weight:400;line-height:14px}@media (max-width:768px){.signin-terms{margin:40px auto}}.signin-terms a{color:inherit;text-decoration:underline}.signin-terms a:hover{color:#969fb699}.signin-success{text-align:center;padding:40px 0}.signin-success-content{max-width:400px;margin:0 auto}.signin-success-icon{justify-content:center;align-items:center;width:250px;height:150px;margin:0 auto 20px;display:flex}@media (max-width:768px){.signin-success-icon{width:200px;height:120px}}.signin-success-icon img{max-width:100%;max-height:100%}.signin-success-title{color:#fff;margin:0;font-family:Playfair Display,serif;font-size:2rem;font-weight:700}@media (max-width:768px){.signin-success-title{margin:10px auto 30px}}.signin-success-message{color:#a6acb5;margin:0 0 20px;font-family:Manrope,sans-serif;font-size:16px;line-height:1.5}.signin-success-message strong{color:#fff}.signin-success-actions{text-align:center}.signin-resend-button{color:#6153be;cursor:pointer;background:0 0;border:1px solid #6153bd;border-radius:20px;width:100%;min-width:120px;padding:14px;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;transition:all .3s}.signin-resend-button .signin-resend-time{color:#fafafa}.signin-resend-button:hover:not(.signin-disabled){background:#6153bd4d;border-color:#8b5cf6;transform:translateY(-1px)}.signin-resend-button.signin-disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownToBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}
.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%}