.modal-overlay{z-index:270;background-color:#00000080;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-overlay--auth{align-items:center;padding:clamp(16px,4vw,40px)}.modal-content{text-align:center;z-index:1001;will-change:transform, opacity;background-color:#fff;border-radius:12px;width:90%;max-width:420px;padding:24px;animation:.3s cubic-bezier(.22,1,.36,1) forwards modalSlideUp;position:relative;box-shadow:0 4px 12px #0003}.modal-content--auth{border-radius:14px;width:min(500px,92vw);max-width:500px;padding:clamp(28px,5vw,36px)}.modal-close{color:#000;cursor:pointer;transform-origin:50%;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:.25rem;font-size:1.7rem;font-weight:700;line-height:1;transition:color .3s,transform .2s;display:flex;position:absolute;top:12px;right:12px}.modal-content--auth .modal-close{top:12px;right:12px}.modal-close:hover{color:#111827;transform:rotate(90deg)}.modal-title{color:#000;margin-bottom:8px;font-size:1.5rem;font-weight:700}.modal-subtitle{color:#77737a;margin:.5rem 0;font-size:.875rem}.modal-form{flex-direction:column;align-items:center;gap:.7rem;display:flex}.entry-area{width:100%;position:relative}.entry-area input{background-color:#0000;border:2px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:12px 10px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.entry-area input:focus{border-color:#007bff;box-shadow:0 0 8px #007bff4d}.labelline{color:#777;pointer-events:none;background-color:#fff;padding:2px 6px;font-size:1rem;transition:all .3s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.entry-area input:focus+.labelline,.entry-area input:not(:placeholder-shown)+.labelline{color:#007bff;font-size:.75rem;top:8px;left:10px}.modal-form button.primary{color:#fff;cursor:pointer;text-transform:uppercase;background-color:#000;border:none;border-radius:6px;width:100%;padding:12px;font-size:.875rem;transition:background-color .3s}.modal-form button.primary:hover{background-color:#333}.google-login-container{justify-content:center;width:100%;display:flex}.modal-form .forgot-password,.modal-form .join-now,.modal-form .terms{color:#77737a;text-align:center;font-size:.875rem}.modal-form .join-now button{color:#007bff;cursor:pointer;background:0 0;border:none;font-size:.875rem;text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.modal-content{max-width:450px}.modal-content--auth{max-width:540px}}@media (min-width:1024px){.modal-content{max-width:500px}.modal-content--auth{max-width:560px}}.google-btn{color:#3c4043;cursor:pointer;background-color:#fff;border:1px solid #dadce0;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.google-btn:hover{background-color:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:18px;height:18px}