:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#27243b;background:#f5f4fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:880px;margin:auto;padding:40px 24px}header{padding:12px 0 28px}.brand{font-size:32px;font-weight:750;letter-spacing:-1px;color:#302b54;text-decoration:none}.badge{font-size:11px;letter-spacing:2px;background:#e7e0fb;color:#604398;border-radius:20px;padding:6px 10px;margin-left:12px}header p{color:#6e6784;margin:10px 0 0}nav{display:flex;gap:8px;margin-bottom:20px}button{font:inherit;cursor:pointer;border:1px solid #dfdbe9;background:#fff;padding:12px 18px;border-radius:12px;color:#49405f}button[aria-current=page]{background:#514178;color:#fff;border-color:#514178}button:focus-visible,a:focus-visible{outline:3px solid #7c6ab6;outline-offset:3px}button:disabled{opacity:.4;cursor:default}main{background:#fff;border:1px solid #e8e4ef;border-radius:20px;overflow:hidden;min-height:420px;box-shadow:0 10px 40px #302b5408}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eeeaf4;color:#797186;font-size:13px}.toolbar button{border:0;background:#f6f4fa;padding:8px 12px}footer{text-align:center;color:#81798d;font-size:12px;padding:24px}@media(max-width:520px){.shell{padding:20px 12px}nav button{padding:10px 12px;flex:1;font-size:13px}}