@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700;800&family=Share+Tech+Mono&display=swap');
:root{--ground:#020604;--phos:#22ff6a;--phos-hot:#d6ffe3;--phos-mid:#13c24f;--phos-dim:#0d7a33;--phos-deep:#0a5223;--edge:rgba(34,255,106,.26);--warn:#ffc247;--cat:url('/cc-theme/cat.jpg');--ui:"Share Tech Mono","JetBrains Mono",ui-monospace,monospace;--display:"JetBrains Mono",ui-monospace,monospace}
html,body{background:var(--ground)!important;color:var(--phos)!important;font-family:var(--ui)!important;overflow-x:hidden}
/* rétegek — a landing felépítése: bleed → eső → macska-panel → eső → szemcse */
.cc-layer{position:fixed;inset:0;pointer-events:none}
#cc-bleed{z-index:0;inset:-10%;background:var(--cat) center/cover no-repeat;filter:blur(38px) saturate(1.25) brightness(.5);opacity:.5}
#cc-rainBack{z-index:1;opacity:.58}
#cc-panel{z-index:2;background:var(--cat) center 52%/auto 104% no-repeat;mix-blend-mode:screen;opacity:.92;-webkit-mask-image:radial-gradient(64% 66% at 50% 48%,#000 40%,rgba(0,0,0,.55) 72%,transparent 100%);mask-image:radial-gradient(64% 66% at 50% 48%,#000 40%,rgba(0,0,0,.55) 72%,transparent 100%);animation:cc-breathe 13s ease-in-out infinite}
@keyframes cc-breathe{0%,100%{opacity:.9;filter:saturate(1) contrast(1)}48%{opacity:1;filter:saturate(1.16) contrast(1.06)}}
#cc-rainFront{z-index:3;opacity:.3;filter:blur(1.8px)}
#cc-grain{z-index:4}
#cc-grain::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.32) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
#cc-grain::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(2,6,4,.85) 0,rgba(2,6,4,0) 16%,rgba(2,6,4,0) 82%,rgba(2,6,4,.86) 100%),radial-gradient(125% 100% at 50% 44%,transparent 30%,rgba(0,0,0,.7) 100%);animation:cc-flick 7s steps(1) infinite}
@keyframes cc-flick{0%,95%{opacity:1}96%{opacity:.88}97%{opacity:1}98.5%{opacity:.93}}
#cc-corners{position:fixed;inset:clamp(9px,1.5vw,18px);z-index:5;pointer-events:none}
#cc-corners span{position:absolute;width:20px;height:20px;border:1px solid var(--phos-dim);opacity:.5}
#cc-corners span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}#cc-corners span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}#cc-corners span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}#cc-corners span:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}
/* fejléc és lábléc, mint a landingen */
#cc-head{position:fixed;left:clamp(16px,3.4vw,44px);right:clamp(16px,3.4vw,44px);top:clamp(16px,2.2vw,26px);z-index:6;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding-block:11px;box-shadow:0 3px 0 -2px var(--edge),0 -3px 0 -2px var(--edge);text-shadow:0 1px 7px rgba(2,6,4,.95);pointer-events:none}
#cc-head .brand{font-family:var(--display);font-weight:700;font-size:clamp(15px,1.5vw,19px);letter-spacing:.05em;color:var(--phos);text-shadow:0 0 15px rgba(34,255,106,.5),0 1px 7px rgba(2,6,4,.95)}
#cc-head .brand .dim{color:var(--phos-dim)}
#cc-head .gate{font-size:clamp(11px,1.05vw,13px);letter-spacing:.22em;color:var(--phos-dim)}
#cc-head .gate b{font-weight:400;color:var(--phos);text-shadow:0 0 12px rgba(34,255,106,.65)}
#cc-foot{position:fixed;left:clamp(16px,3.4vw,44px);right:clamp(16px,3.4vw,44px);bottom:clamp(16px,2.2vw,26px);z-index:6;display:flex;justify-content:space-between;align-items:flex-end;gap:14px 24px;flex-wrap:wrap;font-size:clamp(11px,1.05vw,13.5px);color:var(--phos-dim);text-shadow:0 1px 7px rgba(2,6,4,.95);pointer-events:none}
#cc-foot .status{display:flex;gap:.4em 1.5em;flex-wrap:wrap;letter-spacing:.1em}
#cc-foot .status b{font-weight:400;color:var(--phos);text-shadow:0 0 10px rgba(34,255,106,.55)}
#cc-foot .num{font-variant-numeric:tabular-nums}
#cc-foot ul{display:grid;gap:.4em;margin:0;padding:0;text-align:right;letter-spacing:.06em}
#cc-foot li{list-style:none}#cc-foot li::before{content:"// ";color:var(--phos-deep)}#cc-foot li:last-child{color:var(--phos);text-shadow:0 0 11px rgba(34,255,106,.5)}
/* a nagy felirat a kártya fölött */
#cc-mark{position:fixed;left:0;right:0;top:clamp(70px,13vh,130px);z-index:6;text-align:center;pointer-events:none;font-family:var(--display);font-weight:800;font-size:clamp(2rem,7vw,4.6rem);line-height:.92;letter-spacing:-.04em;color:#8dffb2;text-shadow:0 0 3px rgba(214,255,227,.95),0 0 10px rgba(34,255,106,.85),0 0 40px rgba(34,255,106,.5),0 0 110px rgba(34,255,106,.28)}
#cc-mark small{display:block;margin-top:14px;font-family:var(--ui);font-weight:400;font-size:clamp(10px,.95vw,12px);letter-spacing:.38em;color:var(--phos-mid);text-shadow:0 0 10px rgba(34,255,106,.45)}
/* az Authelia űrlapja: üveg-panel, zöld szélekkel — a landing kártyája */
#root{position:relative;z-index:5}
.MuiPaper-root,.MuiCard-root{background:linear-gradient(rgba(2,15,7,.9),rgba(1,8,4,.94))!important;border:1px solid var(--edge)!important;border-radius:0!important;box-shadow:0 0 0 1px rgba(34,255,106,.12),0 14px 40px rgba(0,0,0,.55),0 0 34px rgba(34,255,106,.12)!important;backdrop-filter:blur(3px)}
.MuiTypography-root,.MuiFormLabel-root,.MuiInputLabel-root,.MuiFormControlLabel-label,label,legend,p,h1,h2,h3,h4,h5,h6,span{color:var(--phos)!important;font-family:var(--ui)!important;letter-spacing:.06em}
.MuiInputBase-root,.MuiOutlinedInput-root{background:rgba(2,20,9,.5)!important;color:var(--phos-hot)!important;border-radius:0!important;font-family:var(--display)!important}
.MuiOutlinedInput-notchedOutline{border-color:var(--edge)!important}
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--phos)!important;box-shadow:0 0 14px rgba(34,255,106,.25)}
input{color:var(--phos-hot)!important;caret-color:var(--phos)!important;-webkit-text-fill-color:var(--phos-hot)!important}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #041a0b inset!important;-webkit-text-fill-color:var(--phos-hot)!important}
.MuiButton-root{border-radius:0!important;border:1px solid var(--phos)!important;background:rgba(2,20,9,.5)!important;color:var(--phos)!important;letter-spacing:.22em!important;font-family:var(--ui)!important;box-shadow:none!important;text-transform:uppercase!important}
.MuiButton-root:hover{background:var(--phos)!important;color:#011407!important;box-shadow:0 0 24px rgba(34,255,106,.45)!important}
.MuiButton-root:hover span{color:#011407!important}
.MuiCheckbox-root,.MuiSvgIcon-root,.MuiIconButton-root{color:var(--phos-mid)!important}
a,.MuiLink-root{color:var(--phos-mid)!important;text-decoration:none!important}
a:hover{color:var(--phos)!important;text-shadow:0 0 12px rgba(34,255,106,.65)}
.MuiDivider-root{border-color:var(--edge)!important}
.MuiAlert-root{background:rgba(2,20,9,.7)!important;border:1px solid var(--edge)!important;border-radius:0!important}
img[alt="Logo"],img[src*="logo"]{display:none!important}
@media (max-width:640px){#cc-head .gate{display:none}#cc-foot ul{display:none}#cc-mark{top:64px;font-size:2rem}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}