:root{--blue:#064b86;--blue2:#0b72bd;--orange:#ff9900;--text:#102033;--muted:#748094;--light:#f4f8fb}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff}.login-page{min-height:100vh;display:grid;grid-template-columns:2fr 1fr}.login-hero{position:relative;overflow:hidden;display:flex;align-items:center;padding:7vw;background:radial-gradient(circle at 20% 20%,#1169a8 0,#063d70 28%,#062b4f 58%,#041c34 100%);color:#fff}.login-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0 12%,transparent 12% 38%,rgba(255,255,255,.05) 38% 55%,transparent 55%)}.hero-bg-shape{position:absolute;border:3px solid rgba(255,153,0,.75);transform:rotate(45deg);border-radius:22px}.shape-1{width:230px;height:230px;right:15%;top:8%}.shape-2{width:170px;height:170px;left:-70px;bottom:12%}.hero-content{position:relative;max-width:720px;z-index:2}.hero-badge{display:inline-flex;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 16px;margin-bottom:26px;font-weight:700}.hero-logo{width:280px;max-width:70%;display:block;margin-bottom:26px;filter:drop-shadow(0 18px 35px rgba(0,0,0,.25))}.hero-content h1{font-size:clamp(38px,5vw,74px);line-height:.95;font-weight:900;letter-spacing:-.05em;margin:0 0 22px}.hero-content p{font-size:20px;line-height:1.5;max-width:610px;color:rgba(255,255,255,.84)}.hero-mockup{margin-top:42px;width:min(560px,100%);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:18px;box-shadow:0 25px 80px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.mockup-top{display:flex;gap:8px;margin-bottom:16px}.mockup-top span{width:11px;height:11px;border-radius:50%;background:#fff;opacity:.75}.mockup-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.mockup-card{min-height:72px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.35))}.mockup-card.wide{grid-column:span 2;background:linear-gradient(135deg,var(--orange),#ffd18a)}.mockup-card.tall{grid-row:span 2;min-height:156px}.login-panel{display:flex;align-items:center;justify-content:center;padding:54px;background:#fff}.login-box{width:100%;max-width:470px}.welcome{font-weight:800;color:#0f2842}.login-logo{display:block;width:235px;margin:14px 0 30px}.login-box h2{font-size:34px;font-weight:900;letter-spacing:-.04em;margin:0}.form-label{font-weight:700;color:#425268}.form-control{border:0;background:#f0f3f6;border-radius:14px;padding:15px 18px;color:#102033}.form-control:focus{box-shadow:0 0 0 4px rgba(11,114,189,.13);background:#fff}.password-wrap{position:relative}.password-wrap .form-control{padding-right:60px}.password-wrap button{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:18px}.btn-primary{border:0;background:linear-gradient(135deg,var(--blue2),var(--blue));border-radius:14px;font-weight:800;padding:15px;box-shadow:0 12px 30px rgba(6,75,134,.2)}.btn-primary:hover{background:linear-gradient(135deg,#075d9f,#053762)}.alert{border:0;border-radius:14px}.login-footer{margin-top:150px;color:#24384f}.login-footer span{display:inline-block;width:12px;height:12px;border-radius:50%;background:#38c98c;margin-left:8px}.login-footer small{display:block;margin-top:12px;color:#637287}@media(max-width:992px){.login-page{grid-template-columns:1fr}.login-panel{order:-1;padding:40px 24px 30px}.login-box{max-width:100%}.login-hero{min-height:auto;padding:32px 24px}.hero-logo{width:160px;margin-bottom:16px}.hero-content h1{font-size:clamp(22px,5vw,32px);margin-bottom:10px}.hero-content p{font-size:15px}.shape-1,.shape-2{display:none}.login-footer{margin-top:32px}}