/* allee — strona logowania / rejestracji (2026-11-06): panel marki + karta z Google, Litfas i e-mailem. Kolory z tokenów szablonu. */
.lg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:28px;max-width:1080px;margin:8px auto 24px;align-items:stretch}
.lg-marka{position:relative;overflow:hidden;border-radius:28px;padding:40px 36px;color:#fff;background:radial-gradient(120% 90% at 0% 0%,#FF7A33 0%,var(--al-o,#F75002) 45%,#B93B00 100%);display:flex;flex-direction:column;gap:18px}
.lg-marka::after{content:"";position:absolute;right:-80px;bottom:-80px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.12)}
.lg-marka__logo{font-weight:800;font-size:2.6rem;letter-spacing:-.04em;line-height:1}
.lg-marka h2{font-size:1.55rem;font-weight:800;line-height:1.2;margin:0;max-width:22ch;text-wrap:balance}
.lg-marka ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:14px;position:relative;z-index:1}
.lg-marka li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;line-height:1.35}
.lg-marka li i{flex:none;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:1.1rem}
.lg-marka li b{display:block;font-weight:700}
.lg-karta{padding:30px 30px 26px;border-radius:28px}
.lg-karta h1{font-size:1.75rem;font-weight:800;margin:14px 0 4px;letter-spacing:-.02em}
.lg-pod{color:var(--muted,#5e6a7d);margin:0 0 18px}
.lg-zakl{display:grid;grid-template-columns:1fr 1fr;background:var(--line-2,#eef1f6);border-radius:14px;padding:4px}
.lg-zakl a{text-align:center;padding:9px 10px;border-radius:11px;font-weight:700;color:var(--ink-2,#2b3445);text-decoration:none}
.lg-zakl a.on{background:#fff;color:var(--ink,#0e1320);box-shadow:0 1px 4px rgba(14,19,32,.12)}
.lg-blad{display:flex;gap:10px;align-items:flex-start;background:#FDECEC;color:#9B1C1C;border-radius:14px;padding:12px 14px;margin:0 0 16px;font-size:.92rem}
.lg-sso{display:grid;gap:10px}
.lg-google{min-height:44px;display:flex;justify-content:center}
.lg-gsi{width:100%;display:flex;justify-content:center}
.lg-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;border-radius:999px;font-weight:700;font-size:.97rem;text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .15s}
.lg-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(14,19,32,.12)}
.lg-btn--google{border:1.5px solid var(--line,#e4e8f0);background:#fff;color:var(--ink,#0e1320)}
.lg-btn--google[disabled]{opacity:.6;cursor:progress}
.lg-btn--litfas{border:0;background:#16181D;color:#fff}
.lg-btn--litfas:hover{color:#fff}
.lg-litfas{width:24px;height:24px;border-radius:7px;background:#FFD43B;color:#16181D;display:grid;place-items:center;font-weight:800;font-size:.9rem}
.lg-lub{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:var(--muted-2,#8b96a8);font-size:.85rem;font-weight:600}
.lg-lub::before,.lg-lub::after{content:"";flex:1;height:1px;background:var(--line,#e4e8f0)}
.lg-form{display:grid;gap:12px}
.lg-pole{display:grid;gap:6px;margin:0;position:relative}
.lg-pole>span{font-weight:600;font-size:.88rem;color:var(--ink-2,#2b3445)}
.lg-pole input{height:48px;border:1.5px solid var(--line,#e4e8f0);border-radius:14px;padding:0 14px;font-size:1rem;background:#fff;color:var(--ink,#0e1320);transition:border-color .15s,box-shadow .15s}
.lg-pole input:focus{outline:0;border-color:var(--al-o,#F75002);box-shadow:0 0 0 4px rgba(247,80,2,.12)}
.lg-pole--haslo input{padding-right:48px}
.lg-oko{position:absolute;right:6px;bottom:6px;width:36px;height:36px;border:0;border-radius:10px;background:none;color:var(--muted,#5e6a7d);cursor:pointer}
.lg-oko:hover{background:var(--line-2,#eef1f6)}
.lg-caps{margin:-4px 0 0;color:#9A6200;font-size:.85rem;font-weight:600}
.lg-typ{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lg-typ label{margin:0;cursor:pointer}
.lg-typ input{position:absolute;opacity:0;pointer-events:none}
.lg-typ span{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border:1.5px solid var(--line,#e4e8f0);border-radius:14px;font-weight:700}
.lg-typ input:checked+span{border-color:var(--al-o,#F75002);background:#FFF4EC;color:var(--al-o7,#B93B00)}
.lg-typ input:focus-visible+span{box-shadow:0 0 0 4px rgba(247,80,2,.18)}
.lg-firma{display:grid;gap:12px}
.lg-zgoda{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;margin:2px 0 4px;cursor:pointer}
.lg-zgoda input{margin-top:3px;width:18px;height:18px;accent-color:var(--al-o,#F75002)}
.lg-dol{text-align:center;margin:16px 0 0;color:var(--muted,#5e6a7d)}
.lg-dol a,.lg-zgoda a{color:var(--al-o7,#B93B00);font-weight:700}
@media (max-width:900px){.lg{grid-template-columns:1fr}.lg-marka{padding:26px 22px;border-radius:22px}.lg-marka h2{font-size:1.25rem}.lg-marka ul{grid-template-columns:1fr 1fr;gap:10px}.lg-marka li{font-size:.85rem}.lg-marka li i{width:32px;height:32px}}
@media (max-width:560px){.lg-marka ul{grid-template-columns:1fr}.lg-marka{order:2}.lg-karta{padding:22px 18px;border-radius:22px}}