*{box-sizing:border-box}body{margin:0;background:#f5f7ee;color:#3d533f;font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow-x:hidden}main{width:410px;background:#fdfef9;border:1px solid #e4ead9;border-radius:16px;padding:37px 39px;box-shadow:0 20px 70px #42503709;position:relative;z-index:2;margin:24px}.brand{display:grid;place-items:center;width:46px;height:48px;border-radius:13px;background:#3e5847;font:35px Georgia,serif;color:#f7f7e9;text-decoration:none}.eyebrow{display:block;font-size:7px;letter-spacing:2px;color:#9ba88a;margin-top:25px}h1{font-size:29px;font-weight:500;line-height:1.6;margin:12px 0 14px}p{font-size:12px;color:#8a997b;line-height:1.9;margin-bottom:25px}label{display:block;font-size:11px;color:#788e68;margin-top:16px}input{width:100%;display:block;background:white;border:1px solid #dfe7d4;padding:12px;border-radius:5px;font:13px inherit;color:#4f6543;margin-top:6px;outline-offset:3px;outline-color:#98af7d}button{width:100%;display:flex;justify-content:space-between;background:#3e5847;color:#fff;border:0;border-radius:5px;padding:13px 15px;font:12px inherit;cursor:pointer;margin-top:26px}button:hover{background:#324b39}small{font-size:9px;color:#a0ad91;display:block;margin-top:25px}.error{font-size:11px;line-height:1.8;background:#f8ede6;color:#a2735b;padding:11px;border-radius:5px}.record{position:fixed;right:-110px;bottom:-100px;width:480px;height:480px;border-radius:50%;background:repeating-radial-gradient(circle,#e1e8d5 0,#e1e8d5 1px,#d3ddc4 2px,#e1e8d5 3px,#e1e8d5 5px);display:grid;place-items:center;opacity:.6}.record i{width:160px;height:160px;border-radius:50%;background:#cad6b5;color:#9caf86;font:italic 90px Georgia,serif;display:grid;place-items:center}@media(max-width:500px){main{padding:30px;width:100%}.record{width:300px;height:300px;right:-120px;bottom:-150px}h1{font-size:27px}}