:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px max(5vw,20px);background:#fff;border-bottom:1px solid #e7eaf0}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;color:#1455d9}.nav{display:flex;gap:20px;color:#526078;font-size:14px}.hero{padding:72px max(5vw,20px) 58px;background:linear-gradient(120deg,#102d63,#1762d7);color:white}.hero h1{max-width:760px;font-size:clamp(34px,5vw,58px);line-height:1.06;margin:0 0 18px}.hero p{max-width:650px;color:#dce8ff;font-size:18px;line-height:1.6}.panel{max-width:1100px;margin:-22px auto 50px;padding:24px;background:#fff;border-radius:18px;box-shadow:0 12px 40px #102d6318}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.field label{display:block;font-size:12px;font-weight:700;color:#66728a;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce2ec;border-radius:10px;padding:13px;background:#fff;color:#172033}.btn{border:0;border-radius:10px;padding:13px 18px;background:#1762d7;color:#fff;font-weight:700;cursor:pointer}.btn.secondary{background:#edf3ff;color:#1455d9}.section{max-width:1100px;margin:45px auto;padding:0 20px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.card{background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:22px}.muted{color:#68758d;line-height:1.55}@media(max-width:760px){.nav{gap:10px;font-size:12px}.grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.hero{padding-top:52px}.panel{margin:-18px 14px 35px}.topbar{padding:15px}.brand{font-size:22px}}.link-button{border:0;padding:0;background:transparent;color:#1455d9;text-decoration:underline;cursor:pointer;font:inherit}a:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #8bb5ff;outline-offset:2px}@media(max-width:760px){.nav{flex-wrap:wrap;justify-content:flex-end}.section{margin-top:28px}}.notification-count{display:inline-flex;min-width:25px;height:25px;padding:0 7px;align-items:center;justify-content:center;border-radius:99px;background:#e8f0ff;color:#1455d9;font-size:13px;vertical-align:middle}.notification-card{border-left:4px solid #c8d8f4}