/* METRIX — baza comună: fonturi găzduite local, paleta, spațiul din fundal, sfera-creier */
@font-face{font-family:"Exo 2";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/exo-2-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Exo 2";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/exo-2-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bg:#05080D; --card:#0B121C; --line:#1C2A3C; --text:#E9EFF7; --muted:#8C9AAC; --dim:#5d6b7d;
  --blue:#2B9BFF; --blue-ink:#6FBFFF; --blue-soft:#0E2540;
  --green:#2FBF83; --green-ink:#5AD6A4; --green-soft:#0C2C1F;
  --amber:#D9A83C; --amber-ink:#E4BE66; --amber-soft:#2B2110;
  --red:#D65F4A; --red-ink:#E58A78; --red-soft:#331A15;
  --copper:#C67A45; --copper-ink:#DE9A63; --copper-soft:#291810;
  --glass:rgba(10,17,27,.62); --glass-edge:rgba(111,191,255,.16); --glass-hi:rgba(255,255,255,.06);
  --f-title:"Exo 2",system-ui,sans-serif;
  --f-text:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--f-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{min-height:100vh;min-height:100dvh;overflow-x:hidden}
button,input,textarea{font:inherit;color:inherit}
a{color:var(--blue-ink)}
.mono{font-family:var(--f-mono)}
.chrome{font-family:var(--f-title);font-weight:800;letter-spacing:.16em;
  background:linear-gradient(180deg,#ffffff 0%,#d3deeb 34%,#7890ab 50%,#eef3f9 64%,#a7bad0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--copper-ink);margin:0}
[hidden]{display:none!important}

/* spațiul din fundal: lumini, stele, podea-grilă în perspectivă */
.space{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:
    radial-gradient(900px 620px at 16% 6%,rgba(43,155,255,.17),transparent 62%),
    radial-gradient(760px 520px at 90% 96%,rgba(198,122,69,.10),transparent 62%),
    radial-gradient(1400px 900px at 50% 125%,rgba(14,37,64,.95),transparent 70%),
    var(--bg)}
.space::before{content:"";position:absolute;inset:-50%;opacity:.55;
  background-image:
    radial-gradient(1px 1px at 12% 22%,#fff,transparent 70%),radial-gradient(1px 1px at 73% 14%,#cfe6ff,transparent 70%),
    radial-gradient(1.4px 1.4px at 41% 67%,#fff,transparent 70%),radial-gradient(1px 1px at 88% 48%,#9fd0ff,transparent 70%),
    radial-gradient(1px 1px at 26% 84%,#fff,transparent 70%),radial-gradient(1.2px 1.2px at 58% 38%,#cfe6ff,transparent 70%),
    radial-gradient(1px 1px at 6% 58%,#fff,transparent 70%),radial-gradient(1px 1px at 95% 80%,#fff,transparent 70%);
  background-size:520px 520px;animation:drift 120s linear infinite}
@keyframes drift{to{transform:translate3d(-260px,-120px,0)}}
.grid-floor{position:absolute;left:-60%;right:-60%;bottom:-18%;height:62%;
  background-image:linear-gradient(rgba(43,155,255,.20) 1px,transparent 1px),linear-gradient(90deg,rgba(43,155,255,.20) 1px,transparent 1px);
  background-size:68px 68px;transform:perspective(620px) rotateX(64deg);transform-origin:50% 0;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 62%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 62%,transparent);
  animation:floor 16s linear infinite;opacity:.8}
@keyframes floor{to{background-position:0 68px,0 0}}

/* sfera-creier: textură în oglindă care alunecă → rotație în jurul axei verticale */
.brain3d{--s:120px;position:relative;width:var(--s);height:var(--s);border-radius:50%;overflow:hidden;flex:none;
  box-shadow:0 0 calc(var(--s)*.42) rgba(43,155,255,.45),0 0 calc(var(--s)*.12) rgba(111,191,255,.5)}
.brain3d::before{content:"";position:absolute;inset:0;background:url(/img/brain-tile.png) repeat-x 0 50%/auto 100%;
  animation:orbspin 22s linear infinite}
.brain3d::after{content:"";position:absolute;inset:0;border-radius:50%;
  background:
    radial-gradient(circle at 31% 27%,rgba(160,210,255,.38),transparent 30%),
    radial-gradient(circle at 72% 78%,rgba(222,154,99,.16),transparent 30%),
    radial-gradient(circle at 50% 50%,transparent 48%,rgba(5,8,13,.5) 68%,rgba(5,8,13,.96) 100%);
  box-shadow:inset -12px -14px 26px rgba(0,0,0,.65),inset 8px 10px 20px rgba(111,191,255,.20)}
@keyframes orbspin{to{background-position-x:calc(var(--s) * -2)}}

.wvd{position:fixed;right:14px;bottom:8px;z-index:3;font:11px/1 var(--f-mono);letter-spacing:.08em;color:var(--dim)}
.wvd a{color:var(--muted);text-decoration:none}
.wvd a:hover{color:var(--copper-ink)}

@media (prefers-reduced-motion:reduce){
  .brain3d::before,.space::before,.grid-floor{animation:none}
  *{scroll-behavior:auto}
}