*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 15% 0,#dfeafd,transparent 55%),linear-gradient(135deg,#f4f7fd,#eaf0fa);color:#172c53;font-family:'Segoe UI',Arial,sans-serif}.login-card{width:100%;max-width:440px;background:#ffffffed;border:1px solid #dce6f5;border-radius:24px;padding:40px;box-shadow:0 20px 65px #254c8a12,0 3px 10px #254c8a08}.login-logo{display:block;width:220px;max-width:100%;height:auto;max-height:46px;object-fit:contain;object-position:left;margin:0 0 30px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#7188ab;font-weight:600}h1{font-size:25px;letter-spacing:-.7px;margin:12px 0}.login-subtitle{font-size:13px;line-height:1.7;color:#7b8fae;margin:0 0 26px}label{display:block;font-size:12px;font-weight:600;margin:17px 0 8px}input{display:block;width:100%;border:1px solid #dce5f2;border-radius:11px;padding:14px;background:#f8faff;color:#203b66;font:14px 'Segoe UI',Arial,sans-serif;outline-offset:3px}input:focus{outline:2px solid #4173df66}button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:25px;border:1px solid #2858d4;border-radius:11px;padding:14px 18px;background:linear-gradient(135deg,#4276fc,#2c5cdb);color:white;font-weight:600;cursor:pointer;box-shadow:0 5px 12px #2c5cdb25}button:disabled{opacity:.65;cursor:wait}#login-error{font-size:12px;color:#ba5555;background:#fff3f2;padding:12px;border-radius:8px;line-height:1.5}footer{margin-top:30px;font-size:10px;color:#98a7bd}@media(max-width:480px){.login-card{padding:28px;border-radius:18px}h1{font-size:23px}}

/* Same light surfaces, rounded geometry and soft relief as the application. */
body:has(.login-card){background:radial-gradient(ellipse at 10% 5%,#dbe7fb 0,transparent 48%),radial-gradient(ellipse at 95% 95%,#e2ebfa 0,transparent 45%),#f3f6fc;padding:32px 20px}
.login-card{position:relative;overflow:hidden;max-width:450px;padding:42px;border:1px solid #d3dfef;border-radius:28px;background:linear-gradient(145deg,#fff,#f9fbff);box-shadow:0 3px 5px #17305b0b,0 18px 50px #17305b14,inset 0 1px 0 #fff}
.login-card:before{content:'';position:absolute;top:0;left:36px;right:36px;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#163580,#4c80e8)}
.login-logo{width:215px;margin-bottom:32px}.login-card .eyebrow{color:#50688d;font-size:10px;letter-spacing:1.6px}.login-card h1{color:#142e58;font-size:27px;line-height:1.25;margin:12px 0}.login-subtitle{color:#526984;font-size:14px;line-height:1.65}
.login-card label{color:#304b70;font-size:12px;margin-top:20px}.login-card input{min-height:50px;border:1px solid #d2deef;border-radius:13px;background:#f1f5fc;box-shadow:inset 0 2px 3px #19396406,0 1px 0 #fff;font-size:16px;color:#193759;padding:13px 15px}.login-card input::placeholder{color:#7688a1}.login-card input:focus{background:#fff;border-color:#5681d9;outline:3px solid #dce8ff;outline-offset:1px}
.login-card #login-submit{min-height:50px;border-radius:13px;font-size:14px;background:linear-gradient(145deg,#386ce2,#204da9);box-shadow:inset 0 1px 0 #ffffff50,0 3px 4px #143a8916,0 7px 15px #214fa824}.login-card #login-submit:hover{filter:brightness(1.04)}.login-card footer{border-top:1px solid #e0e7f2;padding-top:20px;color:#5c708d;line-height:1.6;letter-spacing:.035em}.login-card #login-error{color:#9d2940;border:1px solid #edcdd4;border-radius:11px}
@media(max-width:480px){body:has(.login-card){padding:22px 17px;min-height:100svh}.login-card{padding:32px 25px;border-radius:23px}.login-card h1{font-size:25px}.login-logo{width:195px;margin-bottom:26px}.login-card footer{font-size:10px}}