/* RXify – Anmeldeseite */
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:300;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-light.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:400;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-regular.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:500;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-medium.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:600;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-semibold.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:700;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-bold.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-display:swap;src:url(/core/public/fonts/archivo/archivo.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:300;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-light.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:400;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-regular.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:500;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-medium.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:600;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-semibold.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:700;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-bold.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/core/public/fonts/manrope/manrope.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(/core/public/fonts/space-grotesk/space-grotesk.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/core/public/fonts/inter/inter.woff2) format("woff2")}
body{--lf-head:"Rajdhani",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--lf-body:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--acc:#5b4bff}
body[data-skin="command"]{--r:4px;--lf-head:"Rajdhani",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--lf-body:"Rajdhani",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
body[data-skin="reklamx"]{--r:4px;--lf-head:"Rajdhani",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--lf-body:"Rajdhani",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
body[data-skin="flat-koralle"]{--r:4px;--lf-head:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--lf-body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
body[data-skin="flat-sonne"]{--r:4px;--lf-head:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--lf-body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
body[data-skin="flat-mint"]{--r:4px;--lf-head:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--lf-body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
body[data-skin="flat-rose"]{--r:4px;--lf-head:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--lf-body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
body[data-skin="graphite"]{--r:0px;--lf-head:"Space Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--lf-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
/* ---- Login themes: layered parallax scenes (layers move via JS, only transform) ---- */
body{font-family:var(--lf-body,Archivo),system-ui,sans-serif}
h1,.btn,.code,.mark,.ver,.hi-t{font-family:var(--lf-head,Rajdhani),system-ui,sans-serif}
.card,input,.btn,.link,.meta,.msg,.pv-note{border-radius:var(--r,0)}
.safe-link{position:fixed;right:12px;bottom:10px;z-index:3;font-size:11px;color:var(--mute);opacity:.6;text-decoration:none}.safe-link:hover{opacity:1;text-decoration:underline}
.lyr{position:absolute;inset:-70px;will-change:transform;animation:lyr-in 1.3s cubic-bezier(.2,.8,.2,1) both}
.l1{animation-delay:.05s}.l2{animation-delay:.15s}.l3{animation-delay:.3s}.l4{animation-delay:.45s}
@keyframes lyr-in{from{opacity:0;scale:1.08}}
.stars,.glow.c,.sun,.mtn,.big,.shp,.fx{display:none}
.photo{position:absolute;inset:0;background:center/cover no-repeat}
.has-photo .l0::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 35%,transparent),color-mix(in srgb,var(--bg) 75%,transparent))}
.has-photo .floor,.has-photo .dots{opacity:.35}
.wrap{position:relative;z-index:1}
.shp{position:absolute;display:block}
@keyframes bob{50%{translate:0 -18px}}
@keyframes spin{to{rotate:360deg}}
.hi{margin:-10px 0 22px;padding:12px 14px;border-left:3px solid var(--acc);background:color-mix(in srgb,var(--acc) 8%,transparent)}
.hi-t{font-size:19px;font-weight:700;line-height:1.2}.hi-x{color:var(--mute);font-size:14px;margin-top:4px}
.pv-note{position:relative;z-index:2;margin:0 auto 14px;padding:8px 14px;font-size:13px;background:var(--acc);color:var(--acc-fg,#fff);text-align:center;max-width:410px}
.wrap:has(.pv-note){align-content:center}
@media (prefers-reduced-motion:reduce){.lyr,.shp,.sun,.glow,.floor,.fx{animation:none!important}}

/* ---------- Custom theme: the RX scene in the user's colours ---------- */
[data-skin="custom"]{--fx:net}
[data-skin="custom"] .card{box-shadow:0 40px 120px -40px color-mix(in srgb,var(--acc) 55%,transparent)}
[data-skin="custom"] .btn{background:var(--acc)}
[data-skin="custom"] .glow.a{background:var(--acc)}
[data-skin="custom"] .fxc{opacity:.5}

/* small screens */
@media (max-width:600px){.shp.p5,.shp.p6{display:none!important}.shp{scale:.65}}
@media (max-height:500px) and (orientation:landscape){.wrap{padding:16px}.card{padding:22px 24px}.brand{margin-bottom:14px}.sub{margin-bottom:12px}}
.fxc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;animation:lyr-in 1.6s .5s ease both}

/* theme: graphite 1.0.0 */
[data-skin="graphite"]{--bg:#121311;--panel:#1a1b18;--fg:#ecede7;--mute:#9a9c92;--line:#2a2b27;--acc:#a3e635;--acc2:#a3e635;--in:#121311}
[data-skin="graphite"] .glow.a{background:#a3e635;opacity:.12}[data-skin="graphite"] .glow.b{display:none}
[data-skin="graphite"] .btn{background:#a3e635;color:#141a05}

@font-face{font-family:"Rajdhani";font-style:normal;font-weight:300;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-light.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:400;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-regular.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:500;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-medium.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:600;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-semibold.woff2) format("woff2")}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:700;font-display:swap;src:url(/core/public/fonts/rajdhani/rajdhani-bold.woff2) format("woff2")}
/* RXify login – one design, matching the RX Command admin theme: night blue, glowing grid floor, radar sweep,
   outlined RX, glass card with a running ember edge. (Also used when no design is chosen.) */
:is([data-skin="ld-command"],[data-skin="command"]){--lf-head:"Rajdhani",system-ui,sans-serif;--lf-body:"Rajdhani",system-ui,sans-serif;--r:14px;
  --bg:#04070e;--panel:rgba(10,18,34,.72);--fg:#e6eefc;--mute:#8a9abb;--line:rgba(70,140,255,.24);--acc:#ff7a1a;--acc2:#59a8ff;--acc-fg:#1a0900;--in:rgba(4,7,14,.7);--fx:net;color-scheme:dark}
:is([data-skin="ld-command"],[data-skin="command"]){background:radial-gradient(60% 50% at 50% 0%,rgba(47,123,255,.22),transparent 70%),#04070e!important;color:var(--fg);font-family:var(--lf-body)}
:is([data-skin="ld-command"],[data-skin="command"]) .dots{background-image:radial-gradient(rgba(89,168,255,.22) 1px,transparent 1.2px);background-size:26px 26px;opacity:.6}
:is([data-skin="ld-command"],[data-skin="command"]) .glow{filter:blur(120px);mix-blend-mode:screen}
:is([data-skin="ld-command"],[data-skin="command"]) .glow.a{background:#2f7bff;opacity:.35;animation:ldc-aur 18s ease-in-out infinite alternate}
:is([data-skin="ld-command"],[data-skin="command"]) .glow.b{background:#ff7a1a;opacity:.22;animation:ldc-aur 24s ease-in-out -8s infinite alternate-reverse}
:is([data-skin="ld-command"],[data-skin="command"]) .glow.c{display:none}
@keyframes ldc-aur{to{transform:translate(8vmax,6vmax) scale(1.15)}}
/* radar */
:is([data-skin="ld-command"],[data-skin="command"]) .sun{display:block;position:absolute;left:50%;top:50%;width:min(86vmin,760px);height:min(86vmin,760px);transform:translate(-50%,-50%);border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 59px,rgba(89,168,255,.16) 60px 61px),conic-gradient(from 0deg,rgba(255,122,26,.35),transparent 18%,transparent);
  -webkit-mask:radial-gradient(circle,#000 60%,transparent 71%);mask:radial-gradient(circle,#000 60%,transparent 71%);animation:ldc-radar 7s linear infinite;opacity:.8;filter:none}
@keyframes ldc-radar{to{transform:translate(-50%,-50%) rotate(360deg)}}
/* grid floor + horizon */
:is([data-skin="ld-command"],[data-skin="command"]) .floor{--line:rgba(89,168,255,.38);opacity:.9}
:is([data-skin="ld-command"],[data-skin="command"]) .horizon{background:linear-gradient(90deg,transparent,#2f7bff 25%,#ff7a1a 50%,#2f7bff 75%,transparent);box-shadow:0 0 30px rgba(255,122,26,.55)}
:is([data-skin="ld-command"],[data-skin="command"]) .mtn,:is([data-skin="ld-command"],[data-skin="command"]) .shp,:is([data-skin="ld-command"],[data-skin="command"]) .stars{display:none}
:is([data-skin="ld-command"],[data-skin="command"]) .big{font-family:"Orbitron","Rajdhani",sans-serif;font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(89,168,255,.28);letter-spacing:.06em;opacity:1}
:is([data-skin="ld-command"],[data-skin="command"]) .fxc{opacity:.5}
/* card */
:is([data-skin="ld-command"],[data-skin="command"]) .card{background:linear-gradient(180deg,rgba(14,26,48,.78),rgba(8,14,28,.82));border:1px solid rgba(89,168,255,.22);border-radius:20px;padding:44px 40px 34px;
  -webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);box-shadow:0 60px 130px -46px rgba(47,123,255,.55),inset 0 1px 0 rgba(140,190,255,.08)}
:is([data-skin="ld-command"],[data-skin="command"]) .card::before{height:2px;background:linear-gradient(90deg,transparent,#ff7a1a,#ffb347,#59a8ff,transparent);background-size:200% 100%;animation:ldc-run 3.4s linear infinite}
@keyframes ldc-run{from{background-position:200% 0}to{background-position:-200% 0}}
:is([data-skin="ld-command"],[data-skin="command"]) .card::after{background:linear-gradient(transparent,rgba(89,168,255,.07),transparent);animation:ldc-scan 5s ease-in-out infinite}
@keyframes ldc-scan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
:is([data-skin="ld-command"],[data-skin="command"]) h1{font:700 34px/1.05 var(--lf-head);letter-spacing:.08em;text-transform:uppercase}
:is([data-skin="ld-command"],[data-skin="command"]) .sub,:is([data-skin="ld-command"],[data-skin="command"]) .f>span{font-family:"Chakra Petch",var(--lf-body);letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--mute)}
:is([data-skin="ld-command"],[data-skin="command"]) input{background:var(--in);border:1px solid rgba(89,168,255,.22);border-radius:12px;color:var(--fg);font:600 17px var(--lf-body);letter-spacing:.03em}
:is([data-skin="ld-command"],[data-skin="command"]) input:focus{border-color:#ff7a1a;box-shadow:0 0 0 3px rgba(255,122,26,.24)}
:is([data-skin="ld-command"],[data-skin="command"]) .btn{border-radius:12px;background:linear-gradient(120deg,#ff7a1a,#ffb347,#ff7a1a);background-size:200% 100%;color:#1a0900;font:700 18px var(--lf-head);letter-spacing:.2em;text-transform:uppercase;
  box-shadow:0 18px 40px -16px #ff7a1a,inset 0 1px 0 rgba(255,255,255,.35);animation:ldc-shine 5s linear infinite;transition:transform .2s}
:is([data-skin="ld-command"],[data-skin="command"]) .btn:hover{transform:translateY(-1px)}
@keyframes ldc-shine{to{background-position:-200% 0}}
:is([data-skin="ld-command"],[data-skin="command"]) a{color:#ffb089}
@media (prefers-reduced-motion:reduce){:is([data-skin="ld-command"],[data-skin="command"]) :is(.glow,.sun,.card::before,.card::after,.btn){animation:none}}