:root{color:#252d24;background:#f5f3ea;font:15px system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header,main{max-width:620px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:28px;font-weight:700;color:inherit;text-decoration:none}header>span,.sub{font-size:12px;color:#62685d;line-height:1.6}.offer{border:1px solid #d8dacf;background:#fffef8}.offer-head{display:flex;justify-content:space-between;border-bottom:1px solid #d8dacf;padding:16px 24px;font-size:11px;letter-spacing:1px}.person{display:flex;align-items:center;gap:20px;padding:24px}.portrait{width:72px;height:80px;display:grid;place-items:center;font-size:36px;color:#384236}.person h2{font-size:24px;margin:0 0 8px}.bio{padding:0 24px;margin:0 0 24px;line-height:1.6;color:#62685d}.plan{border-block:1px solid #d8dacf;margin:0 24px;padding:20px 0;display:grid;gap:16px}.row{display:flex;gap:16px}.row>span{width:44px;flex-shrink:0;font-size:11px;color:#62685d;padding-top:3px}.row strong{font-size:14px}.row p{margin:5px 0 0}.actions{padding:24px}.actions p{font-size:12px;color:#62685d;line-height:1.6;margin:0 0 16px}.buttons{display:flex;gap:12px}button,select{font:inherit;color:inherit;cursor:pointer;padding:10px;background:transparent;border:1px solid #d8dacf}.primary,.secondary{flex:1;padding:14px;border:1px solid #252d24}.primary{background:#d6ed69}.status{font-size:22px;margin-bottom:12px}.tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;font-size:12px}.tools select{margin-left:8px;font-size:12px}.empty{padding:24px}#error{color:#9a2e21}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #687f32;outline-offset:3px}@media(max-width:440px){header,main{padding:18px}header>span{max-width:190px;text-align:right}.person{gap:16px}.person,.actions{padding:20px}.bio{padding-inline:20px}.plan{margin-inline:20px}.row strong{font-size:13px}}
h1{font-size:25px;letter-spacing:-.6px;margin:0 0 16px}form label{display:grid;gap:8px;margin:20px 0;font-size:13px}input:not([type=checkbox]){width:100%;padding:12px;border:1px solid #a5ad9b;background:#fff;font:inherit;color:inherit}form>.primary{width:100%;margin-bottom:18px}.text-button{font-size:12px;text-decoration:underline;border:0;padding:12px 0;display:block}.account{margin-top:28px;border-top:1px solid #d8dacf;padding-top:20px}.account-head{display:flex;align-items:center;justify-content:space-between}.account p{font-size:13px;line-height:1.6}.account .buttons{flex-wrap:wrap}.account .buttons button{flex:1;min-width:130px}.training{margin:16px 0;padding-top:16px;border-top:1px solid #d8dacf}.training label{font-size:13px;line-height:1.6;display:flex;align-items:start;gap:10px}.training input{margin-top:5px;flex-shrink:0}.notice{color:#9a2e21}#error{padding:12px;border:1px solid #9a2e21;overflow-wrap:anywhere}.plan p{overflow-wrap:anywhere}.actions .buttons{margin:12px 0 20px}button{min-height:42px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(max-width:440px){.buttons{flex-wrap:wrap}.buttons button{min-width:100px}.account .buttons button{min-width:110px}.offer-head{padding-inline:20px}}
