:root{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1a1a1a;background:#fafaf8;font-synthesis:none}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 0}
.rule{width:48px;height:1px;flex-shrink:0;background:#1a1a1a}
.rule-top{margin-bottom:48px}
h1{line-height:0;margin-bottom:64px}
.logo{height:32px;max-width:min(360px,80vw);object-fit:contain}
.rule-bottom{margin-bottom:40px}
nav{display:flex;align-items:center;gap:12px}
nav span{color:rgb(26 26 26 / .3);margin:0 8px}
button{font:inherit;font-size:14px;letter-spacing:.1em;color:rgb(26 26 26 / .7);background:none;border:0;cursor:pointer;transition:color .2s;padding:8px 0}
button:hover,button[aria-expanded=true],a:hover{color:#1a1a1a}
button:focus-visible,a:focus-visible{outline:2px solid #1a1a1a;outline-offset:6px}
.panel{margin-top:40px;text-align:center;font-size:14px;line-height:1.625;letter-spacing:.025em;color:rgb(26 26 26 / .7);max-width:512px;animation:reveal .35s ease}
.panel[hidden]{display:none}
a{color:inherit;text-decoration:none;transition:color .2s}
footer{padding:48px 24px 32px;text-align:center;font-size:12px;letter-spacing:.025em}
footer p{max-width:672px;margin:auto;line-height:1.625;color:rgb(26 26 26 / .4)}
footer .copyright{margin-top:16px;color:rgb(26 26 26 / .3);line-height:1.333}
.fallback{max-width:512px;text-align:center;margin-top:40px;font-size:14px;line-height:1.625;color:rgb(26 26 26 / .7)}
@media(min-width:768px){.logo{height:48px}}
@keyframes reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}