.auth-container{background-color:#f4ece6;width:100%;min-height:100vh;display:flex}.auth-hero{display:none}@media (min-width:900px){.auth-hero{background-color:var(--fatso-pink,#f8cdd6);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-hero img{object-fit:cover;width:100%;height:100%}.auth-hero-overlay{z-index:1;background:linear-gradient(135deg,#e91e6366 0%,#673ab799 100%);position:absolute;inset:0}.auth-hero-content{z-index:2;color:#fff;text-align:center;text-shadow:0 4px 12px #0000004d;max-width:480px;padding:3rem;position:absolute}.auth-hero-content h2{font-family:var(--font-anton);text-transform:uppercase;margin-bottom:1rem;font-size:4rem;line-height:1.1}.auth-hero-content p{font-size:1.25rem;font-weight:600}}.auth-form-wrapper{z-index:10;background-color:#fff;border-left:4px solid #000;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.auth-form-content{width:100%;max-width:420px}.auth-form-content h1{font-family:var(--font-anton);text-transform:uppercase;color:#111;margin-bottom:.5rem;font-size:3.5rem;line-height:1}.auth-subtitle{color:#555;margin-bottom:2.5rem;font-size:1.125rem;font-weight:600}.auth-methods{flex-direction:column;gap:1rem;display:flex}.auth-method-btn{color:#000;cursor:pointer;background:#fff;border:2px solid #000;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.125rem;font-size:1.125rem;font-weight:700;transition:all .2s cubic-bezier(.2,.9,.22,1);display:flex;box-shadow:2px 2px #0000001a}.auth-method-btn .icon{font-size:1.4rem}.auth-method-btn:hover{box-shadow:4px 4px 0px var(--fatso-yellow,#ffd500);background-color:#fafafa;transform:translateY(-2px)}.auth-divider{text-align:center;color:#888;align-items:center;margin:.5rem 0;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:2px dashed #ddd;flex:1}.auth-divider span{text-transform:uppercase;letter-spacing:1px;padding:0 1rem;font-size:.85rem}.auth-input-group{margin-bottom:1.5rem}.auth-input-group label{text-transform:uppercase;letter-spacing:.5px;color:#333;margin-bottom:.5rem;font-size:.95rem;font-weight:800;display:block}.auth-input-group input{background:#fdfdfd;border:2px solid #000;border-radius:12px;width:100%;padding:1rem;font-family:inherit;font-size:1.125rem;font-weight:600;transition:all .2s}.auth-input-group input:focus{box-shadow:4px 4px 0px var(--fatso-pink,#e91e63);background:#fff;outline:none;transform:translate(-2px,-2px)}.otp-input{text-align:center;letter-spacing:8px;font-size:1.5rem!important;font-family:var(--font-fredoka)!important}.phone-input-wrapper{background:#fdfdfd;border:2px solid #000;border-radius:12px;align-items:center;transition:all .2s;display:flex}.phone-input-wrapper:focus-within{box-shadow:4px 4px 0px var(--fatso-pink,#e91e63);background:#fff;transform:translate(-2px,-2px)}.phone-prefix{color:#555;-webkit-user-select:none;user-select:none;border-right:2px solid #eaeaea;padding:1rem .5rem 1rem 1rem;font-size:1.125rem;font-weight:700}.phone-input-wrapper input{box-shadow:none!important;background:0 0!important;border:none!important;transform:none!important}.auth-submit{color:#fff;width:100%;font-family:var(--font-anton);text-transform:uppercase;cursor:pointer;background:#000;border:none;border-radius:30px;margin-top:1rem;padding:1.125rem;font-size:1.4rem;transition:all .2s cubic-bezier(.2,.9,.22,1)}.auth-submit:hover{box-shadow:4px 4px 0px var(--fatso-yellow,#ffd500);background:#222;transform:translateY(-4px)}.auth-submit:active{box-shadow:none;transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-error{color:#e00034;background-color:#fff0f2;border:2px solid #e00034;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-weight:700;display:flex;box-shadow:2px 2px #e0003433}.auth-error:before{content:"⚠️"}.auth-success{color:#4a9100;background-color:#f2ffe5;border:2px solid #4a9100;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-weight:700;display:flex;box-shadow:2px 2px #4a910033}.auth-success:before{content:"✅"}.auth-links{text-align:center;margin-top:2rem;font-weight:700}.auth-links button{color:#666;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:underline;transition:color .2s}.auth-links button:hover{color:#000}.auth-back{text-transform:uppercase;color:#000;z-index:20;background:#fff;border:2px solid #000;border-radius:30px;padding:.6rem 1.2rem;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.2,.9,.22,1);position:absolute;top:2rem;left:2rem}.auth-back:hover{box-shadow:4px 4px 0px var(--fatso-yellow,#ffd500);transform:translate(-2px,-2px)}