.auth-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 8rem);padding:10rem 2rem;display:flex;position:relative}.auto-container-colored{background:linear-gradient(#0a0a0a 0%,#000 100%)}.auth-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb14,#0000 60%);position:absolute;inset:0}.auth-header{text-align:center;z-index:1;margin-bottom:3rem;position:relative}.auth-header h1{color:#fff;background:linear-gradient(135deg,#fff 0%,#ff8c00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:3rem;font-weight:800}.auth-header p{color:#888;max-width:500px;font-size:1.1rem}.auth-cards-grid{z-index:1;grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:1100px;display:grid;position:relative}.auth-card-wrapper{align-items:stretch;display:flex}.auth-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0f99;border:1px solid #ffffff0d;border-radius:1rem;flex-direction:column;width:100%;padding:2rem;display:flex;position:relative}.auth-form:before{content:"";background:linear-gradient(90deg,#0000,#2563eb80,#0000);border-radius:1rem 1rem 0 0;height:1px;position:absolute;top:0;left:0;right:0}.auth-title{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.auth-label{color:#aaa;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.auth-input{color:#fff;background:#00000080;border:1px solid #ffffff14;border-radius:.6rem;outline:none;width:100%;margin:.5rem 0 1rem;padding:.85rem 1rem;font-size:.95rem;transition:all .3s}.auth-input::placeholder{color:#555}.auth-input:focus{background:#0000004d;border-color:#2563eb99;box-shadow:0 6px 20px #2563eb26}.auth-actions{justify-content:flex-start;gap:.75rem;margin-top:1.5rem;display:flex}.auth-error{color:#fca5a5;background:#dc262614;border:1px solid #dc262626;border-radius:.6rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.9rem}@media (max-width:768px){.auth-cards-grid{grid-template-columns:1fr;gap:1.5rem}.auth-header h1{font-size:2rem}.auth-header p{font-size:.95rem}.auth-container{padding:2rem 1rem}.auth-form{padding:1.5rem}}
