*{box-sizing:border-box}html{min-height:100%;background:#f4f2ed}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#2b2827;background:radial-gradient(ellipse at 10% 10%,#ffe8d87a,transparent 45%),radial-gradient(ellipse at 95% 95%,#eedce177,transparent 40%),#f4f2ed}.login-card{display:grid;grid-template-columns:1.06fr 1fr;max-width:1000px;width:100%;background:#fff;border:1px solid #e3ddd5;border-radius:22px;overflow:hidden;box-shadow:0 24px 80px #2f222111}.introduction{position:relative;background:#fbf8f4;padding:42px 48px;border-right:1px solid #eee7de}.eyebrow{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#77716c;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#b9002a}.libema-logo{width:205px;height:auto;display:block;margin:30px 0 32px;mix-blend-mode:multiply}h1{font-size:44px;line-height:1.09;letter-spacing:-.045em;margin:0 0 18px;font-weight:620}.lead{font-size:15px;line-height:1.75;color:#6d655f;max-width:345px;margin:0}.preview-map{position:relative;height:150px;margin:30px 0 25px;border:1px solid #e0dfd1;border-radius:14px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 28px,#d9dfcd55 29px 30px),repeating-linear-gradient(90deg,transparent 0 33px,#d9dfcd55 34px 35px),#f0f2e7}.park{position:absolute;border:1px solid #b4c5a0;background:#d9e2c8;border-radius:40% 30% 38% 28%;transform:rotate(-12deg)}.park-a{width:175px;height:115px;left:12px;top:45px}.park-b{width:145px;height:100px;right:-20px;top:-20px}.path{position:absolute;width:460px;height:12px;left:-40px;top:67px;transform:rotate(-23deg);background:#fff9ee;border-block:1px solid #d6cbb6;box-shadow:0 0 0 4px #f5efde}.pin{width:17px;height:17px;border:5px solid #fff;border-radius:50%;background:#bb002a;position:absolute;box-shadow:0 2px 8px #5a28332c}.pin-a{left:67px;top:95px}.pin-b{left:192px;top:42px}.pin-c{right:35px;top:20px}.map-caption{position:absolute;right:12px;bottom:12px;font-size:10px;color:#4c5d48;background:#fffffff0;border:1px solid #e5e7df;padding:6px 9px;border-radius:20px}.provider{display:flex;gap:11px;align-items:center}.provider img{width:38px;height:38px;object-fit:cover;border-radius:9px}.provider span{display:block;font-size:10px;color:#82776e;line-height:1.5}.provider strong{font-size:14px;letter-spacing:-.025em}.sign-in{padding:70px 48px 44px;display:flex;flex-direction:column;justify-content:center}.section-number{font-size:10px;font-weight:700;letter-spacing:.17em;color:#a1958a}.sign-in h2{font-size:29px;letter-spacing:-.04em;line-height:1.2;margin:14px 0 12px}.sign-in>p{font-size:13px;line-height:1.75;color:#786d64;margin:0 0 24px}form{display:flex;flex-direction:column}label{font-size:12px;font-weight:600;margin:16px 0 8px}input{width:100%;border:1px solid #dcd5ce;background:#fff;border-radius:8px;min-height:45px;padding:11px 13px;font:inherit;font-size:14px;color:#302b27;outline:none}input:focus{border-color:#b9002a;box-shadow:0 0 0 3px #b9002a12}button{margin-top:12px;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:47px;padding:12px 17px;border:0;border-radius:8px;background:#bc002b;color:white;font:inherit;font-size:13px;font-weight:650;cursor:pointer}button:hover{background:#a60025}button:focus-visible{outline:3px solid #d27387;outline-offset:3px}button span{font-size:18px}.error{font-size:12px;line-height:1.5;color:#a00025;margin:13px 0 0}.error:empty{display:none}.data-note{display:flex;gap:10px;border-top:1px solid #ece6e0;margin-top:31px;padding-top:22px}.data-note p{font-size:10px;line-height:1.8;color:#83786e;margin:0}.data-note strong{font-weight:600;color:#5b5048}.note-mark{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;margin-top:3px;width:15px;height:15px;border:1px solid #c5b9ad;border-radius:50%;font-size:10px;color:#958676}body>footer{font-size:10px;color:#a0958a;text-align:center;margin-top:22px;letter-spacing:.025em}@media(max-width:700px){body{padding:20px 14px;justify-content:flex-start}.login-card{grid-template-columns:1fr;max-width:440px;border-radius:16px}.introduction{padding:24px 28px;border-right:0;border-bottom:1px solid #eee7de}.libema-logo{width:145px;margin:20px 0}h1{font-size:31px}.lead{font-size:13px}.preview-map{display:none}.provider{margin-top:22px}.provider img{width:30px;height:30px}.sign-in{padding:30px 28px}.sign-in h2{font-size:25px}.data-note{margin-top:24px}.introduction h1 br{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Official Libema palette, matching the application. */
html{background:#fcfbf8}body{background:radial-gradient(ellipse at 10% 10%,#efeadb,transparent 55%),#fcfbf8;color:#302a28}.introduction{background:#efeadb}.login-card{border-color:#e1dbcc}.eyebrow>span,.pin,button{background:#c60022}button:hover{background:#a5001c}input:focus{border-color:#c60022;box-shadow:0 0 0 3px #c6002218}.park{background:#d8dec5;border-color:#8e9b6c}.preview-map{background-color:#f4f3e9}.map-caption{color:#5c6738}