/* CTLG Login 2.1 – Login-Seite mit neuem Hero und PWA-tauglichem Layout. */
.page-login-v2 .ctlg-login-shell,.ctlg-login-shell{box-sizing:border-box;padding:clamp(18px,4vw,56px) 16px 64px;background:radial-gradient(ellipse at 88% 0%,rgba(177,52,34,.1),transparent 38%);color:#f6f6f6}
.ctlg-login-shell *{box-sizing:border-box}
.ctlg-login-layout{width:min(1180px,100%);min-height:620px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);margin:auto;overflow:hidden;border:1px solid rgba(218,171,73,.31);border-radius:30px;background:#0b0c0f;box-shadow:0 32px 90px rgba(0,0,0,.38)}
.ctlg-login-story{position:relative;isolation:isolate;min-height:620px;background:linear-gradient(90deg,rgba(10,12,16,.68) 0%,rgba(10,12,16,.42) 38%,rgba(10,12,16,.18) 100%),radial-gradient(circle at 18% 22%,rgba(237,188,84,.24),transparent 28%),url('../img/hero-login.png') center center/cover no-repeat;border-right:1px solid rgba(210,169,76,.17)}
.ctlg-login-story::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,4,6,.12),rgba(3,4,6,.36) 100%),radial-gradient(circle at 100% 10%,rgba(180,49,38,.18),transparent 34%);pointer-events:none}
.ctlg-login-story__inner{position:relative;z-index:1;min-height:620px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4.4vw,54px)}
.ctlg-login-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#f4cb77}.ctlg-login-kicker i{font-size:20px;color:#e1aa32}
.ctlg-login-story__eyebrow{display:block;font-size:12px;font-weight:900;letter-spacing:.2em;color:#f3bd55;margin-bottom:18px}
.ctlg-login-story__copy h2{font-size:clamp(42px,4.8vw,68px);font-weight:900;letter-spacing:-.045em;line-height:1.04;margin:0;color:#fff;text-transform:none;text-shadow:0 8px 28px rgba(0,0,0,.28)}.ctlg-login-story__copy h2 em{font-style:normal;color:#f0bf54}
.ctlg-login-story__copy p{max-width:470px;margin:22px 0 0;color:#f0ece4;line-height:1.65;font-size:17px;text-shadow:0 4px 16px rgba(0,0,0,.22)}
.ctlg-login-story__tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.ctlg-login-story__tags span{padding:9px 12px;border:1px solid rgba(240,191,94,.28);border-radius:999px;background:rgba(0,0,0,.34);backdrop-filter:blur(5px);font-size:12px;font-weight:800;color:#eee}.ctlg-login-story__tags i{margin-right:6px;color:#e1ae43}
.ctlg-login-story__footer{font-size:10px;font-weight:900;letter-spacing:.25em;color:#d4b27a;text-shadow:0 3px 12px rgba(0,0,0,.24)}
.ctlg-login-card{padding:clamp(32px,4.5vw,63px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 0%,rgba(218,158,46,.085),transparent 30%),linear-gradient(140deg,#131519,#090a0c)}
.ctlg-login-overline{margin:0 0 12px;color:#e8ba5e;font-size:11px;font-weight:900;letter-spacing:.19em}
.ctlg-login-card h1{margin:0;color:#fff;font-size:clamp(34px,3.7vw,50px);font-weight:900;line-height:1.12;letter-spacing:-.035em;text-transform:none}.ctlg-login-card h1 span{color:#edbb53}
.ctlg-login-lead{font-size:15px;color:#bfc2c8;line-height:1.6;margin:13px 0 29px}
.ctlg-login-form{display:flex;flex-direction:column;gap:11px}.ctlg-login-form label{color:#e8e5df;font-size:13px;font-weight:800}
.ctlg-login-field{position:relative;display:flex;align-items:center;min-height:56px;border:1px solid #414348;border-radius:14px;background:#15171b;transition:border-color .15s,box-shadow .15s}.ctlg-login-field:focus-within{border-color:#e4b448;box-shadow:0 0 0 3px rgba(228,180,72,.13)}.ctlg-login-field>i{position:absolute;left:17px;color:#d5ad58;font-size:17px;pointer-events:none}.ctlg-login-field input{width:100%;height:54px;padding:0 17px 0 48px;border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;color:#fff!important;font:inherit;font-size:15px}.ctlg-login-field input::placeholder{color:#8c929b}.ctlg-login-password-field input{padding-right:53px}
.ctlg-login-label-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:8px}.ctlg-login-label-row a{color:#efc875!important;font-size:12px;font-weight:800;text-decoration:none}.ctlg-login-label-row a:hover{text-decoration:underline}
.ctlg-login-eye{position:absolute;right:8px;top:7px;display:grid;place-items:center;width:42px;height:42px;background:transparent;border:0;border-radius:10px;color:#d2bd97;cursor:pointer}.ctlg-login-eye:hover{background:rgba(239,187,83,.11);color:#fff}.ctlg-login-eye:focus-visible,.ctlg-login-submit:focus-visible,.ctlg-login-register:focus-visible{outline:3px solid #f0c66d;outline-offset:3px}
.ctlg-login-submit{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:56px;margin-top:16px;padding:12px 17px;border:1px solid #ecc46a;border-radius:14px;background:linear-gradient(180deg,#f3cd70,#d69e2b);box-shadow:0 12px 26px rgba(217,161,45,.16);color:#17120b;font-size:15px;font-weight:900;cursor:pointer;transition:transform .18s,filter .18s}.ctlg-login-submit:hover{transform:translateY(-2px);filter:brightness(1.06)}
.ctlg-login-divider{display:flex;align-items:center;gap:14px;margin:27px 0 17px;color:#95999f;font-size:11px;font-weight:850;letter-spacing:.13em}.ctlg-login-divider::before,.ctlg-login-divider::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.12)}
.ctlg-login-register{width:100%;min-height:53px;display:flex;align-items:center;justify-content:center;gap:11px;padding:11px;border:1px solid rgba(235,187,95,.42);border-radius:14px;background:rgba(235,187,95,.045);text-decoration:none!important;color:#f3ce80!important;font-weight:850;transition:background .18s}.ctlg-login-register:hover{background:rgba(235,187,95,.11)}
.ctlg-login-footnote{display:flex;align-items:center;gap:9px;margin:20px 0 0;color:#969da4;font-size:12px;line-height:1.5}.ctlg-login-footnote i{color:#ceac65}
.ctlg-login-error{display:flex;gap:11px;margin:0 0 22px;padding:15px 16px;border:1px solid rgba(232,95,81,.46);border-radius:13px;background:rgba(180,49,36,.12);color:#ffb9b0}.ctlg-login-error>i{margin-top:3px}.ctlg-login-error p{margin:0 0 5px;font-size:13px;line-height:1.5}.ctlg-login-error p:last-child{margin-bottom:0}
@media(max-width:930px){.ctlg-login-layout{grid-template-columns:1fr;max-width:620px}.ctlg-login-story{min-height:0;background-position:center 34%}.ctlg-login-story__inner{min-height:230px;padding:25px 28px}.ctlg-login-story__copy h2{font-size:33px}.ctlg-login-story__copy p,.ctlg-login-story__tags,.ctlg-login-story__footer{display:none}.ctlg-login-story__eyebrow{margin-bottom:10px}.ctlg-login-card{padding:35px 29px 40px}}
@media(max-width:540px){.ctlg-login-shell{padding:12px 10px 38px}.ctlg-login-layout{border-radius:22px;min-height:auto}.ctlg-login-story__inner{min-height:175px;padding:22px}.ctlg-login-story__copy h2{font-size:28px}.ctlg-login-card{padding:30px 21px 34px}.ctlg-login-card h1{font-size:35px}.ctlg-login-lead{margin-bottom:22px}.ctlg-login-label-row{align-items:baseline}.ctlg-login-label-row a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ctlg-login-field,.ctlg-login-submit,.ctlg-login-register{transition:none}}