*{box-sizing:border-box}
body{
  margin:0;min-height:100svh;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--text);
  background:
    linear-gradient(180deg, rgba(8,9,11,.84), rgba(11,13,16,.92)),
    radial-gradient(900px 600px at 15% -10%, #1a1d22 0%, transparent 60%),
    var(--bg);
}
.bg-photo{
  position:fixed;inset:0;z-index:-2;
  background-size: min(58vw, 560px) auto;
  background-repeat:no-repeat;
  background-position:center 52%;
}
.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg, rgba(130,145,165,.03), rgba(8,10,12,.22));}
.wrap{min-height:100svh;display:grid;place-items:center;padding:22px}
.card{width:min(860px,100%);background:linear-gradient(180deg, rgba(20,22,25,.72), rgba(14,16,19,.82));border:1px solid var(--border);border-radius:18px;padding:34px;box-shadow:0 16px 44px rgba(0,0,0,.45);backdrop-filter: blur(2px)}
h1{margin:0 0 8px;font-size:clamp(1.7rem,3.5vw,2.6rem);letter-spacing:.02em;color:var(--text)}
.accent{color:var(--accent);font-weight:650}
p{margin:8px 0;color:var(--muted);line-height:1.45}
.links{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px}
a{color:var(--link);text-decoration:none;border:1px solid var(--link-border);padding:10px 14px;border-radius:10px;background:rgba(22,18,15,.30)}
a:hover{background:var(--link-hover)}
.foot{margin-top:18px;font-size:.92rem;color:#9f8f7a}