@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
.auth-page{--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--container-padding:1.5rem;--auth-gradient:linear-gradient(135deg,#db2777 0%,#ea580c 35%,#2563eb 70%,#7c3aed 100%);--dark:#1e293b;--dark-soft:#334155;--gray:#64748b;--white:#fff;--radius-pill:14px;--radius-card:24px;--transition:.2s ease;--ease-out:cubic-bezier(.22,1,.36,1);min-height:100vh;color:var(--dark);-webkit-font-smoothing:antialiased;background:#f5f5f6;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.login-page,.signup-page{z-index:50;position:fixed;inset:0;overflow:hidden}@media (max-width:1023px){.login-page,.signup-page{z-index:auto;min-height:100svh;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;min-height:-webkit-fill-available;position:relative;inset:auto;overflow:hidden auto}}@keyframes authGradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes authFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.auth-page a{color:inherit;text-decoration:none}.auth-page a:hover{text-decoration:underline}.auth-announcement{background:var(--auth-gradient);color:var(--white);text-align:center;padding:var(--space-3)var(--space-4);letter-spacing:.02em;background-size:200% 200%;font-size:.8125rem;font-weight:600;animation:12s ease-in-out infinite authGradientShift}.auth-announcement p{margin:0}.auth-header{padding:1rem var(--container-padding);background:var(--white);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.auth-logo{color:var(--dark);letter-spacing:-.03em;font-size:1.125rem;font-weight:700}.auth-logo:hover{opacity:.9;text-decoration:none}.auth-back{color:var(--dark-soft);font-size:.9375rem;font-weight:500}.auth-back:hover{color:var(--dark);text-decoration:none}.auth-header-cta{padding:var(--space-3)var(--space-6);background:var(--auth-gradient);color:var(--white);transition:transform var(--transition),box-shadow var(--transition);background-size:200% 200%;border-radius:14px;font-size:.9375rem;font-weight:600;animation:12s ease-in-out infinite authGradientShift}.auth-header-cta:hover{text-decoration:none;transform:scale(1.02);box-shadow:0 6px 20px #db27774d}.auth-main{padding:1.5rem var(--container-padding)2rem;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;display:flex}.auth-card{background:var(--auth-gradient);border-radius:var(--radius-card);width:100%;max-width:400px;animation:16s ease-in-out infinite authGradientShift;animation:authGradientShift 16s ease-in-out infinite,authFadeInUp .6s var(--ease-out)forwards;background-size:200% 200%;padding:1.75rem 1.5rem;box-shadow:0 8px 32px #00000014,0 0 0 1px #0000000a}.auth-card-inner{max-width:none;margin:0 auto}.auth-title{letter-spacing:-.04em;color:var(--white);text-align:center;margin:0 0 .375rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.375rem;font-weight:800;line-height:1.2}.auth-sub{color:#ffffffeb;text-align:center;margin:0 0 1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;line-height:1.45}.auth-form{flex-direction:column;gap:.875rem;display:flex}.auth-field{flex-direction:column;gap:.375rem;display:flex}.auth-label{color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8125rem;font-weight:600}.auth-input{border-radius:var(--radius-pill);min-height:48px;color:var(--dark);transition:box-shadow var(--transition);box-sizing:border-box;background:#fffffff5;border:none;width:100%;padding:0 1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9375rem}.auth-input:focus{outline:none;box-shadow:0 0 0 4px #fff6}.auth-input::placeholder{color:var(--gray)}.auth-input-wrap{position:relative}.auth-input-wrap .auth-input{padding-right:3.25rem}.auth-toggle-password{cursor:pointer;color:var(--gray);transition:color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.auth-toggle-password:hover{color:var(--dark)}.auth-field-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.auth-field-row .auth-label{margin:0}.auth-btn{border-radius:var(--radius-pill);cursor:pointer;min-height:48px;transition:transform var(--transition),box-shadow var(--transition);border:none;justify-content:center;align-items:center;width:100%;padding:0 1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9375rem;font-weight:700;display:inline-flex}.auth-btn:active{transform:scale(.99)}.auth-btn-primary{background:var(--white);color:var(--dark);box-shadow:0 2px 12px #00000026}.auth-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0003}.auth-btn-primary:disabled{opacity:.8;cursor:not-allowed}.auth-btn-ghost{color:var(--white);background:#fff3;border:2px solid #ffffff80}.auth-btn-ghost:hover:not(:disabled){background:#ffffff4d;border-color:#ffffffb3;text-decoration:none}.auth-divider{align-items:center;gap:.75rem;margin:.125rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff59;flex:1;height:1px}.auth-divider span{color:#ffffffd9;font-size:.8125rem;font-weight:500}.auth-footer-text{color:#ffffffd9;text-align:center;margin:1rem 0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem}.auth-footer-text a{color:var(--white);text-underline-offset:2px;font-weight:600;text-decoration:underline}.auth-footer-text a:hover{text-decoration:none}.auth-form-footer-pin{opacity:1;visibility:visible;flex-shrink:0;min-height:1.5rem;margin-top:auto;padding-top:.75rem}.auth-cross-link{text-underline-offset:2px;font-weight:600;text-decoration:underline}.auth-link{color:#fffffff2;font-size:.8125rem;font-weight:500}.auth-link:hover{text-decoration:underline}.auth-error{color:#fecaca;margin-top:.25rem;font-size:.8125rem}.auth-checkbox-wrap{cursor:pointer;align-items:center;gap:.75rem;display:flex}.auth-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--white);cursor:pointer;border:2px solid #fff9;border-radius:4px;flex-shrink:0}.auth-checkbox-label{color:#ffffffeb;cursor:pointer;font-size:.875rem}.auth-requirements{background:#ffffff26;border-radius:14px;margin-top:.5rem;padding:1rem 1.25rem}.auth-requirements p{color:#ffffffe6;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.auth-requirements li{color:#ffffffd9;align-items:center;gap:.5rem;margin:.35rem 0;font-size:.8125rem;list-style:none;display:flex}.auth-requirements li.met{color:#86efac}.auth-page-footer{text-align:center;padding:1.25rem var(--container-padding);margin-top:auto}.auth-page-footer-logo{color:var(--dark);margin-bottom:.25rem;font-size:1rem;font-weight:700;display:inline-block}.auth-page-footer-logo:hover{text-decoration:none}.auth-page-footer-tagline{color:var(--gray);margin:0;font-size:.8125rem}@media (max-width:768px){.auth-page{--container-padding:1rem;--radius-pill:14px;--radius-card:24px}.auth-announcement{padding:.5rem 1rem;font-size:.75rem}.auth-header{padding:.875rem var(--container-padding)}.auth-logo{font-size:1rem}.auth-back{font-size:.8125rem}.auth-header-cta{border-radius:10px;padding:.5rem .875rem;font-size:.8125rem}.auth-main{padding:1.25rem var(--container-padding)2rem}.auth-card{border-radius:var(--radius-card);max-width:100%;padding:1.5rem 1.25rem}.auth-card-inner{max-width:none}.auth-title{letter-spacing:-.03em;margin:0 0 .375rem;font-size:1.25rem}.auth-sub{margin:0 0 1.25rem;font-size:.8125rem;line-height:1.45}.auth-form{gap:.875rem}.auth-field{gap:.375rem}.auth-label{font-size:.8125rem}.auth-input{border-radius:var(--radius-pill);min-height:48px;padding:0 1rem;font-size:.9375rem}.auth-input-wrap .auth-input{padding-right:2.75rem}.auth-toggle-password{right:.75rem}.auth-checkbox-wrap{gap:.5rem}.auth-checkbox{width:1rem;height:1rem}.auth-checkbox-label{font-size:.8125rem}.auth-btn{border-radius:var(--radius-pill);min-height:48px;padding:0 1rem;font-size:.9375rem}.auth-divider{gap:.75rem;margin:.125rem 0}.auth-divider span{font-size:.75rem}.auth-footer-text{margin:1rem 0 0;font-size:.75rem}.auth-link,.auth-error{font-size:.75rem}.auth-requirements{border-radius:10px;margin-top:.375rem;padding:.75rem 1rem}.auth-requirements p{margin:0 0 .375rem;font-size:.6875rem}.auth-requirements li{margin:.25rem 0;font-size:.75rem}.auth-page-footer{padding:1.5rem var(--container-padding)}.auth-page-footer-logo{font-size:.9375rem}.auth-page-footer-tagline{font-size:.75rem}}@media (max-width:480px){.auth-page{--container-padding:.875rem}.auth-back{display:none}.auth-card{border-radius:20px;padding:1.25rem 1rem}.auth-title{font-size:1.125rem}.auth-sub{margin-bottom:1rem;font-size:.75rem}.auth-form{gap:.75rem}}
