*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#06111f;color:#fff}.auth-page{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(180deg,#071523 0%,#06111e 100%)}.ambient{position:absolute;top:0;bottom:0;width:28%;background-size:cover;background-position:center;filter:saturate(.9) brightness(.68);opacity:.78}.ambient-left{left:0;background-image:url('login-scene-left-v15.webp')}.ambient-right{right:0;background-image:url('login-scene-right-v15.webp')}.auth-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,29,.2) 0%,rgba(5,18,32,.86) 25%,rgba(5,18,32,.96) 50%,rgba(5,18,32,.86) 75%,rgba(3,15,29,.22) 100%)}.auth-header,.auth-main,.auth-footer{position:relative;z-index:2}.auth-header{max-width:1460px;margin:auto;padding:26px 34px 12px;display:flex;align-items:center;justify-content:space-between}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-lockup img{width:58px;height:58px;filter:drop-shadow(0 7px 16px rgba(0,0,0,.35))}.brand-lockup strong{display:block;font-size:30px;letter-spacing:2px;color:#f3c061}.brand-lockup span{display:block;font-size:13px;letter-spacing:.6px;color:#d7dfeb}.header-tag{font-style:italic;color:#e9bb5c;font-weight:700}.auth-main{max-width:1380px;margin:auto;padding:18px 34px 28px}.hero-copy{text-align:center;max-width:860px;margin:0 auto 22px}.eyebrow,.card-kicker{font-size:12px;font-weight:900;letter-spacing:1.8px;color:#d9a844}.hero-copy h1{font-size:42px;line-height:1.06;margin:10px 0 12px}.hero-copy p{margin:0 auto;color:#b7c4d4;max-width:760px;line-height:1.55;font-size:15px}.trust-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:15px}.trust-row span{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);color:#d7e0ec;font-size:12px}.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:990px;margin:auto}.login-card{border-radius:24px;padding:28px 34px 24px;backdrop-filter:blur(15px);box-shadow:0 25px 70px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.11)}.customer-card{background:linear-gradient(145deg,rgba(7,68,128,.88),rgba(2,32,66,.92));border-color:rgba(39,141,255,.72)}.admin-card{background:linear-gradient(145deg,rgba(45,34,16,.92),rgba(15,17,21,.95));border-color:rgba(218,158,48,.68)}.card-icon{font-size:40px;text-align:center;margin-bottom:4px}.login-card h2{text-align:center;font-size:29px;margin:6px 0 5px}.login-card>p{text-align:center;color:#c6d2df;line-height:1.45;margin:0 0 18px}.card-kicker{display:block;text-align:center}.login-card label>span{display:block;margin-bottom:7px;font-size:13px;font-weight:800;color:#dbe6f1}.login-card input[type=email],.login-card input[type=password]{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(2,16,31,.72);color:#fff;padding:14px 15px;font-size:15px;outline:none}.customer-card input:focus{border-color:#2f99ff;box-shadow:0 0 0 4px rgba(40,143,255,.14)}.admin-card input:focus{border-color:#d8a23c;box-shadow:0 0 0 4px rgba(216,162,60,.12)}.login-card form>label{display:block;margin:13px 0}.form-meta{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:13px;margin:11px 0 15px}.remember{display:flex!important;align-items:center;gap:7px;margin:0!important;font-weight:500!important;color:#d3dbe6!important}.remember input{accent-color:#258fff}.form-meta a,.access-box a{color:#55b3ff;text-decoration:none;font-weight:800}.admin-card .form-meta a{color:#e4bd67}.btn{width:100%;border:0;border-radius:12px;padding:15px 18px;font-size:15px;font-weight:900;cursor:pointer}.btn-customer{background:linear-gradient(135deg,#2f9cff,#1677e8);color:#fff}.btn-admin{background:linear-gradient(135deg,#f1c25d,#d69a2d);color:#151515}.access-box,.admin-note{margin-top:15px;padding:13px 14px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);font-size:12px;line-height:1.45;color:#c7d3e0}.access-box strong,.access-box span{display:block}.access-box a{display:inline-block;margin-top:6px}.mini-features{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.mini-features span{text-align:center;padding:9px 6px;border-top:1px solid rgba(255,255,255,.11);color:#dce5ee;font-size:11px}.alert{padding:10px 12px;border-radius:10px;background:#4b1820;border:1px solid #b74b5c;color:#ffd9de;margin:10px 0;font-size:13px}.auth-footer{max-width:1380px;margin:0 auto;padding:18px 34px 24px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;border-top:1px solid rgba(255,255,255,.08)}.auth-footer span{text-align:center;color:#d2dbe6;font-size:12px}
@media(max-width:980px){.ambient{width:46%;opacity:.28}.auth-overlay{background:rgba(5,18,32,.9)}.login-grid{grid-template-columns:1fr;max-width:620px}.hero-copy h1{font-size:36px}.auth-footer{grid-template-columns:repeat(2,1fr)}.auth-footer span:last-child{grid-column:1/-1}.header-tag{display:none}}
@media(max-width:620px){.auth-header{padding:18px 18px 6px}.brand-lockup img{width:48px;height:48px}.brand-lockup strong{font-size:23px}.brand-lockup span{font-size:11px}.auth-main{padding:12px 14px 24px}.hero-copy{text-align:left;margin-bottom:16px}.hero-copy h1{font-size:31px}.hero-copy p{font-size:14px}.trust-row{justify-content:flex-start}.login-card{padding:22px 18px 20px;border-radius:20px}.login-card h2{font-size:25px}.mini-features{grid-template-columns:1fr}.form-meta{align-items:flex-start}.auth-footer{padding:14px;grid-template-columns:1fr}.auth-footer span:last-child{grid-column:auto}.ambient-left,.ambient-right{display:none}}