:root{
    --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
    --bg: #fafafa;
    --card: #fff;
    --text: #111;
    --muted: #666;
    --accent: #0066cc;
    --radius: 12px;
    --gap: 12px;
}
body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    font-family:var(--font-family);
}
.card{
    width:100%;
    max-width:520px;
    background:var(--card);
    border-radius:var(--radius);
    padding:20px;
    box-shadow:0 6px 18px rgba(0,0,0,0.06)
}
h1{
    margin:0 0 12px;
    font-size:1.25rem
}
.lead{
    color:var(--muted);
    margin:0 0 16px
}
.list{
    display:flex;
    flex-direction:column;
    gap:10px
}
.link-btn{
    display:inline-block;
    text-decoration:none;
    padding:12px 14px;
    border-radius:10px;
    background:var(--accent);
    color:#fff;
    text-align:center;
    font-weight:600;border:0;
}
.link-btn.secondary{
    background:#4a5568
}
@media(min-width:600px){
     h1{
        font-size:1.5rem
    } 
}