/* ══════════════════════════════════════════════════════════════════
   TEMA SUPERCODE — stilul comun al portalului (6 oct. 2026)
   Spațiu adânc, sticlă, lumini colorate, reflector care urmărește
   cursorul. Serios, de platformă de programare, nu de grădiniță.
   Fonturile sunt găzduite pe site (fonturi/), fără Google.
   Se încarcă ULTIMUL în <head>; paginile își păstrează doar aranjarea.
   Clasele pe <html>: .sc (tema) · data-acc="0|12|34|56" (culoarea clasei)
   ══════════════════════════════════════════════════════════════════ */

/* ── fonturile: Inter pentru text, Inter Display pentru titluri ── */
@font-face{font-family:'SC Inter';src:url(fonturi/inter-regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'SC Inter';src:url(fonturi/inter-medium.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'SC Inter';src:url(fonturi/inter-semibold.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'SC Inter';src:url(fonturi/inter-bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'SC Inter';src:url(fonturi/inter-extrabold.woff) format('woff');font-weight:800 900;font-style:normal;font-display:swap}
@font-face{font-family:'SC Display';src:url(fonturi/interdisplay-semibold.woff) format('woff');font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:'SC Display';src:url(fonturi/interdisplay-bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'SC Display';src:url(fonturi/interdisplay-extrabold.woff) format('woff');font-weight:800 900;font-style:normal;font-display:swap}

/* ── culorile și materialele ── */
html.sc{
  --sc-bg:#05060F; --sc-bg2:#0A0C22; --sc-bg3:#11143A;
  --sc-text:#EEF0FF; --sc-text2:#B4BAE0; --sc-muted:#8A91BD; --sc-dim:#5E6492;
  --sc-v:#7C5CFF; --sc-v2:#A58BFF; --sc-m:#E04CFF; --sc-p:#FF5D8F; --sc-c:#3BD1FF; --sc-g:#3DDC97; --sc-y:#FFC84A; --sc-o:#FF9A4D; --sc-r:#FF5A6E;
  --sc-grad:linear-gradient(135deg,#7C5CFF 0%,#B455FF 48%,#FF5D8F 100%);
  --sc-grad-text:linear-gradient(100deg,#FFFFFF 0%,#D9D2FF 45%,#FFB3CF 100%);
  --sc-acc:#7C5CFF; --sc-acc2:#B455FF; --sc-accg:rgba(124,92,255,.55);
  --sc-sticla:linear-gradient(180deg,rgba(160,150,255,.09),rgba(120,110,255,.025));
  --sc-sticla-tare:linear-gradient(180deg,rgba(22,25,62,.92),rgba(12,14,38,.92));
  --sc-linie:rgba(255,255,255,.09); --sc-linie2:rgba(255,255,255,.16);
  --sc-muchie:linear-gradient(140deg,rgba(255,255,255,.38),rgba(255,255,255,.06) 35%,rgba(255,255,255,.02) 60%,rgba(165,139,255,.35));
  --sc-umbra:0 1px 0 rgba(255,255,255,.07) inset,0 30px 70px -24px rgba(0,0,0,.75),0 12px 24px -12px rgba(0,0,0,.5);
  --sc-umbra-mica:0 1px 0 rgba(255,255,255,.06) inset,0 10px 26px -10px rgba(0,0,0,.6);
  --sc-r1:14px; --sc-r2:20px; --sc-r3:28px;
  --sc-ease:cubic-bezier(.2,.8,.2,1);
  --sc-font:'SC Inter',Inter,'Segoe UI Variable Text','Segoe UI',system-ui,-apple-system,sans-serif;
  --sc-font-d:'SC Display','SC Inter',Inter,'Segoe UI Variable Display','Segoe UI',system-ui,sans-serif;
  --sc-mono:ui-monospace,'Cascadia Code','JetBrains Mono','SF Mono',Consolas,'Liberation Mono',monospace;
  /* paginile vechi citesc aceste nume */
  --display:var(--sc-font-d); --body:var(--sc-font); --mono:var(--sc-mono);
  color-scheme:dark; background:var(--sc-bg);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility;
}
html.sc[data-acc="0"]{--sc-acc:#A57CFF;--sc-acc2:#E04CFF;--sc-accg:rgba(165,124,255,.55)}
html.sc[data-acc="12"]{--sc-acc:#2FD39A;--sc-acc2:#3BD1FF;--sc-accg:rgba(47,211,154,.5)}
html.sc[data-acc="34"]{--sc-acc:#FF8A3D;--sc-acc2:#FF5D8F;--sc-accg:rgba(255,138,61,.5)}
html.sc[data-acc="56"]{--sc-acc:#FF5A6E;--sc-acc2:#B455FF;--sc-accg:rgba(255,90,110,.5)}

html.sc body{font-family:var(--sc-font);color:var(--sc-text);background:transparent;font-feature-settings:'cv11','ss01','calt'}
html.sc ::selection{background:rgba(124,92,255,.45);color:#fff}
html.sc :focus-visible{outline:2px solid var(--sc-c);outline-offset:3px;border-radius:10px}
html.sc h1,html.sc h2,html.sc h3{font-family:var(--sc-font-d);letter-spacing:-.022em}

/* ── fundalul: cer adânc, nebuloase care respiră, stele, orizont de rețea ── */
.sc-cer{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;
  background:radial-gradient(1400px 800px at 50% -20%,#1C1856 0%,#0C0D2C 45%,#05060F 100%)}
.sc-cer .n{position:absolute;border-radius:50%;filter:blur(110px);opacity:.5;mix-blend-mode:screen;animation:sc-respira 18s ease-in-out infinite}
.sc-cer .n1{width:780px;height:780px;left:-220px;top:6%;background:#4B2FE0}
.sc-cer .n2{width:640px;height:640px;right:-200px;top:-180px;background:#1592D8;opacity:.38;animation-delay:-6s}
.sc-cer .n3{width:900px;height:520px;left:28%;bottom:-320px;background:#D23A86;opacity:.26;animation-delay:-12s}
.sc-cer .st{position:absolute;inset:-10%;background-image:
  radial-gradient(1.3px 1.3px at 12% 18%,#fff 55%,transparent),radial-gradient(1px 1px at 27% 62%,#cfd6ff 55%,transparent),
  radial-gradient(1.7px 1.7px at 44% 28%,#fff 55%,transparent),radial-gradient(1px 1px at 63% 12%,#fff 55%,transparent),
  radial-gradient(1.3px 1.3px at 78% 44%,#e6dcff 55%,transparent),radial-gradient(1px 1px at 88% 78%,#fff 55%,transparent),
  radial-gradient(1.1px 1.1px at 8% 84%,#fff 55%,transparent),radial-gradient(1px 1px at 52% 88%,#bfe9ff 55%,transparent),
  radial-gradient(1.5px 1.5px at 92% 22%,#fff 55%,transparent),radial-gradient(.9px .9px at 35% 8%,#fff 55%,transparent);
  background-size:560px 560px;opacity:.7;animation:sc-sclipire 7s ease-in-out infinite alternate}
.sc-cer .st2{background-size:340px 340px;opacity:.35;animation-duration:11s;transform:rotate(17deg)}
.sc-cer .grila{position:absolute;left:-25%;right:-25%;bottom:-2px;height:46vh;transform:perspective(560px) rotateX(64deg);transform-origin:50% 100%;
  background-image:linear-gradient(rgba(124,92,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,255,.22) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.6) 35%,transparent 92%);mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.6) 35%,transparent 92%);
  animation:sc-grila 9s linear infinite;opacity:.55}
.sc-cer .gr{position:absolute;inset:0;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23f)'/></svg>")}
.sc-cer .fascicul{position:absolute;top:-30%;left:50%;width:70vw;height:120vh;transform:translateX(-50%) rotate(8deg);
  background:conic-gradient(from 180deg at 50% 0%,transparent 44%,rgba(165,139,255,.10) 49%,rgba(59,209,255,.06) 51%,transparent 56%);filter:blur(8px);animation:sc-fascicul 14s ease-in-out infinite alternate}
@keyframes sc-respira{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-30px) scale(1.12)}}
@keyframes sc-sclipire{from{opacity:.4}to{opacity:.85}}
@keyframes sc-grila{from{background-position:0 0,0 0}to{background-position:0 64px,0 0}}
@keyframes sc-fascicul{from{transform:translateX(-50%) rotate(4deg);opacity:.7}to{transform:translateX(-50%) rotate(-6deg);opacity:1}}
/* cerul 3D (cer-anim.js) îl acoperă pe cel din CSS când pornește */
.sc-cer .cer-gl{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.sc-cer.cu-gl .n,.sc-cer.cu-gl .st,.sc-cer.cu-gl .fascicul{display:none}

/* ── materialul de sticlă cu muchie de lumină ── */
.sc-sticla{position:relative;background:var(--sc-sticla);border:1px solid transparent;border-radius:var(--sc-r3);
  background-image:var(--sc-sticla),var(--sc-muchie);background-origin:border-box;background-clip:padding-box,border-box;
  box-shadow:var(--sc-umbra);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}

/* reflectorul: o lumină moale care urmărește cursorul (tema-sc.js pune --mx/--my) */
.sc-spot{position:relative;isolation:isolate}
.sc-spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:0;transition:opacity .35s;
  background:radial-gradient(520px circle at var(--mx,50%) var(--my,50%),rgba(165,139,255,.16),transparent 45%)}
.sc-spot:hover::after{opacity:1}
.sc-spot > *{position:relative;z-index:1}

/* ── butoanele ── */
.sc-btn{--b1:#7C5CFF;--b2:#B455FF;--b3:#FF5D8F;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font:700 16px/1 var(--sc-font);letter-spacing:-.005em;color:#fff;text-decoration:none;cursor:pointer;border:0;border-radius:999px;padding:15px 26px;
  background:linear-gradient(135deg,var(--b1),var(--b2) 50%,var(--b3));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.14),0 10px 30px -8px rgba(160,80,255,.75),0 0 50px -12px rgba(255,93,143,.6);
  transition:transform .25s var(--sc-ease),box-shadow .25s var(--sc-ease),filter .25s}
.sc-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 48%,transparent 62%);transform:translateX(-120%);transition:transform .8s var(--sc-ease)}
.sc-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.2),0 16px 40px -8px rgba(160,80,255,.9),0 0 70px -10px rgba(255,93,143,.75)}
.sc-btn:hover::before{transform:translateX(120%)}
.sc-btn:active{transform:translateY(1px) scale(.985)}
.sc-btn svg{width:18px;height:18px;flex:none}
.sc-btn.sec{background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.14),0 8px 24px -10px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sc-btn.sec:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.26),0 12px 30px -10px rgba(0,0,0,.7)}
.sc-btn.mic{padding:10px 16px;font-size:14px}

/* ── eticheta de deasupra titlurilor ── */
.sc-eti{display:inline-flex;align-items:center;gap:8px;font:700 11.5px/1 var(--sc-font);letter-spacing:.16em;text-transform:uppercase;color:var(--sc-text2);
  padding:7px 12px 7px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.sc-eti::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sc-acc,#7C5CFF);box-shadow:0 0 10px var(--sc-acc,#7C5CFF),0 0 2px #fff}

/* textul în degradeu pentru titlurile mari */
.sc-grad{display:inline-block;padding:.16em .03em .08em;margin:-.16em -.03em -.08em;background:var(--sc-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ── intrarea în scenă: elementele apar pe rând ── */
@keyframes sc-intra{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.sc-intra{animation:sc-intra .8s var(--sc-ease) both}

@media (prefers-reduced-motion:reduce){
  .sc-cer *,.sc-btn,.sc-btn::before,.sc-intra{animation:none!important;transition:none!important}
}
@media print{ .sc-cer{display:none} html.sc,html.sc body{background:#fff!important;color:#000!important} }

/* intrare la derulare (tema-sc.js adaugă .sc-vazut) */
.sc-apare{opacity:0;transform:translateY(24px);transition:opacity .9s var(--sc-ease),transform .9s var(--sc-ease)}
.sc-apare.sc-vazut{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ .sc-apare{opacity:1;transform:none;transition:none} }

/* ══ CARDURILE MODULELOR (module-carduri.css), pe întuneric ══ */
html.sc .mcard{font-family:var(--sc-font);color:var(--sc-text);border-radius:22px;border:1px solid transparent;isolation:isolate;
  background-image:linear-gradient(180deg,rgba(20,23,58,.92),rgba(10,12,32,.94)),linear-gradient(150deg,rgba(255,255,255,.28),rgba(255,255,255,.04) 38%,rgba(165,139,255,.28));
  background-origin:border-box;background-clip:padding-box,border-box;box-shadow:var(--sc-umbra);transition:transform .45s var(--sc-ease),box-shadow .45s var(--sc-ease)}
html.sc .mcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(165,139,255,.16),transparent 45%)}
html.sc .mcard:hover{transform:translateY(-6px);box-shadow:var(--sc-umbra),0 0 0 1px rgba(165,139,255,.35),0 30px 60px -24px rgba(124,92,255,.55)}
html.sc .mcard:hover::after{opacity:1}
html.sc .mcard[aria-expanded=true]{outline:none;box-shadow:var(--sc-umbra),0 0 0 1.5px var(--sc-v2),0 0 50px -10px rgba(124,92,255,.7)}
html.sc .mc-sus{border-radius:21px 21px 0 0}
html.sc .mc-sus::before{background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%)} html.sc .mc-sus::after{background:rgba(255,255,255,.06)}
html.sc .mc-gri{background:linear-gradient(135deg,#2A2F52,#171A36)} html.sc .mc-portocaliu{background:linear-gradient(135deg,#7A3410,#2B1230)}
html.sc .mc-albastru{background:linear-gradient(135deg,#123E7A,#13183F)} html.sc .mc-mov{background:linear-gradient(135deg,#4B2A9E,#1B1340)}
html.sc .mc-cer{background:linear-gradient(135deg,#0E5675,#101C40)} html.sc .mc-turcoaz{background:linear-gradient(135deg,#0B6359,#0F1D3A)}
html.sc .mc-galben{background:linear-gradient(135deg,#7A5A0A,#2A1B2E)}
html.sc .mc-sus img{filter:drop-shadow(0 12px 16px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(165,139,255,.35))}
html.sc .mc-sus.mc-coperta{background:#0A0C22}
html.sc .mc-sus.mc-coperta::after{content:"";display:block;position:absolute;inset:auto 0 0 0;height:45%;left:0;bottom:0;width:auto;border-radius:0;background:linear-gradient(0deg,rgba(10,12,32,.9),transparent)}
html.sc .mc-sus.mc-coperta img{filter:saturate(1.05) contrast(1.03)}
html.sc .mc-nr{background:rgba(5,6,15,.62);color:#fff;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;letter-spacing:.12em}
html.sc .mc-lacat{background:rgba(5,6,15,.7);color:var(--sc-y);border:1px solid rgba(255,200,74,.35);box-shadow:0 0 16px rgba(255,200,74,.25)}
html.sc .mc-corp b{font-family:var(--sc-font-d);font-weight:700;letter-spacing:-.02em;color:#fff}
html.sc .mc-d{color:var(--sc-muted);font-weight:500}
html.sc .mc-st{font-weight:700;letter-spacing:.02em}
html.sc .mc-st.mc-gata{color:var(--sc-g)} html.sc .mc-st.mc-gata i{background:rgba(61,220,151,.14);box-shadow:0 0 14px rgba(61,220,151,.35)}
html.sc .mc-st.mc-curand,html.sc .mc-st.mc-lacat-st{color:var(--sc-dim)}
html.sc .mc-parti i{color:var(--sc-text2);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
html.sc .mcard.inchis .mc-sus img{filter:drop-shadow(0 10px 14px rgba(0,0,0,.5)) saturate(.75) brightness(.85)}
html.sc .titlu-panou{font-family:var(--sc-font-d);color:#fff}
html.sc .rb-card{box-shadow:var(--sc-umbra),0 0 0 1px rgba(255,255,255,.08)}
html.sc .rb-card h3{font-family:var(--sc-font-d)}
html.sc .rb-btn{font-family:var(--sc-font)}