.auth-modal-overlay{--studio-surface:#071018fa;--studio-primary:#00f0ff;--studio-border:#00f0ff33;--studio-text:#f5fbff;--studio-text-secondary:#f5fbffb3;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background:#000c;justify-content:center;align-items:center;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden}.auth-modal{background:var(--studio-surface);border:2px solid var(--studio-primary);border-radius:16px;flex-direction:column;width:100%;max-width:min(90vw,400px);max-height:calc(100vh - 2rem);animation:.3s ease-out authModalSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #00f0ff4d}@keyframes authModalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:480px){.auth-modal-overlay{padding:.5rem}.auth-modal{border-radius:12px;max-height:calc(100vh - 1rem)}.auth-modal-header{padding:1rem}.auth-modal-title{font-size:1.125rem}.auth-modal-content{padding:1rem}}@media (max-width:320px){.auth-modal-overlay{padding:.25rem}.auth-modal{border-radius:10px;max-height:calc(100vh - .5rem)}.auth-modal-header{padding:.875rem}.auth-modal-title{font-size:1rem}.auth-modal-content{padding:.875rem}}.auth-modal-header{border-bottom:1px solid var(--studio-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.auth-modal-title{color:var(--studio-primary);margin:0;font-size:1.5rem;font-weight:600}.auth-close-btn{color:var(--studio-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1.5rem;transition:all .2s}.auth-close-btn:hover{color:var(--studio-primary);background:#00f0ff1a}.auth-modal-content{flex:1;min-height:0;padding:1.5rem;overflow:hidden auto}.auth-error{color:#f87171;background:#f871711a;border:1px solid #f871714d;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.auth-social-buttons{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.auth-social-btn{border:1px solid var(--studio-border);color:var(--studio-text);cursor:pointer;background:#00f0ff0d;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.auth-social-btn:hover:not(:disabled){border-color:var(--studio-primary);background:#00f0ff1a;transform:translateY(-1px)}.auth-social-btn:disabled{opacity:.6;cursor:not-allowed}.auth-social-btn.google-btn:hover:not(:disabled){border-color:#4285f4;box-shadow:0 4px 12px #4285f433}.auth-social-btn.github-btn:hover:not(:disabled){border-color:#fff;box-shadow:0 4px 12px #ffffff1a}.auth-divider{color:var(--studio-text-secondary);align-items:center;gap:1rem;margin:1.5rem 0;font-size:.875rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--studio-border);flex:1;height:1px}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-input-group{position:relative}.auth-input-group input{border:1px solid var(--studio-border);width:100%;color:var(--studio-text);box-sizing:border-box;background:#00f0ff0d;border-radius:10px;padding:.875rem 1rem;font-size:.9375rem;transition:all .2s}.auth-input-group input:focus{border-color:var(--studio-primary);background:#00f0ff14;outline:none;box-shadow:0 0 0 3px #00f0ff1a}.auth-input-group input::placeholder{color:var(--studio-text-secondary)}.auth-submit-btn{border:1px solid var(--studio-primary);width:100%;color:var(--studio-primary);cursor:pointer;background:linear-gradient(135deg,#00f0ff33,#00f0ff1a);border-radius:10px;margin-top:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#00f0ff4d,#00f0ff26);transform:translateY(-1px);box-shadow:0 4px 16px #00f0ff4d}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-links{flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.auth-link-btn{color:var(--studio-text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.875rem;transition:color .2s}.auth-link-btn:hover{color:var(--studio-primary);text-decoration:underline}.forgot-password{text-align:center}.forgot-password p{color:var(--studio-text-secondary);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.5}@media (max-width:768px){.auth-modal-overlay{padding:.5rem}.auth-modal{width:100%;max-width:100%;max-height:calc(100vh - 1rem)}.auth-modal-header{padding:1.25rem}.auth-modal-title{font-size:1.25rem}.auth-modal-content{padding:1.25rem}.auth-social-buttons{gap:.5rem}.auth-social-btn{padding:.75rem;font-size:.875rem}.auth-form{gap:.75rem}.auth-input-group input{padding:.75rem;font-size:16px}.auth-submit-btn{padding:.75rem 1rem}.auth-links{gap:.5rem;margin-top:1rem}.auth-divider{margin:1rem 0}.auth-close-btn{padding:.375rem}}@media (max-width:480px){.auth-modal{border-radius:12px;width:min(98vw,360px);max-width:min(98vw,360px);margin:.5rem}.auth-modal-header{padding:1rem}.auth-modal-title{font-size:1.1rem}.auth-modal-content{padding:1rem}.auth-social-buttons{gap:.375rem}.auth-social-btn{padding:.625rem;font-size:.8125rem}.auth-input-group input{padding:.625rem .75rem}.auth-submit-btn{padding:.625rem 1rem;font-size:.9375rem}.auth-divider{margin:.75rem 0;font-size:.8125rem}}