body{background-color:#0a0a0a;min-height:100vh;padding:2rem;color:#e0e0e0;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;max-width:800px;margin:0 auto}h1{color:#fff;border-bottom:1px solid #1a1a1a;padding-bottom:1rem;margin-bottom:2rem;font-size:2.5rem;font-weight:300;letter-spacing:.5px}p{color:#b0b0b0;margin-bottom:.5rem;font-size:1.1rem;font-weight:500}code{display:inline-block;margin:12px 0;padding:10px 15px;background:hsla(0,0%,100%,.05);border-radius:8px;letter-spacing:1px;font-size:15px;border:1px solid hsla(0,0%,100%,.1)}i{color:#8a8a8a;font-style:italic;margin-bottom:2rem;padding:1rem;background-color:#121212;border-radius:6px;border-left:3px solid #2a2a2a;display:block}input{width:100%;padding:.875rem 1rem;background-color:#1a1a1a;color:#e0e0e0;border:1px solid #2a2a2a;border-radius:6px;font-size:1rem;margin-bottom:1.5rem;outline:none;transition:border-color .2s ease;font-family:inherit}input:focus{border-color:#3a3a3a}button{background-color:#333;color:#e0e0e0;border:none;padding:.875rem 2rem;font-size:1rem;border-radius:6px;cursor:pointer;font-weight:500;letter-spacing:.3px;transition:background-color .2s ease;font-family:inherit}button:hover{background-color:#444}button:active{background-color:#222}