.login-page{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg-overlay{z-index:1;background:radial-gradient(circle at 0 0,#38bdf814 0%,#0000 50%),radial-gradient(circle at 100% 100%,#2563eb14 0%,#0000 50%);position:absolute;inset:0}.login-header{z-index:2;text-align:center;margin-bottom:40px;animation:.8s ease-out fadeInDown;position:relative}.login-brand-wrapper{filter:drop-shadow(0 10px 15px #0000000d);margin-bottom:0;transition:transform .3s}.login-brand-wrapper:hover{transform:scale(1.02)}.login-main-logo{object-fit:contain;width:auto;height:110px}.login-card{z-index:2;-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff80;border-radius:28px;width:100%;max-width:440px;animation:.8s cubic-bezier(.16,1,.3,1) fadeInUp;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0f172a26,inset 0 0 0 1px #fff9}.login-terminal-bar{background:linear-gradient(90deg,#0f172a05,#0f172a0d);border-bottom:1px solid #0f172a0d;padding:24px 40px}.login-terminal-title{color:#1e293b;text-transform:uppercase;letter-spacing:.25em;opacity:.8;font-size:13px;font-weight:700}.login-form{flex-direction:column;gap:32px;padding:48px;display:flex}.login-field{flex-direction:column;gap:12px;display:flex}.login-label{color:#64748b;text-transform:uppercase;letter-spacing:.15em;margin-left:4px;font-size:11px;font-weight:700}.login-input-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;transition:all .2s;display:flex;overflow:hidden}.login-input-wrap:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.login-input{color:#0f172a;flex:1;width:100%;padding:14px 16px;font-size:15px;background:0 0!important;border:none!important;outline:none!important}.login-input::placeholder{color:#94a3b8;font-weight:400!important}.login-submit{color:#fff;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);border:none;border-radius:12px;width:100%;margin-top:10px;padding:18px;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 10px 20px -5px #2563eb66}.login-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 15px 30px -5px #2563eb99}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;background:#475569}.login-error{color:#fca5a5;background:#ef44441a;border-left:4px solid #ef4444;border-radius:4px;padding:14px;font-size:13px;font-weight:500;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}