/* Aoki Nihongo – trang bìa */
:root{
  --accent:#2F5A7E;
  --ink:#1C2632;
  --sans:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--sans);background:#2b2f3f;color:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:999px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.cover{position:relative;color:#fff;height:100vh;height:100svh;min-height:520px;overflow:hidden}
.cover-art{position:absolute;inset:0;width:100%;height:100%;display:block}
#cover-word{font-family:var(--sans);font-weight:800;fill:#fff;letter-spacing:-.02em}
.cover-shade{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(18,22,36,.38) 0,rgba(18,22,36,0) 20%,rgba(18,22,36,0) 68%,rgba(18,22,36,.5) 100%)}


.cta{position:absolute;z-index:2;left:50%;top:60%;transform:translateX(-50%)}
.pill{display:inline-block;border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:11px 28px;
  font-weight:500;font-size:14px;letter-spacing:.04em;white-space:nowrap;
  background:rgba(18,22,36,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  transition:background .2s,color .2s}
.pill:hover{background:#fff;color:var(--ink)}
.credit{position:absolute;z-index:2;right:24px;bottom:16px;font-size:11px;color:rgba(255,255,255,.6)}
.credit a{text-decoration:underline}

@media (max-width:900px){
  .cta{top:56%}
}