.loginContainer{background-color:#070709;min-height:100vh;color:#fff;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.loginContainer,.tabletFrame{display:flex;align-items:center;justify-content:center}.tabletFrame{width:100%;max-width:1000px;height:650px;border-radius:32px;box-shadow:0 20px 50px rgba(0,0,0,.8);position:relative;overflow:hidden;flex-direction:column;background-image:radial-gradient(circle at 50% 0,#1c1c22 0,#0d0d10 60%);background-color:#0d0d10}.header{text-align:center;margin-bottom:30px;z-index:10}.logoContainer{width:56px;height:56px;background:linear-gradient(135deg,#e78c6e,#c05c45);border-radius:14px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px hsla(15,72%,67%,.25)}.logoContainer svg{width:28px;height:28px;color:#fff}.header h1{font-size:26px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px;color:#fff;line-height:1.2}.subtitle{color:#8b8b93;font-size:15px;margin:0}.uiContainer{position:relative;display:flex;justify-content:center;align-items:center;width:100%;z-index:10}.loginCard{background:linear-gradient(180deg,#323236,#242427);border:1px solid #44444a;border-radius:16px;padding:32px;width:420px;box-shadow:0 24px 48px rgba(0,0,0,.6);position:relative;z-index:5}.bgPanel{position:absolute;background:rgba(30,30,34,.4);border:1px solid rgba(68,68,74,.3);border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;display:flex;flex-direction:column}.bgPanelLeft{left:50px;width:260px;height:180px;justify-content:center;align-items:center}.bgPanelRight{right:50px;width:260px;height:180px;padding:16px}.statusHeader{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.2);padding:8px 12px;border-radius:6px;font-size:12px;color:#4ade80}.statusHeader svg{width:14px;height:14px}.statusBody{margin-top:12px;flex-grow:1;border-radius:6px;background:rgba(0,0,0,.15);position:relative}.statusBody:after{content:"";position:absolute;top:12px;left:12px;width:40px;height:4px;border-radius:2px;background:hsla(0,0%,100%,.1)}.formGroup{margin-bottom:24px}.formGroup:last-of-type{margin-bottom:32px}.formGroup label{display:block;font-size:13px;color:#e4e4e7;margin-bottom:8px;font-weight:500}.required{color:#ef4444}.inputWrapper{position:relative;display:flex;align-items:center;background-color:#18181b;border:1px solid #27272a;border-radius:8px;transition:border-color .2s ease}.inputWrapper:focus-within{border-color:#636369}.inputIconLeft{left:14px;pointer-events:none}.inputIconLeft,.inputIconRight{position:absolute;color:#71717a;width:18px;height:18px}.inputIconRight{right:14px;cursor:pointer;transition:color .2s ease}.inputIconRight:hover{color:#a1a1aa}.inputWrapper input{width:100%;background:transparent;border:none;color:#fff;font-size:14px;padding:14px 14px 14px 42px;outline:none}.inputWrapper input::placeholder{color:#52525b}.btnSubmit{width:100%;background-color:#db7a65;color:#fff;border:none;border-radius:8px;padding:14px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;justify-content:center;align-items:center}.btnSubmit:hover:not(:disabled){background-color:#e78c6e}.btnSubmit:disabled{opacity:.7;cursor:not-allowed}.footerText{margin-top:24px;text-align:center;font-size:13px;color:#71717a;z-index:10}.footerText a{color:#db7a65;text-decoration:none;transition:color .2s ease}.footerText a:hover{color:#e78c6e;text-decoration:underline}.cardImage{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;opacity:.9}.errorMessage{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:12px;border-radius:8px;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:8px}@media (max-width:900px){.bgPanel{display:none}}@media (max-width:600px){.tabletFrame{border:none;border-radius:0;height:100vh;max-height:none}.loginCard{width:100%;max-width:420px;box-shadow:none;border:none;background:transparent;padding:20px}}