/* 4REX Mitglieder: Login-Seite (Variante C) und Dashboard (Variante A: Cockpit). */

/* ================= Login ================= */
.lg{max-width:1180px;margin:0 auto;padding:40px 24px 90px;display:grid;grid-template-columns:440px minmax(0,1fr);gap:56px;align-items:center;color:var(--ink,#f3f6ff)}
.lg>*{min-width:0}
.lg-box{padding:34px;border-radius:26px;background:var(--glass-2,rgba(16,24,48,.65));border:1px solid var(--line-strong,rgba(150,175,230,.22));box-shadow:0 40px 100px -40px #000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.lg-box h1{font-size:clamp(28px,3vw,34px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:10px 0 8px;color:#fff}
.lg-lead{font-size:14.5px;line-height:1.6;color:var(--muted,#b6c0d8);margin:0 0 22px}
.lg-form{display:flex;flex-direction:column;gap:14px}
.lg-f label{display:block;font-size:13px;font-weight:600;color:var(--muted,#b6c0d8);margin-bottom:7px}
.lg-inp{position:relative}
.lg-inp>svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:var(--muted-2,#93a0bd);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.lg-inp input{width:100%;padding:14px 48px 14px 46px;border-radius:14px;border:1px solid var(--line-strong,rgba(150,175,230,.22));background:rgba(4,8,20,.65);color:#fff;font:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
.lg-inp input::placeholder{color:#5f6b86}
.lg-inp input:focus{border-color:rgba(95,180,240,.7);box-shadow:0 0 0 4px rgba(95,180,240,.14)}
.lg-inp input[aria-invalid="true"]{border-color:rgba(255,107,107,.55)}
.lg-eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:10px;display:grid;place-items:center;background:none;color:var(--muted-2,#93a0bd);cursor:pointer}
.lg-eye:hover,.lg-eye[aria-pressed="true"]{color:#fff;background:rgba(255,255,255,.06)}
.lg-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.lg-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px}
.lg-row a{color:var(--accent,#5fb4f0);font-weight:600;text-decoration:none}
.lg-row a:hover{text-decoration:underline}
.lg-chk{display:inline-flex;align-items:center;gap:9px;color:var(--muted,#b6c0d8);cursor:pointer}
.lg-chk input{appearance:none;-webkit-appearance:none;margin:0;width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line-strong,rgba(150,175,230,.3));display:grid;place-items:center;cursor:pointer;background:transparent}
.lg-chk input:checked{background:#0e71b8;border-color:#0e71b8}
.lg-chk input:checked::after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.lg-chk input:focus-visible{outline:2px solid #5fb4f0;outline-offset:2px}
.lg-btn{width:100%;justify-content:center;margin-top:4px;padding:14px 20px;font-size:15px}
.lg-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lg-msg{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:13.5px;line-height:1.5}
.lg-msg svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lg-msg.err{background:rgba(255,107,107,.08);border:1px solid rgba(255,107,107,.35);color:#ffc9c9}
.lg-msg.err svg{stroke:#ff8a8a}.lg-msg.err b{color:#fff}
.lg-msg.ok{background:rgba(61,220,132,.07);border:1px solid rgba(61,220,132,.35);color:#c8f5dc}
.lg-msg.ok svg{stroke:#3ddc84}
.lg-sep{height:1px;background:var(--line,rgba(150,175,230,.12));margin:22px 0 20px}
.lg-new{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:16px;border:1px dashed rgba(95,180,240,.35);background:rgba(95,180,240,.05);font-size:14px}
.lg-new b{display:block;color:#fff}
.lg-new span{color:var(--muted,#b6c0d8)}
.lg-new a{white-space:nowrap;font-weight:700;color:var(--accent,#5fb4f0);text-decoration:none}
.lg-help{margin:16px 0 0;font-size:13px;color:var(--muted-2,#93a0bd);text-align:center}
.lg-help a{color:var(--muted,#b6c0d8);text-decoration:underline;text-underline-offset:3px}
.lg-in p{color:var(--muted,#b6c0d8);margin:6px 0 18px}
.lg-in b{color:#fff}
.lg-out{display:block;margin-top:14px;text-align:center;font-size:14px;color:var(--muted,#b6c0d8)}
.lg-prev h2{font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:10px 0 22px;color:#fff}
.lg-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lg-tile{padding:18px;border-radius:20px;background:rgba(13,20,40,.55);border:1px solid var(--line,rgba(150,175,230,.12))}
.lg-tile b{display:block;font-size:15px;color:#fff}
.lg-tile small{display:block;font-size:13px;color:var(--muted-2,#93a0bd);margin-top:3px;line-height:1.45}
.lg-tile .lg-ic{margin-bottom:12px}
.lg-tile.wide{grid-column:1/-1;display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,rgba(30,130,207,.25),rgba(13,20,40,.6) 60%);border-color:rgba(95,180,240,.35)}
.lg-tile.wide .lg-ic{margin:0}
.lg-tile.wide .faces{margin-left:auto}
.lg-ic,.db-ic{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(95,180,240,.22),rgba(14,113,184,.12));border:1px solid rgba(95,180,240,.28)}
.lg-ic svg,.db-ic svg{width:20px;height:20px;fill:none;stroke:#9fd6ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lg .faces img,.db .faces img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #0b1430}
.lg .faces img+img{margin-left:-12px}

/* ================= Dashboard ================= */
.db{color:var(--ink,#f3f6ff);padding:34px 0 90px}
body:not(.rex-coach) .db{max-width:1240px;margin:0 auto;padding:34px 24px 90px}
.db-hi{padding-bottom:24px}
.db-date{font-size:13.5px;color:var(--muted-2,#93a0bd)}
.db-hi h1{font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1.06;margin:6px 0 0;color:#fff}
.db-hi p{margin:8px 0 0;font-size:15px;color:var(--muted,#b6c0d8)}
.db-top{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}
.db-top>*{min-width:0}
.db-call{position:relative;overflow:hidden;padding:26px 28px;border-radius:24px;background:linear-gradient(120deg,rgba(30,130,207,.35),rgba(13,20,40,.85) 62%);border:1px solid rgba(95,180,240,.38)}
.db-call .cx-cnd{position:absolute;right:0;bottom:0;width:62%;height:100%;opacity:.35;pointer-events:none}
.db-call>*{position:relative}
.db-live{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9fd6ff}
.db-live i{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 4px rgba(61,220,132,.18)}
.db-live.on i{animation:dbPulse 1.6s infinite}
@keyframes dbPulse{50%{box-shadow:0 0 0 8px rgba(61,220,132,0)}}
@media (prefers-reduced-motion:reduce){.db-live.on i{animation:none}}
.db-call h2{font-size:clamp(24px,2.6vw,30px);font-weight:800;letter-spacing:-.025em;margin:10px 0 0;color:#fff}
.db-topic{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;color:var(--muted,#b6c0d8)}
.db-topic b{color:#fff;margin-right:4px}
.db-cd{display:flex;gap:8px;margin-top:16px}
.db-cd[hidden]{display:none}
.db-cd div{min-width:58px;padding:8px 10px;border-radius:12px;background:rgba(4,8,20,.5);border:1px solid var(--line-strong,rgba(150,175,230,.22));text-align:center}
.db-cd b{display:block;font-size:20px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.db-cd small{font-size:11px;color:var(--muted-2,#93a0bd);text-transform:uppercase;letter-spacing:.08em}
.db-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.db-acts .btn svg,.db-links .btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.db-side{display:flex;flex-direction:column;gap:16px}
.db-card{display:block;border-radius:24px;background:var(--glass,rgba(12,18,38,.55));border:1px solid var(--line,rgba(150,175,230,.12));color:inherit;text-decoration:none;transition:border-color .2s}
a.db-card:hover{border-color:rgba(95,180,240,.5)}
a.db-card:hover .db-go svg{transform:translateX(3px)}
.db-cont{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:22px 24px;align-items:center;flex:1}
.db-j{grid-template-columns:auto minmax(0,1fr) auto}
.db-thumb{width:120px;aspect-ratio:16/10;border-radius:14px;display:grid;place-items:center;background:radial-gradient(80% 90% at 70% 20%,rgba(30,130,207,.4),transparent 60%),linear-gradient(160deg,#0d1a36,#060b1a);border:1px solid var(--line-strong,rgba(150,175,230,.22))}
.db-thumb span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff}
.db-thumb svg{width:15px;height:15px;margin-left:2px}
.db-cont small{display:block;font-size:12.5px;color:var(--muted-2,#93a0bd)}
.db-cont h3{font-size:17px;font-weight:700;margin:4px 0 2px;color:#fff}
.db-bar{height:6px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:12px}
.db-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#2a95e0,#5fb4f0)}
.db-meta{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:12.5px;color:var(--muted-2,#93a0bd)}
.db-go{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--accent,#5fb4f0);white-space:nowrap}
.db-go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.db-sec{font-size:clamp(20px,2vw,24px);font-weight:800;letter-spacing:-.02em;margin:38px 0 14px;color:#fff}
.db-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.db-tile{display:flex;flex-direction:column;gap:12px;padding:22px}
.db-tile p{flex:1;margin:0;font-size:14px;line-height:1.6;color:var(--muted,#b6c0d8)}
.db-tt{display:flex;align-items:center;gap:12px}
.db-tt h3{font-size:16px;font-weight:700;margin:0;color:#fff}
.db-comm{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 22px;margin-top:14px}
.db-comm h3{font-size:16px;font-weight:700;margin:0;color:#fff}
.db-comm p{margin:2px 0 0;font-size:14px;color:var(--muted,#b6c0d8)}
.db-links{display:flex;gap:10px;flex-wrap:wrap}

@media (max-width:1100px){
	.db-top{grid-template-columns:1fr}
	.db-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:1000px){
	.lg{grid-template-columns:1fr;gap:34px;padding-top:24px}
	.lg-box,.lg-prev{max-width:540px;width:100%;margin:0 auto}
}
@media (max-width:640px){
	.lg{padding:16px 16px 60px}
	.lg-box{padding:24px 20px}
	.lg-tiles{grid-template-columns:1fr}
	.lg-tile.wide .faces{display:none}
	.lg-new{flex-direction:column;align-items:flex-start}
	.db{padding-top:22px}
	body:not(.rex-coach) .db{padding:22px 16px 70px}
	.db-grid{grid-template-columns:1fr}
	.db-call{padding:22px 20px}
	.db-call .cx-cnd{width:100%}
	.db-cont{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:18px}
	.db-thumb{width:84px}
	.db-thumb span{width:30px;height:30px}
	.db-j{grid-template-columns:auto minmax(0,1fr)}
	.db-j .db-go{grid-column:2}
	.db-comm{grid-template-columns:1fr}
}

/* ================= Ablauf rechts (Registrieren, Passwort) ================= */
.ms-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:none}
.ms-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;padding:18px;border-radius:20px;background:rgba(13,20,40,.55);border:1px solid var(--line,rgba(150,175,230,.12))}
.ms-steps b{display:block;font-size:15.5px;color:#fff;margin-top:2px}
.ms-steps small{display:block;font-size:13.5px;line-height:1.55;color:var(--muted,#b6c0d8);margin-top:3px}
.ms-n{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(180deg,#2a95e0,#0e71b8);box-shadow:0 10px 24px -12px rgba(30,130,207,.9)}
.ms-note{margin-top:14px;padding:16px 18px;border-radius:16px;border:1px dashed rgba(255,196,107,.35);background:rgba(255,196,107,.06);font-size:13.5px;color:var(--muted,#b6c0d8)}
.ms-note b{display:block;color:#ffd99a;margin-bottom:6px}
.ms-note ul{margin:0;padding-left:18px;line-height:1.7}
.ms-sign{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:14px;color:var(--muted,#b6c0d8)}

/* ================= Registrieren: Formular des Plugins im 4REX-Look ================= */
.rg{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);align-items:start}
.rg .lg-prev{position:sticky;top:110px}
.admin-bar .rg .lg-prev{top:142px}
.rg-form form{display:grid;grid-template-columns:1fr 1fr;gap:14px 14px;margin:0}
.rg-form form>*{min-width:0;grid-column:1/-1}
.rg-form .uap-form-line-register{margin:0!important;padding:0!important;width:auto!important}
.rg-form .uap-form-text,.rg-form .uap-form-password,.rg-form .uap-form-uap_country{grid-column:auto}
.rg-form #uap_reg_text_9126,.rg-form .uap-form-line-register:has(#uap_user_login_field){grid-column:1/-1}
.rg-form .uap-form-line-register:has(#uap_sponsor_field){grid-column:1/-1}
/* Reihenfolge: Land neben Geburtsdatum, beide Passwörter nebeneinander, Rest danach */
.rg-form .uap-form-uap_country{order:1}
.rg-form .uap-form-password{order:2}
.rg-form .uap-tos-wrap,.rg-form .uap-form-line-register:has(#uap_sponsor_field),.rg-form .uap-form-plain_text,.rg-form .uap-submit-form{order:3}
.rg-form label,.rg-form .uap-labels-register{display:block!important;float:none!important;width:auto!important;margin:0 0 7px!important;padding:0!important;font-size:13px!important;font-weight:600!important;color:var(--muted,#b6c0d8)!important;text-align:left!important}
.rg-form .uap-color-red{color:#5fb4f0!important;margin-right:3px}
.rg-form input[type=text],.rg-form input[type=email],.rg-form input[type=password],.rg-form input[type=tel],.rg-form input[type=date],.rg-form select,.rg-form .select2-container .select2-selection{width:100%!important;max-width:none!important;height:auto!important;min-height:50px;padding:13px 15px!important;border-radius:14px!important;border:1px solid var(--line-strong,rgba(150,175,230,.22))!important;background:rgba(4,8,20,.65)!important;color:#fff!important;font:inherit!important;font-size:15px!important;box-shadow:none!important;outline:none;transition:border-color .2s,box-shadow .2s}
.rg-form input:focus,.rg-form select:focus{border-color:rgba(95,180,240,.7)!important;box-shadow:0 0 0 4px rgba(95,180,240,.14)!important}
.rg-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393a0bd' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px!important;padding-right:42px!important}
.rg-form select option{background:#0b1430;color:#fff}
.rg-form .select2-container{width:100%!important}
.rg-form .select2-container .select2-selection__rendered{color:#fff!important;line-height:22px!important;padding:0!important}
.rg-form .select2-container .select2-selection__arrow{top:12px!important;right:10px!important}
.select2-dropdown{background:#0b1430!important;border-color:rgba(150,175,230,.3)!important;color:#fff}
.select2-search__field{background:rgba(4,8,20,.65)!important;color:#fff!important;border-color:rgba(150,175,230,.3)!important}
.select2-results__option--highlighted{background:#0e71b8!important}
.rg-form .uap-strength-wrapper{margin-top:8px}
.rg-form .uap-strength{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.rg-form .uap-strength .point{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.08)}
.rg-form .uap-strength-label{font-size:12px;color:var(--muted-2,#93a0bd);margin-top:4px}
.rg-form .uap-tos-wrap{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line,rgba(150,175,230,.12));font-size:14px;color:var(--muted,#b6c0d8)}
.rg-form .uap-tos-wrap input{appearance:none;-webkit-appearance:none;flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;border-radius:6px;border:1.5px solid var(--line-strong,rgba(150,175,230,.3));display:grid;place-items:center;cursor:pointer}
.rg-form .uap-tos-wrap input:checked{background:#0e71b8;border-color:#0e71b8}
.rg-form .uap-tos-wrap input:checked::after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.rg-form .uap-tos-wrap a{color:var(--accent,#5fb4f0)}
.rg-form .uap-form-plain_text:empty,.rg-form .uap-form-plain_text label:empty{display:none}
.rg-form .uap-submit-form{margin:4px 0 0!important}
.rg-form input[type=submit]{width:100%!important;height:auto!important;padding:14px 20px!important;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,#2a95e0,#0e71b8)!important;color:#fff!important;font:inherit!important;font-size:15px!important;font-weight:600!important;cursor:pointer;box-shadow:0 14px 30px -12px rgba(30,130,207,.9)!important;text-shadow:none!important}
.rg-form input[type=submit]:hover{filter:brightness(1.08)}
.rg-form .uap-register-notice,.rg-form .uap-wrapp-the-errors,.rg-form .uap-error-global-dialog-msg,.rg-form [class*=uap-error]{display:block;padding:10px 12px;border-radius:10px;background:rgba(255,107,107,.08);border:1px solid rgba(255,107,107,.35);color:#ffc9c9!important;font-size:13px;margin-top:6px}
.rg-form [class*=uap-success],.rg-form .uap-reg-success-msg{display:block;padding:12px 14px;border-radius:12px;background:rgba(61,220,132,.07);border:1px solid rgba(61,220,132,.35);color:#c8f5dc;font-size:14px}
@media (max-width:1000px){.rg{grid-template-columns:1fr}.rg .lg-prev{position:static}.rg .lg-box{max-width:640px}}
@media (max-width:640px){.rg-form form{grid-template-columns:1fr}.rg-form .uap-form-text,.rg-form .uap-form-password,.rg-form .uap-form-uap_country{grid-column:1/-1}}

/* ================= Live-Calls (Variante A: Bühne) ================= */
.lv{color:var(--ink,#f3f6ff);padding:30px 0 90px}
body:not(.rex-coach) .lv{max-width:1240px;margin:0 auto;padding:30px 24px 90px}
.lv-hero{position:relative;overflow:hidden;padding:40px;border-radius:30px;background:linear-gradient(120deg,rgba(30,130,207,.35),rgba(13,20,40,.88) 60%);border:1px solid rgba(95,180,240,.38);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.lv-hero .cx-cnd{position:absolute;right:0;bottom:0;width:62%;height:100%;opacity:.35;pointer-events:none}
.lv-hero>*{position:relative;min-width:0}
.lv-hero h1{font-size:clamp(32px,4vw,50px);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:12px 0 10px;color:#fff}
.lv-hero p{max-width:580px;margin:0;font-size:15px;line-height:1.6;color:var(--muted,#b6c0d8)}
.lv-topic{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:15px;color:var(--muted,#b6c0d8)}
.lv-topic b{color:#fff}
.lv .faces img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #0b1430}
.lv .faces img+img{margin-left:-13px}
.lv-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.lv-acts.sm{margin-top:16px}
.lv-acts.sm .btn{padding:9px 14px;font-size:13.5px}
.lv-acts .btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lv-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.lv-side>small{font-size:12.5px;color:var(--muted-2,#93a0bd)}
.lv-side .db-cd{margin:0}
.lv-side .db-cd div{min-width:66px;padding:10px 12px}
.lv-side .db-cd b{font-size:24px}
.lv-sec{margin:46px 0 16px}
.lv-sec h2{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.025em;margin:6px 0 0;color:#fff}
.lv-hosts{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lv-host{position:relative;overflow:hidden;display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:24px;border-radius:26px;background:var(--glass,rgba(12,18,38,.55));border:1px solid var(--line,rgba(150,175,230,.12))}
.lv-host>*{min-width:0}
.lv-host.next{border-color:rgba(95,180,240,.45);background:linear-gradient(140deg,rgba(30,130,207,.22),rgba(13,20,40,.8) 55%)}
.lv-badge{position:absolute;top:18px;right:18px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#0e71b8;color:#fff}
.lv-ph{display:block;width:150px;height:170px;border-radius:20px;overflow:hidden;border:1px solid var(--line-strong,rgba(150,175,230,.22))}
.lv-ph img{width:100%;height:100%;object-fit:cover}
.lv-ph2{display:grid;place-items:center;background:rgba(95,180,240,.08)}
.lv-day{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9fd6ff}
.lv-day b{color:#fff;letter-spacing:0;text-transform:none;font-size:13px;padding:3px 9px;border-radius:999px;background:rgba(95,180,240,.15)}
.lv-host h3{font-size:21px;font-weight:700;margin:10px 0 6px;color:#fff;padding-right:90px}
.lv-host:not(.next) h3{padding-right:0}
.lv-host p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted,#b6c0d8)}
.lv-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.lv-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--muted,#b6c0d8);border:1px solid var(--line-strong,rgba(150,175,230,.22))}
.lv-chip svg{width:14px;height:14px;fill:none;stroke:var(--accent,#5fb4f0);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lv-step{padding:22px;border-radius:24px;background:var(--glass,rgba(12,18,38,.55));border:1px solid var(--line,rgba(150,175,230,.12))}
.lv-step h3{font-size:16px;font-weight:700;margin:14px 0 6px;color:#fff}
.lv-step p{margin:0;font-size:14px;line-height:1.6;color:var(--muted,#b6c0d8)}
.lv-rec{margin-top:16px}
@media (max-width:1100px){
	.lv-hero{grid-template-columns:1fr}
	.lv-side{align-items:flex-start}
	.lv-hosts,.lv-steps{grid-template-columns:1fr}
}
@media (max-width:640px){
	.lv{padding-top:22px}
	body:not(.rex-coach) .lv{padding:22px 16px 70px}
	.lv-hero{padding:26px 20px}
	.lv-hero .cx-cnd{width:100%}
	.lv-host{grid-template-columns:1fr}
	.lv-ph{width:100%;height:220px}
	.lv-host h3{padding-right:0}
	.lv-host.next{padding-top:54px}
}