/* ==========================================================================
   Purple Eclipse - Login-Seite mit Ladescreen und Kamerafahrt
   (Owner-Design 2026-09-08, DESIGNNEU/purple-eclipse-login). Regeln 1:1 aus
   der Vorlage (Praefix .lwr-eclipse), plus die Einpassung in das
   Deck: fester Vollbild-Rahmen, Musik-Schalter, Plaetze-Leiste im Hero,
   Fehlertext. Schriften der Vorlage liegen als Dateien in assets/fonts.
   ========================================================================== */
@font-face { font-family: "LWR Display"; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/lwr-display.ttf?v=1") format("truetype"); }
@font-face { font-family: "LWR UI"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/lwr-ui.ttf?v=1") format("truetype"); }

.lwr-eclipse{--lwr-text:#f5f1ff;--lwr-muted:#b1a9c4;--lwr-purple:#bb8dff;--lwr-line:#ffffff17;position:fixed;inset:0;isolation:isolate;width:100%;container-type:inline-size;overflow:auto;display:flex;flex-direction:column;perspective:none;background:#06040d;color:var(--lwr-text);font-family:"LWR UI","Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;color-scheme:dark;}
.lwr-eclipse *{box-sizing:border-box}
.lwr-eclipse button,.lwr-eclipse input{font:inherit}
.lwr-eclipse button{cursor:pointer}
.lwr-eclipse button:focus-visible,.lwr-eclipse input:focus-visible{outline:2px solid #d6bbff;outline-offset:4px}
.lwr-eclipse [hidden]{display:none!important}
.lwr-eclipse .lwr-header,.lwr-eclipse .lwr-footer{flex-shrink:0}
.lwr-eclipse .lwr-main{width:100%;flex:1}

/* Start-Overlay mit Sitzung: nur Szene + Ladescreen ueber dem Deck, blendet danach aus */
.lwr-eclipse-boot{position:fixed;inset:0;z-index:9000;overflow:hidden;background:#06040d;transition:opacity .75s ease;cursor:pointer}
.lwr-eclipse-boot .lwr-scene{z-index:0}
.lwr-eclipse-boot.fading{opacity:0;pointer-events:none}

/* Ladescreen */
.lwr-eclipse .lwr-entry{position:fixed;inset:0;z-index:8;display:flex;flex-direction:column;justify-content:space-between;padding:32px 5%;background:linear-gradient(180deg,#05030b44,transparent 25%,transparent 60%,#05030b77);transition:opacity .8s,visibility .8s;opacity:1;visibility:visible}
.lwr-eclipse[data-intro=false] .lwr-entry{opacity:0;visibility:hidden;pointer-events:none}
.lwr-eclipse .lwr-entry-top{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#baaccd;font-size:9px;letter-spacing:3px}
.lwr-eclipse .lwr-skip{display:flex;align-items:center;gap:10px;padding:8px 0 8px 15px;min-height:36px;background:none;border:0;color:#ddd0ef;font-size:11px;letter-spacing:.3px}
.lwr-eclipse .lwr-skip svg{width:15px;height:15px}
.lwr-eclipse .lwr-entry-title{text-align:center;text-shadow:0 3px 28px #05020dbb;margin-bottom:6%;opacity:var(--lwr-intro-title,1);transform:translateY(calc((1 - var(--lwr-intro-title,1))*-10px))}
.lwr-eclipse .lwr-entry-title>p{font-size:10px;letter-spacing:5px;color:#d4b6f6;margin:0 0 18px}
.lwr-eclipse .lwr-entry-title>div{font-family:"LWR Display",Impact,"Arial Narrow",sans-serif;font-size:clamp(44px,6.4cqw,92px);font-weight:500;line-height:1;letter-spacing:.5px;white-space:nowrap}
/* "RUN." kraeftiger und leuchtend (Owner 2026-09-09), im Ladescreen wie im Hero */
/* Farbverlauf = das RUN der Wortmarke (aus RUN.png gemessen: #db87f8 oben
   -> #761af8 unten), Owner 2026-09-09: "farblich wie oben links". */
.lwr-eclipse .lwr-entry-title>div span,
.lwr-eclipse h1 span{color:#c06cf9;background:linear-gradient(180deg,#f0c6ff 0%,#d38cfb 30%,#b55cf8 55%,#9a3df7 80%,#8b30f5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
/* Kein Glow (Owner 2026-09-09: "auf dem RUN. liegt noch eine Wolke, das muss
   weg") - reiner Verlauf. text-shadow:none ist Pflicht: h1 und Ladescreen-
   Titel tragen einen DUNKLEN Schatten (#030108, 30px), der bei
   background-clip:text durch die transparenten Buchstaben durchscheint und
   das RUN. verdunkelt hat (Owner: "zu dunkel, nicht der Farbton wie oben"). */
.lwr-eclipse .lwr-entry-title>small{display:block;margin-top:24px;font-size:9px;letter-spacing:4px;color:#bfb1d0}
.lwr-eclipse .lwr-entry-bottom{width:260px;max-width:100%;align-self:center;padding-bottom:18px}
.lwr-eclipse .lwr-entry-bottom>div{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2.5px;color:#c2add9;margin-bottom:14px}
.lwr-eclipse .lwr-entry-percent{font-variant-numeric:tabular-nums;letter-spacing:1px}
.lwr-eclipse .lwr-entry-progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:1px;border:0;background:#b68bc72a;color:#d4acff;box-shadow:0 0 13px #a567ec26}
.lwr-eclipse .lwr-entry-progress::-webkit-progress-bar{background:#b68bc72a}
.lwr-eclipse .lwr-entry-progress::-webkit-progress-value{background:#dab4ff;box-shadow:0 0 12px #bd7cfb}
.lwr-eclipse .lwr-entry-progress::-moz-progress-bar{background:#dab4ff}
.lwr-eclipse .lwr-header,.lwr-eclipse .lwr-main,.lwr-eclipse .lwr-footer{transition:opacity 1s;opacity:1}
.lwr-eclipse[data-intro=true] .lwr-header,.lwr-eclipse[data-intro=true] .lwr-main,.lwr-eclipse[data-intro=true] .lwr-footer{opacity:0;pointer-events:none}

/* Szene */
.lwr-eclipse .lwr-scene{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#07040f}
.lwr-eclipse canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:auto}
.lwr-eclipse .lwr-fallback{position:absolute;inset:0;background:url("/assets/login-scene.jpg?v=2") center / cover no-repeat,#06040e;transition:opacity 1s;transform-origin:54% 60%}
.lwr-eclipse[data-renderer=webgl] .lwr-fallback{opacity:0}
.lwr-eclipse .lwr-mist{position:absolute;inset:42% -20% -12%;background:radial-gradient(ellipse at 35% 50%,#9151dc16,transparent 45%),radial-gradient(ellipse at 75% 70%,#6834c21a,transparent 48%);filter:blur(28px);animation:lwr-nebula 28s ease-in-out infinite alternate;mix-blend-mode:screen}
.lwr-eclipse .lwr-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#04030b50,transparent 20%,transparent 72%,#04030b85),radial-gradient(ellipse at 50% 48%,transparent 38%,#04020d8a 100%)}

/* Kopfzeile */
.lwr-eclipse .lwr-header{min-height:82px;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--lwr-line);gap:18px;background:linear-gradient(180deg,#06040c99,#06040c22)}
.lwr-eclipse .lwr-brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
/* Owner-Wortmarke (2026-09-09) statt Krone + Text */
.lwr-eclipse .lwr-brandmark{display:block;height:40px;width:auto;user-select:none;filter:drop-shadow(0 0 12px #a855f748)}
.lwr-eclipse .lwr-brand>svg{width:44px;height:23px;display:block}
/* Wortmarke zusammengeschrieben (Owner 2026-09-08), nicht gesperrt wie in der Vorlage */
.lwr-eclipse .lwr-brand span{display:block;font-size:14px;font-weight:700;letter-spacing:.6px}
.lwr-eclipse .lwr-brand small{display:block;font-size:10px;letter-spacing:3.3px;margin-top:4px;color:#a39aaa}
.lwr-eclipse .lwr-headmeta{display:flex;align-items:center;gap:18px}
.lwr-eclipse .lwr-private{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;color:#c6b4df;white-space:nowrap}
.lwr-eclipse .lwr-private>span{width:5px;height:5px;border-radius:50%;background:#bd93f1;box-shadow:0 0 10px #b57bff88}
/* Musik-Schalter (audio.js haengt ihn in .l3d-headmeta) im Look der Fussleiste */
.lwr-eclipse .lwr-music{display:flex;gap:8px;align-items:center;min-height:32px;padding:5px 10px;border:1px solid #ac82d42b;border-radius:4px;background:#120c2180;color:#c4b0da;font-family:inherit;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;box-shadow:none}
.lwr-eclipse .lwr-music:hover{color:#fff;border-color:#bd95e380}

/* Buehne */
.lwr-eclipse .lwr-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.95fr);gap:7%;align-items:center;max-width:1450px;margin:0 auto;padding:48px 6.5% 40px;min-height:0}
.lwr-eclipse .lwr-hero{min-width:0}
.lwr-eclipse[data-intro=false] .lwr-hero{animation:lwr-arrive 1.4s both}
.lwr-eclipse[data-intro=false] .lwr-login{animation:lwr-arrive 1.5s .15s both}
.lwr-eclipse .lwr-eyebrow{font-size:10px;letter-spacing:3px;color:#d1afff;margin:0 0 20px;font-weight:600}
/* Headline kleiner als in der Vorlage (Owner 2026-09-08: "zu gross") und
   als ein Wort "LETWINNERS / RUN." */
/* "LETWINNERSRUN." als EIN Wort auf einer Zeile (Owner 2026-09-08), "RUN."
   farbig abgesetzt; Groesse so, dass es in die Hero-Spalte passt. */
.lwr-eclipse h1{font-family:"LWR Display",Impact,"Arial Narrow",sans-serif;font-size:clamp(40px,5.1cqw,80px);font-weight:500;line-height:1;letter-spacing:-.6px;margin:0;color:#f9f6ff;text-shadow:0 3px 30px #03010899;white-space:nowrap}
/* Farbe: siehe Regel beim Ladescreen oben (gleicher Verlauf wie die Wortmarke, ohne Glow). */
.lwr-eclipse h1 span{display:inline;margin:0}
.lwr-eclipse .lwr-rule{width:34px;height:1px;margin:25px 0 16px;background:#cba3fa;box-shadow:0 0 15px #9c4fff}
.lwr-eclipse .lwr-tagline{font-size:clamp(15px,1.6cqw,21px);font-weight:600;margin:0 0 11px;letter-spacing:-.25px}
.lwr-eclipse .lwr-description{color:#bfb5cd;font-size:clamp(14px,1.4cqw,18px);line-height:1.8;margin:0}
.lwr-eclipse .lwr-capabilities{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px;font-size:8px;letter-spacing:1.3px;color:#c6b6df}
.lwr-eclipse .lwr-capabilities b{font-weight:400;color:#7e569c}
/* Freie Operator-Plaetze als Blickfang (Owner 2026-09-08: "mehr hervorheben,
   cooler"): grosse Zahl in der Display-Schrift, leuchtende Segmente,
   pulsierender Punkt, echter Knopf - links im Hero unter der Feature-Zeile. */
@keyframes lwr-pulse{0%,100%{box-shadow:0 0 0 0 #bd93f166,0 0 10px #b57bff88}50%{box-shadow:0 0 0 6px #bd93f100,0 0 14px #b57bffcc}}
@keyframes lwr-seat-glow{0%,100%{opacity:.75}50%{opacity:1}}
/* Kompakte Leuchtpille in einer Zeile (Owner: "kleiner, moderner, cooler"):
   Punkt, Frage, zehn Segmente, Zahl, kleiner Knopf. */
.lwr-eclipse .lwr-seats-pill{position:relative;margin-top:26px;width:max-content;max-width:100%;display:flex;align-items:center;gap:14px;padding:7px 7px 7px 16px;border:1px solid #b494d84d;border-radius:999px;background:linear-gradient(90deg,#1a1028cc,#0b0913d9);box-shadow:0 10px 34px #01000755,0 0 30px #7a3bd21f,inset 0 1px 0 #ffffff0a;backdrop-filter:blur(8px);transition:border-color .25s,box-shadow .25s}
.lwr-eclipse .lwr-seats-pill:hover{border-color:#c9a4ff80;box-shadow:0 10px 34px #01000755,0 0 40px #8a4bea33,inset 0 1px 0 #ffffff0a}
.lwr-eclipse .lwr-seats-pill .dot{width:6px;height:6px;border-radius:50%;background:#bd93f1;flex:0 0 auto;animation:lwr-pulse 2.2s ease-in-out infinite}
.lwr-eclipse .lwr-seats-pill .lbl{font-size:12px;font-weight:600;color:#f5f1ff;white-space:nowrap}
.lwr-eclipse .lwr-seats-meter{display:flex;gap:3px;width:86px;flex:0 0 auto}
.lwr-eclipse .lwr-seats-meter i{flex:1;height:5px;border-radius:99px;background:#ffffff12}
.lwr-eclipse .lwr-seats-meter i.on{background:linear-gradient(90deg,#8f4cf2,#c79bff);box-shadow:0 0 9px #a86bff99;animation:lwr-seat-glow 3s ease-in-out infinite}
.lwr-eclipse .lwr-seats-meter i.on:nth-child(2n){animation-delay:-1s}
.lwr-eclipse .lwr-seats-meter i.on:nth-child(3n){animation-delay:-2s}
.lwr-eclipse .lwr-seats-pill .cnt{display:flex;align-items:baseline;gap:2px;white-space:nowrap;font-family:"LWR Display",Impact,"Arial Narrow",sans-serif;line-height:1}
.lwr-eclipse .lwr-seats-pill .cnt b{font-size:20px;font-weight:500;background:linear-gradient(180deg,#f7efff 5%,#b77cf5 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lwr-eclipse .lwr-seats-pill .cnt i{font-style:normal;font-size:12px;color:#8d79a8}
.lwr-eclipse .lwr-seats-pill .cnt small{margin-left:5px;font-family:"LWR UI","Segoe UI",Arial,sans-serif;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#c2add9}
.lwr-eclipse .lwr-seats-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border:1px solid #b883ff;border-radius:999px;background:linear-gradient(110deg,#9750f6,#7023cb 62%,#5914a0);color:#fff;font-size:11px;font-weight:600;letter-spacing:.2px;white-space:nowrap;box-shadow:0 4px 18px #772bdf33,inset 0 1px 0 #ffffff22;transition:box-shadow .25s,transform .25s}
.lwr-eclipse .lwr-seats-cta:hover{box-shadow:0 8px 30px #a24dfb55;transform:translateY(-1px)}
.lwr-eclipse .lwr-seats-cta svg{width:13px;height:13px}
/* Alte Invite-Leiste (v2), bleibt fuer Rueckfall */
.lwr-eclipse .lg2-invite{margin-top:26px;font-family:inherit;border-color:#b494d845;background:radial-gradient(ellipse at 0 0,#33204638,transparent 58%),#0b0913cc;border-radius:10px;animation:none}
.lwr-eclipse .lg2-invite .text strong{font-size:13px;font-weight:600}
.lwr-eclipse .lg2-invite .text span{font-size:11px;color:#bfb5cd}
.lwr-eclipse .lg2-invite .lg2-seats span{font-family:inherit;font-size:8px;letter-spacing:2px;color:#c2add9}
.lwr-eclipse .lg2-invite .lg2-link{font-family:inherit;font-size:11px;color:#c6a0f5}
.lwr-eclipse .lg2-invite .lg2-link:hover{color:#ead4ff}

/* Karte */
.lwr-eclipse .lwr-login{position:relative;min-width:0;padding:30px 29px 23px;border:1px solid #b494d845;border-radius:13px;background:radial-gradient(ellipse at 0 0,#33204638,transparent 58%),#0b0913;box-shadow:0 18px 65px #01000766,inset 0 1px 0 #ffffff06}
.lwr-eclipse .lwr-login:before{content:"";position:absolute;top:-1px;left:8%;width:55%;height:1px;background:linear-gradient(90deg,transparent,#d7afff,transparent);box-shadow:0 0 11px #ac74eb88}
.lwr-eclipse .lwr-access{display:flex;align-items:center;gap:11px;color:#c99bff;font-size:9px;letter-spacing:2.4px;margin-bottom:19px}
.lwr-eclipse .lwr-access svg{width:17px;height:17px;stroke-width:1.5}
.lwr-eclipse h2{font-size:clamp(22px,2.5cqw,32px);letter-spacing:-.9px;line-height:1.22;font-weight:600;margin:0 0 10px;font-family:inherit}
.lwr-eclipse .lwr-intro{margin:0 0 26px;font-size:12px;line-height:1.6;color:var(--lwr-muted)}
.lwr-eclipse .lwr-form>label{display:block;font-size:11px;margin:17px 0 8px;color:#ddd6e9}
.lwr-eclipse .lwr-input-wrap{position:relative}
.lwr-eclipse .lwr-input-wrap>input{width:100%;height:46px;padding:0 45px 0 14px;border:1px solid #afa0ce35;border-radius:6px;color:#f4ecff;font-size:13px;background:linear-gradient(120deg,#14121d,#101019);transition:border-color .2s,box-shadow .2s;min-width:0;outline:none}
.lwr-eclipse .lwr-input-wrap>input:focus{border-color:#af75f0;box-shadow:0 0 0 3px #b676ff16}
.lwr-eclipse input::placeholder{color:#a9a1b8;opacity:1}
.lwr-eclipse #login-password::placeholder{letter-spacing:3px}
.lwr-eclipse .lwr-input-wrap>svg{position:absolute;width:17px;height:17px;right:14px;top:15px;color:#9d91b1;stroke-width:1.3}
.lwr-eclipse .lwr-eye{position:absolute;right:0;top:1px;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:#a296b9}
.lwr-eclipse .lwr-eye svg{width:17px;height:17px;stroke-width:1.4}
.lwr-eclipse .lwr-options{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:17px 0 23px;flex-wrap:wrap}
.lwr-eclipse .lwr-remember{display:flex;align-items:center;gap:7px;color:var(--lwr-muted);font-size:10px;cursor:pointer;min-height:24px}
.lwr-eclipse .lwr-remember input{accent-color:#aa67f9;width:14px;height:14px;margin:0;cursor:pointer}
.lwr-eclipse .lwr-text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:4px 0;border:0;background:none;color:#c6a0f5;font-size:11px;line-height:1.5;text-align:left}
.lwr-eclipse .lwr-text-button:hover{color:#ead4ff}
.lwr-eclipse .lwr-error{margin:14px 0 0;font-size:11px;line-height:1.5;color:#ff9db1}
.lwr-eclipse .lwr-submit{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:47px;padding:12px 16px;overflow:hidden;border:1px solid #b883ff;border-radius:6px;background:linear-gradient(110deg,#9750f6,#7023cb 62%,#5914a0);box-shadow:0 6px 25px #772bdf24,inset 0 1px 0 #ffffff25;color:white;font-size:12px;font-weight:600;transition:box-shadow .25s,transform .25s}
.lwr-eclipse .lwr-submit:hover:not(:disabled){box-shadow:0 8px 35px #a24dfb55;transform:translateY(-1px)}
.lwr-eclipse .lwr-submit:active{transform:translateY(1px)}
.lwr-eclipse .lwr-submit:disabled{cursor:default;opacity:.85}
.lwr-eclipse .lwr-submit span.txt{flex:1;text-align:center;position:relative}
.lwr-eclipse .lwr-submit .prog{position:absolute;left:0;top:0;bottom:0;width:0%;background:rgba(255,255,255,.18);animation:lgProgFill 1.4s ease-out both;z-index:-1}
.lwr-eclipse .lwr-submit svg{width:18px;height:18px;stroke-width:1.5}
.lwr-eclipse .lwr-divider{height:1px;background:linear-gradient(90deg,transparent,#ada0c931,transparent);margin:27px 0 19px}
.lwr-eclipse .lwr-preview-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#9385a6;letter-spacing:1.7px;font-size:8px;margin:0}
.lwr-eclipse .lwr-preview-note svg{width:12px;height:12px}

/* Fusszeile */
.lwr-eclipse .lwr-footer{padding:0 32px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:2px;color:#a397b3}
.lwr-eclipse .lwr-playback{display:flex;align-items:center;gap:15px}
.lwr-eclipse .lwr-replay{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 0;border:0;background:none;color:#b4a1ca;font-size:8px;letter-spacing:1.5px}
.lwr-eclipse .lwr-replay:hover{color:#f1dfff}
.lwr-eclipse .lwr-replay svg{width:12px;height:12px}
.lwr-eclipse .lwr-motion-toggle{display:flex;gap:10px;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;color:#c4b0da;background:#120c2180;border:1px solid #ac82d42b;border-radius:4px;font-size:9px;letter-spacing:1.5px;transition:color .2s,border-color .2s}
.lwr-eclipse .lwr-motion-toggle:hover{color:white;border-color:#bd95e380}
.lwr-eclipse .lwr-motion-bars{height:11px;display:flex;gap:2px;align-items:center}
.lwr-eclipse .lwr-motion-bars b{display:block;width:1px;height:9px;background:#c197fa;transform-origin:center;animation:lwr-bars 1.7s ease-in-out infinite alternate}
.lwr-eclipse .lwr-motion-bars b:nth-child(2){animation-delay:-.7s;height:6px}
.lwr-eclipse .lwr-motion-bars b:nth-child(3){animation-delay:-1.1s;height:11px}
.lwr-eclipse .lwr-motion-bars b:nth-child(4){animation-delay:-.3s;height:6px}
.lwr-eclipse[data-paused=true] .lwr-mist,.lwr-eclipse[data-paused=true] .lwr-motion-bars b{animation-play-state:paused!important}
@keyframes lwr-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes lwr-bars{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
@keyframes lwr-nebula{from{transform:translate(-4%,2%) scale(1)}to{transform:translate(6%,-3%) scale(1.12)}}

@container (max-width:800px){
  .lwr-eclipse .lwr-main{gap:4%;padding:40px 4% 45px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lwr-eclipse .lwr-login{padding:25px 21px 20px}
  .lwr-eclipse h1{font-size:9cqw}
  .lwr-eclipse .lwr-eyebrow{font-size:9px;letter-spacing:2px}
  .lwr-eclipse .lwr-capabilities{gap:6px;font-size:8px;letter-spacing:.7px}
  .lwr-eclipse .lwr-options{gap:3px;margin-bottom:18px}
  .lwr-eclipse .lwr-header{padding:20px 25px}
}
@container (max-width:620px){
  .lwr-eclipse .lwr-main{grid-template-columns:1fr;gap:37px;padding:42px 24px 32px;min-height:0}
  .lwr-eclipse .lwr-header{min-height:72px;padding:18px 24px}
  .lwr-eclipse .lwr-brand{gap:4px}
  .lwr-eclipse .lwr-brandmark{height:28px}
  .lwr-eclipse .lwr-brand span{font-size:10px;letter-spacing:2px}
  .lwr-eclipse .lwr-brand small{font-size:8px;letter-spacing:2.3px}
  .lwr-eclipse .lwr-brand>svg{width:36px;height:19px}
  .lwr-eclipse .lwr-private{font-size:8px;letter-spacing:1px;gap:6px}
  .lwr-eclipse .lwr-hero{padding:4px 0 0}
  .lwr-eclipse h1{font-size:clamp(30px,10.8cqw,60px);line-height:1;letter-spacing:-.4px}
  .lwr-eclipse h1 span{display:inline;margin:0}
  .lwr-eclipse .lwr-eyebrow{font-size:9px;margin-bottom:18px}
  .lwr-eclipse .lwr-rule{margin-top:22px}
  .lwr-eclipse .lwr-tagline{font-size:15px}
  .lwr-eclipse .lwr-description{font-size:13px;line-height:1.6}
  .lwr-eclipse .lwr-description br{display:none}
  .lwr-eclipse .lwr-capabilities{font-size:8px;margin-top:17px;gap:8px}
  .lwr-eclipse .lg2-invite{width:100%;box-sizing:border-box;flex-wrap:wrap;gap:10px 16px}
  .lwr-eclipse .lwr-seats-pill{width:100%;box-sizing:border-box;flex-wrap:wrap;gap:10px 12px;padding:12px 14px;border-radius:16px}
  .lwr-eclipse .lwr-seats-meter{width:auto;flex:1 1 80px}
  .lwr-eclipse .lwr-seats-cta{width:100%;justify-content:center}
  .lwr-eclipse .lwr-login{width:100%;max-width:430px;margin:0 auto;padding:27px 24px 21px;background:radial-gradient(ellipse at 0 0,#35204338,transparent 65%),#0b0913}
  .lwr-eclipse h2{font-size:26px}
  .lwr-eclipse .lwr-intro{font-size:12px}
  .lwr-eclipse .lwr-input-wrap>input{font-size:16px;height:48px}
  .lwr-eclipse .lwr-eye{height:46px}
  .lwr-eclipse .lwr-remember,.lwr-eclipse .lwr-text-button{font-size:11px;min-height:36px}
  .lwr-eclipse .lwr-form>label{font-size:12px}
  .lwr-eclipse .lwr-submit{min-height:48px;font-size:12px}
  .lwr-eclipse .lwr-footer{padding:0 24px 20px;font-size:8px;letter-spacing:1px;flex-wrap:wrap}
  .lwr-eclipse .lwr-footer-right{display:none}
  .lwr-eclipse .lwr-motion-toggle{min-height:40px;font-size:8px}
  .lwr-eclipse .lwr-entry{padding:20px 24px}
  .lwr-eclipse .lwr-entry-top{font-size:8px;letter-spacing:1.5px}
  .lwr-eclipse .lwr-entry-title>p{font-size:8px;letter-spacing:2px}
  .lwr-eclipse .lwr-entry-title>div{font-size:11.5cqw;white-space:nowrap;line-height:1}
  .lwr-eclipse .lwr-entry-title>small{font-size:8px;letter-spacing:2px}
  .lwr-eclipse .lwr-playback{gap:11px}
  .lwr-eclipse .lwr-replay{min-height:40px}
}
@container (max-width:370px){
  .lwr-eclipse .lwr-private{display:none}
  .lwr-eclipse .lwr-main{padding-left:18px;padding-right:18px}
  .lwr-eclipse .lwr-login{padding-left:19px;padding-right:19px}
  .lwr-eclipse .lwr-options{justify-content:flex-start;gap:0 12px}
  .lwr-eclipse .lwr-remember{font-size:10px}
}