*{box-sizing:border-box}body{margin:0;background:#f5efe8;color:#2b2623;font-family:Georgia,serif}header{display:flex;justify-content:space-between;padding:26px 22px;border-bottom:1px solid #decfc2;letter-spacing:.14em}header i{color:#a76555}header small{font:12px Arial}main{max-width:650px;margin:auto;padding:35px 18px 80px}.hero{text-align:center}.hero h1{font-size:42px;font-weight:400}.lead{font-size:20px;line-height:1.5;color:#5d514b}.card{background:#fffaf5;border:1px solid #decfc2;border-radius:25px;padding:23px;margin:22px 0}.ey{font:12px Arial;letter-spacing:.2em;color:#a76555;text-transform:uppercase}h2{font-size:30px;font-weight:400}button{width:100%;padding:16px;margin:7px 0;border-radius:17px;border:1px solid #decfc2;background:#fffaf5;font:17px Georgia}button.primary{background:#302925;color:#fff;font:bold 16px Arial}input,textarea{width:100%;padding:14px;border:1px solid #decfc2;border-radius:14px;font:16px Arial;margin:6px 0 15px}textarea{min-height:90px}.q{font-size:18px;line-height:1.35;margin-top:20px}.note{font:14px/1.45 Arial;color:#766b64}.code{text-align:center;font:bold 34px Arial;letter-spacing:.18em;padding:18px}.result p{font-size:18px;line-height:1.55;white-space:pre-wrap}.result h3{font-size:22px;border-top:1px solid #decfc2;padding-top:20px}footer{text-align:center;padding:25px;font:12px Arial;color:#766b64}