*{box-sizing:border-box}body{font:15px system-ui;background:#f4f7f3;color:#193e35;margin:0}main{max-width:410px;margin:8vh auto;padding:26px;border:1px solid #d2e1d8;border-radius:18px;background:#fff;box-shadow:0 14px 50px #153d2410}header{display:flex;gap:12px;align-items:center;background:#0b1c25;padding:20px;border-radius:12px;color:#f4faf7}header h1{font:650 29px Bahnschrift,system-ui,sans-serif;letter-spacing:-.5px;margin:0}header h1 span{color:#56d9bd}header small{font-size:12px;color:#c7dcd3}.mark{width:53px;height:53px}.mark svg{display:block;width:100%;height:100%}h2{font-size:21px;margin:24px 0 8px}p{font-size:13px;color:#587164;line-height:1.6}label{display:block;margin:16px 0;font-size:13px}input,button{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #a4bdb0;border-radius:8px;margin-top:6px}button{background:#176b55;border-color:#176b55;color:white;font-weight:600;cursor:pointer;min-height:46px}button:disabled{opacity:.6;cursor:wait}input:focus-visible{outline:2px solid #16876b;outline-offset:2px}#error{color:#a01925}@media(max-width:460px){main{margin:18px 12px;padding:21px}}header{display:flex;flex-direction:column;gap:0;padding:0 0 12px;overflow:hidden}.realistic-logo{display:block;width:100%;height:auto}