body{margin:0;background:#f5f7f8;color:#25323c;font:17px/1.5 system-ui,sans-serif}main{max-width:440px;margin:3rem auto;padding:2rem;background:white;border-radius:12px}h1{font-size:1.7rem}h2{font-size:1.2rem}.brand{font-weight:700;font-size:1.4rem}a{color:#08765c}label{display:block;margin:1rem 0}input{box-sizing:border-box;width:100%;padding:.7rem;font:inherit;border:1px solid #8b969d;border-radius:5px}button{width:100%;padding:.8rem;border:0;border-radius:5px;background:#08765c;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.notice{padding:1rem;background:#eaf4ef;border-left:4px solid #08765c}details,nav{margin-top:1.5rem}summary{cursor:pointer}input:focus,button:focus,a:focus{outline:3px solid #e8b347;outline-offset:2px}@media(max-width:520px){main{margin:0;border-radius:0;padding:1.5rem}}