.auth-container{background:radial-gradient(circle,#111 0%,#000 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:5rem 2rem 2rem;font-family:Inter,sans-serif;display:flex;position:relative}.back-arrow{color:#888;z-index:100;align-items:center;gap:.5rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex;position:absolute;top:1.5rem;left:1.5rem}.back-arrow:hover{color:#06b6d4;transform:translate(-4px)}@media (max-width:480px){.auth-container{padding:4rem 1rem 1rem}.back-arrow{top:1rem;left:1rem}.auth-card{border-radius:16px;padding:1.5rem}.auth-header h1{font-size:1.8rem}.auth-input{padding:.875rem 1rem}.auth-btn{padding:.875rem}.sample-creds{padding:.75rem}.sample-creds p{font-size:.8rem}}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141499;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:450px;padding:3rem;animation:.8s ease-out fadeIn;box-shadow:0 25px 50px -12px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{background:linear-gradient(135deg,#fff 0%,#888 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.auth-header p{color:#888;font-size:1rem}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#ccc;margin-left:.5rem;font-size:.9rem;font-weight:600}.auth-input{color:#fff;text-align:center;background:#28282866;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:1rem 1.25rem;font-size:1rem;transition:all .3s}.auth-input::placeholder{color:#555}.auth-input:focus{background:#32323299;border-color:#06b6d480;outline:none;box-shadow:0 0 0 4px #06b6d41a}.auth-input.valid{border-color:#10b981!important;box-shadow:0 0 0 4px #10b9811a!important}.auth-input.invalid{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef44441a!important}.error-message{color:#ef4444;margin-top:.2rem;margin-left:.5rem;font-size:.8rem}.auth-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);border:none;border-radius:12px;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 10px 15px -3px #06b6d44d}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 15px 20px -3px #06b6d466}.auth-btn:active{transform:translateY(0)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;color:#888;margin-top:2rem;font-size:.9rem}.auth-footer button{color:#06b6d4;cursor:pointer;background:0 0;border:none;margin-left:.5rem;font-weight:700;transition:color .3s}.auth-footer button:hover{color:#3b82f6;text-decoration:underline}.sample-creds{background:#06b6d40d;border:1px solid #06b6d41a;border-radius:12px;margin-bottom:2rem;padding:1rem}.sample-creds p{color:#06b6d4;margin:.2rem 0;font-size:.85rem}.status-toast{text-align:center;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-size:.95rem;font-weight:600;animation:.3s ease-out slideIn}.status-toast.success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.status-toast.error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}