/* Faqet e kyçjes në panel: kyçja, kodi 2FA, fjalëkalimi i harruar, adminin e parë. */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#173b33;background:#0b3029}
*{box-sizing:border-box}
body.login2{margin:0}
.login2 button,.login2 input{font:inherit}
.page{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);align-items:center;gap:clamp(28px,5vw,95px);padding:40px max(5vw,24px);
  background:radial-gradient(circle at 84% 22%,#216b57 0,transparent 37%),radial-gradient(circle at 10% 88%,#154d41 0,transparent 42%),linear-gradient(125deg,#092a25,#0e3d33)}
.intro{max-width:650px;margin-left:auto;color:#fff}
.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:.03em}
.brand-icon,.app-icon{display:grid;place-items:center}
.brand-icon{width:52px;height:52px;background:#ffffff18;border:1px solid #ffffff50;border-radius:16px}
.brand svg,.app-icon svg{width:26px;height:26px}
.eyebrow{color:#e9c28a;letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:800;margin:75px 0 18px}
.intro h1{font:normal clamp(44px,5.3vw,79px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:0}
.intro h1 em{color:#e9c28a;font-weight:400}
.intro p{font-size:16px;line-height:1.85;color:#c5d8cf;max-width:465px}
.features{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.features span{font-size:12px;color:#e7eee8;border:1px solid #ffffff36;background:#ffffff0d;padding:9px 13px;border-radius:99px}
.card-wrap{display:grid;place-items:center}
.card{width:100%;max-width:400px;background:#f8faf7;border-radius:32px;padding:34px 34px 28px;box-shadow:0 44px 95px #0007,0 0 0 1px #ffffff20}
.app-icon{width:57px;height:57px;border-radius:19px;background:#e2f0e8;color:#0e6750;margin:0 0 21px}
.small-title{font-size:10px;color:#0e755b;letter-spacing:.16em;font-weight:850;margin:0}
.card h2{font:normal 35px/1.13 Georgia,serif;margin:10px 0 22px;letter-spacing:-.04em}
.card label{display:block;font-size:12px;font-weight:750;margin:0 0 8px}
.card input{outline:0;width:100%;height:49px;padding:0 14px;border:1px solid #dbe4df;border-radius:12px;color:#173b33;background:#fff;font-size:14px;margin:0 0 18px}
.card input:focus{border-color:#17745d;box-shadow:0 0 0 3px #17745d18}
.pw{position:relative}
.pw input{padding-right:46px}
.eye{border:0;background:none;position:absolute;right:5px;top:5px;width:39px;height:39px;display:grid;place-items:center;color:#617d70;cursor:pointer;border-radius:10px}
.eye svg{width:19px;height:19px}
.card button[type=submit]{width:100%;height:50px;background:#0e6952;color:#fff;border:0;border-radius:13px;font-weight:800;cursor:pointer;font-size:14px;box-shadow:0 11px 21px #0e69522b;margin-top:4px}
.card button[type=submit]:hover{background:#0a533f}
.card .hint{font-size:12px;color:#6b7d75;line-height:1.55;margin:14px 0 0}
.card .hint a,.card a{color:#0e6b53;font-weight:800;text-decoration:none}
.card .hint a:hover{text-decoration:underline}
.card .error,.card .flash{font-size:13px;line-height:1.5;margin:0 0 18px;padding:11px 13px;border-radius:12px;background:#fdecea;color:#8c2a1f;border:1px solid #f3c7c0}
.card .flash.ok,.card .flash:not(.bad){background:#e6f3ec;color:#16553f;border-color:#bfe0cf}
.divider{display:flex;align-items:center;gap:10px;color:#b1bcb5;font-size:10px;margin:24px 0 14px;letter-spacing:.08em}
.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e1e8e2}
.safe{display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px;color:#768a80;margin:0}
.safe svg{width:16px;height:16px;flex:none}
.copyright{text-align:center;font-size:10px;color:#a1b0a6;margin:18px 0 0}
.card input:focus-visible,.card a:focus-visible,.card button:focus-visible{outline:2px solid #c7a36c;outline-offset:2px}
@media(max-width:860px){.page{grid-template-columns:1fr;padding:28px 16px}.intro{display:none}}
@media(max-width:450px){body.login2,.page{background:#f8faf7}.page{padding:0;display:block}.card{max-width:none;min-height:100vh;min-height:100svh;border-radius:0;box-shadow:none;padding:48px 24px 30px}
  .card h2{font-size:36px}.card input{height:54px}.card button[type=submit]{height:54px}}
.card a.button{display:block;text-align:center;height:50px;line-height:50px;background:#0e6952;color:#fff;border-radius:13px}