:root{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1e293b;background-color:#f3f6fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid #c3d0e5;padding:10px 14px;font-size:14px;font-weight:600;font-family:inherit;background-color:#fff;cursor:pointer}button:hover{border-color:#7892ba}.page{max-width:920px;margin:0 auto;padding:24px 16px 48px}.hero{margin-bottom:16px}.hero h1{margin:0;font-size:2rem}.hero p{margin:8px 0 0;color:#49566b}.nav{display:flex;gap:8px;margin-bottom:16px}.card{background:#fff;border:1px solid #d7deea;border-radius:10px;padding:16px}.actions{display:flex;gap:8px;flex-wrap:wrap}.form{display:grid;gap:12px}.form label{display:grid;gap:6px}.form input,.form select,.form textarea{padding:10px;border:1px solid #b8c6dd;border-radius:8px;font:inherit}.checkbox{display:flex!important;gap:8px;align-items:center}.message{margin-top:12px;padding:10px;background:#edf7ed;color:#1b5e20;border-radius:8px}