/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(roboto300.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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(roboto400.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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(roboto700.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;
}

:root {
  --default-font: "Roboto", sans-serif;
  --heading-font: "Roboto", sans-serif;
  --nav-font: "Roboto", sans-serif;
  }
  
    :root{
      --bg:#F6F6F6; --card:#fff; --text:#1f2933; --muted:#52606d;
      --line:#e6e9ee; --accent:#1A1A1A; --accent2:#505050;
      --shadow:0 12px 30px rgba(16,24,40,.08); --r:14px;
    }
    *{box-sizing:border-box}
    body{
		margin:0;
		background:var(--bg);
		color:var(--text);
		font-family: var(--default-font);
		font-weight: 400;
		font-size: 1em;
	}
	
    .wrap{max-width:820px;margin:64px auto;padding:0 18px}
    .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:34px}
    h1{margin:0 0 8px; font-size:32px; letter-spacing:-.02em, font-weight: 700;}
    .domain{margin:0 0 18px;color:var(--accent);font-weight:700;word-break:break-word}
    p{margin:0 0 14px;line-height:1.7}
    .muted{color:var(--muted);font-size:14px}
    .btn{display:inline-block;margin-top:10px;padding:12px 16px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;border:1px solid var(--accent)}
    .btn:hover{background:var(--accent2);border-color:var(--accent2)}
    .foot{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center}
    .links a{color:var(--muted);text-decoration:none;font-size:14px}
    .links a:hover{text-decoration:underline}