.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem;background:linear-gradient(to bottom,#f8fafc,#fff)}.auth-glow{position:absolute;width:42rem;height:42rem;border-radius:9999px;filter:blur(150px)}.auth-glow-left{top:-10rem;left:-10rem;background:#4f46e51a}.auth-glow-right{right:-10rem;bottom:-10rem;background:#06b6d414}.auth-layout{position:relative;z-index:1;width:100%;max-width:72rem;display:grid;grid-template-columns:1fr;gap:5rem}.auth-brand{display:none}@media(min-width:1024px){.auth-layout{grid-template-columns:1.1fr .9fr}.auth-brand{display:flex;flex-direction:column;justify-content:center}}.auth-brand-title{margin-top:1rem;font-size:clamp(2.9rem,3.5vw,3.5rem);line-height:1.05;letter-spacing:-.03em;font-weight:800;color:#0f172a}.auth-gradient{background:linear-gradient(90deg,#4f46e5,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-brand-description{margin-top:1.5rem;max-width:34rem;font-size:1.1rem;line-height:1.8;color:#64748b}.auth-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}.auth-benefit{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9rem;padding:1.5rem 1rem;border-radius:1.25rem;background:#ffffff8c;border:1px solid rgba(226,232,240,.9);box-shadow:0 4px 12px #0f172a08}.auth-benefit-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:#4f46e514;color:#4f46e5}.auth-benefit-text{font-size:.85rem;line-height:1.5;color:#334155;font-weight:600}.auth-benefit-svg{width:20px;height:20px;color:#4f46e5}.auth-card{width:100%;max-width:32rem;justify-self:center;padding:3rem;border-radius:2rem;background:#ffffffbf;backdrop-filter:blur(20px);border:1px solid rgba(224,224,224,.9);box-shadow:0 25px 60px #090e1a1a;transition:transform .4s ease,box-shadow .4s ease}.auth-card:hover{transform:translateY(-2px);box-shadow:0 30px 80px #0f172a1f}.auth-header{text-align:center}.auth-title{color:#0f172a;font-size:2.3rem;font-weight:800;letter-spacing:-.02em}.auth-subtitle{margin-top:.25rem;color:#64748b;line-height:1.7;font-size:1.1rem}.auth-form{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem}.auth-field{position:relative}.auth-icon{position:absolute;left:1rem;top:55%;width:18px;height:18px;transform:translateY(-50%);color:#4f46e5}.auth-input{width:100%;padding:1rem 1rem 1rem 3rem;margin-top:.5rem;border-radius:1rem;border:2px solid rgba(226,232,240,.8);background:#ffffffd9;color:#0f172a;outline:none;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{border-color:#4f46e559;box-shadow:0 0 0 4px #4f46e514}.auth-input-password{padding-right:3rem}.auth-password-toggle{position:absolute;right:1rem;top:55%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:#94a3b8;cursor:pointer;transition:color .25s ease,transform .25s ease}.auth-password-toggle:hover{color:#4f46e5}.auth-password-toggle svg{width:20px;height:20px}.auth-password-toggle.active{color:#4f46e5;transform:translateY(-50%) scale(1.1)}.auth-options{display:flex;justify-content:end;align-items:center;font-size:.95rem}.auth-link{color:#4f46e5;transition:transform .3s ease}.auth-link:hover{color:#2563eb}.auth-button{border:none;margin-top:2rem;padding:1rem;border-radius:1rem;cursor:pointer;font-size:1rem;font-weight:600;color:#fff;transition:transform .3s ease,box-shadow .3s ease;background:linear-gradient(90deg,#4f46e5,#2563eb)}.auth-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #4f46e540}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-register{margin-top:2rem;text-align:center;color:#64748b;font-size:.95rem}@media(max-width:1023px){.auth-card{padding:2rem}}.auth-badge{display:inline-flex;align-items:center;gap:.5rem;width:max-content;padding:.55rem 1rem;border-radius:9999px;background:linear-gradient(to right,#4f46e514,#06b6d414);border:1px solid rgba(79,70,229,.08);color:#4f46e5;font-size:.85rem;font-weight:600}.auth-badge-dot{width:8px;height:8px;border-radius:9999px;background:#22c55e;box-shadow:0 0 12px #22c55e80}
