/* Account/Login.cshtml — zhvendosur nga blloku <style> i faqes (auditi 10/2026, F2/F4).
   Ngjyrat e markës nga konfigurimi i jep _FocusLayout. */
        :root {
             --ink-2:color-mix(in oklab, var(--ink) 88%, #fff);
            --paper:#F8F5EF; --paper-2:#EFEAF0; --card:#FFFFFF;
            --line:rgba(19,28,51,.10); --line-2:rgba(19,28,51,.06);
            --tx:#131C33; --tx-soft:#4B5168; --tx-faint:#646A7F;
             --accent-press:color-mix(in oklab, var(--accent) 86%, #000); --accent-tint:color-mix(in oklab, var(--accent) 15%, #fff); --ok:#2E8B5B; --star:#F4B63A;
            --r:18px;
            --shadow:0 1px 2px rgba(19,28,51,.04), 0 12px 28px -16px rgba(19,28,51,.20);
            --shadow-lg:0 30px 60px -30px rgba(19,28,51,.45);
        }
        *{box-sizing:border-box;margin:0;padding:0}
        body{font-family:"Archivo",system-ui,sans-serif;background:var(--paper);color:var(--tx);-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh}
        h1,h2,h3,h4{font-family:"Archivo",sans-serif;font-stretch:108%;letter-spacing:-.02em;line-height:1.04}
        .mono{font-family:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
        button{font-family:inherit;cursor:pointer;border:none;background:none}
        a{color:inherit;text-decoration:none}
        .shell{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}

        /* LEFT BRAND PANEL */
        .brandside{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:48px 56px;display:flex;flex-direction:column}
        .brandside::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1.2px,transparent 1.2px);background-size:26px 26px;opacity:.5}
        .brandside::after{content:"";position:absolute;bottom:-140px;left:-80px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab, var(--accent) 34%, transparent),transparent 65%);filter:blur(20px)}
        .bs-in{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}
        .brand{display:flex;align-items:center;gap:11px;font-family:"Archivo",sans-serif;font-stretch:108%}
        .brand-mark{width:36px;height:36px;border-radius:11px;background:#fff;display:grid;place-items:center;color:var(--ink);font-weight:800;font-size:18px;position:relative;flex:none}
        .brand-mark::after{content:"";position:absolute;right:-3px;bottom:-3px;width:9px;height:9px;border-radius:3px;background:var(--accent)}
        .brand-logo{height:36px;width:auto;display:block}
        .brand-name{font-size:21px;font-weight:700;color:#fff;letter-spacing:-.03em}
        .brand-name b{font-weight:800}.brand-name span{color:var(--accent)}
        .bs-mid{margin-top:auto;margin-bottom:auto;padding:40px 0}
        .bs-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#C5C9D6;border:1px solid rgba(255,255,255,.16);padding:7px 13px;border-radius:100px;margin-bottom:26px}
        .bs-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 25%, transparent)}
        .bs-mid h1{font-size:clamp(32px,3.6vw,46px);font-weight:800;letter-spacing:-.035em;line-height:1.1;max-width:15ch}
        .bs-mid h1 em{font-style:normal;color:var(--accent)}
        .bs-mid p{margin-top:22px;font-size:16.5px;color:#C5C9D6;font-weight:500;max-width:40ch}
        .bs-points{margin-top:30px;display:flex;flex-direction:column;gap:15px}
        .bs-point{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:600;color:#E2DEE6}
        .bs-point .pi{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:var(--accent);flex:none}
        .bs-point .pi i{width:18px;height:18px}
        .bs-foot{display:flex;align-items:center;gap:14px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1)}
        .bs-avs{display:flex}
        .bs-avs span{width:34px;height:34px;border-radius:50%;border:2px solid var(--ink);margin-left:-10px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;font-family:"Archivo",sans-serif;font-stretch:108%}
        .bs-avs span:first-child{margin-left:0}
        .bs-foot p{font-size:13.5px;color:#9CA2B6;font-weight:600}
        .bs-foot p b{color:#fff;font-weight:700}
        .bs-foot .stars{color:var(--star);display:inline-flex;gap:1px;vertical-align:-2px}
        .bs-foot .stars i{width:13px;height:13px;fill:var(--star)}

        /* RIGHT FORM PANEL */
        .formside{display:flex;align-items:center;justify-content:center;padding:40px 28px;position:relative}
        .back-home{position:absolute;top:28px;right:32px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--tx-soft);padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);transition:.15s}
        .back-home:hover{color:var(--ink);border-color:rgba(19,28,51,.22)}
        .back-home i{width:16px;height:16px}
        .formbox{width:100%;max-width:420px}
        .brand-mobile{display:none}
        .fhead{margin-bottom:30px}
        .fhead h2{font-size:30px;font-weight:800;letter-spacing:-.03em}
        .fhead p{margin-top:8px;color:var(--tx-soft);font-size:15.5px;font-weight:500}

        .field{margin-bottom:16px}
        .field label{display:block;font-weight:700;font-size:13px;color:var(--ink);margin-bottom:8px}
        .inputwrap{position:relative}
        .inputwrap .lead-ic{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--tx-faint)}
        .ctrl{width:100%;height:54px;padding:0 16px 0 44px;border-radius:13px;border:1px solid var(--line);background:var(--card);font-family:inherit;font-size:15px;font-weight:500;color:var(--ink);outline:none;transition:.15s}
        .ctrl::placeholder{color:var(--tx-faint)}
        .ctrl:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}
        .toggle-pw{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:var(--tx-faint);transition:.15s}
        .toggle-pw:hover{color:var(--ink);background:var(--paper)}
        .toggle-pw i{width:18px;height:18px}
        .field-err{display:block;color:#D9453C;font-size:12.5px;font-weight:600;margin-top:6px}

        .field-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 22px}
        .remember{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none}
        .remember input{position:absolute;opacity:0;width:0;height:0}
        .checkbox{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line);background:var(--card);display:grid;place-items:center;color:#fff;transition:.15s;flex:none}
        .checkbox i{width:13px;height:13px;opacity:0;transform:scale(.5);transition:.15s}
        .remember input:checked + .checkbox{background:var(--accent);border-color:var(--accent)}
        .remember input:checked + .checkbox i{opacity:1;transform:scale(1)}
        .remember span{font-size:14px;font-weight:600;color:var(--tx-soft);white-space:nowrap}
        .forgot{font-size:14px;font-weight:700;color:var(--accent-text);transition:.15s;white-space:nowrap}
        .forgot:hover{color:var(--accent-press)}

        .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;transition:.16s;white-space:nowrap}
        .btn-primary{width:100%;height:56px;border-radius:14px;background:var(--accent-fill);color:#fff;font-size:16px;box-shadow:0 12px 24px -10px color-mix(in oklab, var(--accent) 70%, transparent)}
        .btn-primary:hover{background:var(--accent-press);transform:translateY(-1px)}
        .btn-primary i{width:19px;height:19px}

        .divider{display:flex;align-items:center;gap:16px;margin:26px 0;color:var(--tx-faint);font-family:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
        .divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
        .social-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
        .btn-social{height:54px;border-radius:13px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-size:14.5px;gap:10px;transition:.15s;width:100%}
        .btn-social:hover{background:var(--paper);border-color:rgba(19,28,51,.18);transform:translateY(-1px)}
        .btn-social svg{width:19px;height:19px;flex:none}

        .signup{text-align:center;margin-top:28px;font-size:14.5px;color:var(--tx-soft);font-weight:500}
        .signup a{color:var(--accent-text);font-weight:700}
        .signup a:hover{color:var(--accent-press)}

        /* validation */
        .validation-summary-errors{background:color-mix(in oklab,#D9453C 10%,#fff);border:1px solid color-mix(in oklab,#D9453C 28%,transparent);border-radius:12px;padding:13px 16px;margin-bottom:20px;color:#a5332c;font-size:13.5px;font-weight:600}
        .validation-summary-errors ul{margin:0;padding-left:18px}
        .validation-summary-valid{display:none}

        @media(max-width:900px){
            .shell{grid-template-columns:minmax(0,1fr)}
            .brandside{display:none}
            .formside{padding:32px 22px 48px}
            .brand-mobile{display:flex;align-items:center;gap:11px;justify-content:center;margin-bottom:30px}
            .brand-mobile .brand-mark{background:var(--ink);color:var(--accent)}
            .brand-mobile .brand-name{color:var(--ink)}
            .brand-mobile .brand-name span{color:var(--accent)}
            .back-home{top:20px;right:20px}
        }
        @media(max-width:420px){
            .social-row{grid-template-columns:1fr}
            .back-home span{display:none}
        }