/* ===== ТЕРРА АЛЬФА · «ДОСЬЕ» · тёмное стекло ===== */
:root{
  --bg:#06070a;--bone:#ece8dd;--text2:#b9bdc4;--mute:#8b919b;--steel:#9db4cc;--red:#ff3d2e;--ok:#7fe0a0;
  --edge:rgba(255,255,255,.1);--edge2:rgba(255,255,255,.22);
  --f-disp:'Tektur','Bahnschrift','Arial Narrow',Impact,sans-serif;
  --f-body:'Manrope','Segoe UI',Roboto,Arial,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,Consolas,'Courier New',monospace;
  --w:1280px;--gut:clamp(16px,4vw,40px)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%;background:var(--bg);color-scheme:dark}
body{margin:0;background:transparent;color:var(--bone);font:400 16px/1.6 var(--f-body);overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-disp);font-weight:700;text-transform:uppercase;line-height:1.02;margin:0}
p{margin:0 0 1em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--gut)}
:focus-visible{outline:2px solid var(--bone);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:8px;top:-60px;background:var(--bone);color:#08090c;padding:10px 16px;z-index:99;font-weight:700}
.skip:focus{top:8px}
/* атмосфера */
.ambient{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.ambient i{position:absolute;border-radius:50%;filter:blur(90px)}
.ambient i:nth-child(1){width:60vmax;height:60vmax;left:-22vmax;top:-20vmax;background:radial-gradient(circle,rgba(40,74,112,.75),transparent 65%);animation:drift 38s ease-in-out infinite alternate}
.ambient i:nth-child(2){width:48vmax;height:48vmax;right:-16vmax;bottom:-14vmax;background:radial-gradient(circle,rgba(98,24,22,.6),transparent 65%);animation:drift 46s ease-in-out infinite alternate-reverse}
.ambient i:nth-child(3){width:34vmax;height:34vmax;left:38%;top:40%;background:radial-gradient(circle,rgba(30,44,60,.7),transparent 65%);animation:drift 52s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate(8vmax,6vmax) scale(1.15)}}
.torch{position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(157,180,204,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(157,180,204,.28) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(280px circle at var(--mx,72%) var(--my,26%),#000,transparent 70%);mask-image:radial-gradient(280px circle at var(--mx,72%) var(--my,26%),#000,transparent 70%)}
.grain,.vig{position:fixed;inset:0;pointer-events:none;z-index:60}
.grain{opacity:.09;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='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.vig{z-index:59;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.6))}
/* стекло */
.glass{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.02) 55%,rgba(255,255,255,.045));border:1px solid var(--edge);border-radius:6px;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.45),0 30px 60px -34px #000}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(340px circle at var(--gx,-300px) var(--gy,-300px),rgba(255,255,255,.1),transparent 65%);opacity:0;transition:opacity .3s}
.glass:hover::before{opacity:1}