:root{--navy:#1c395b;--gold:#c59c49;--gold-deep:#8d7028;--muted:#5c6b7a;--line:#e6e1d6;--paper:#fff;--sand:#f7f3ea;--shadow:0 14px 34px #1c3d5a14;--radius:18px;--font:"Outfit", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--navy);background:var(--paper);margin:0;line-height:1.5}body:before{content:"";background:linear-gradient(90deg, var(--gold) 0 46%, var(--navy) 46% 100%);height:6px;display:block}button,a{font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:2;background:var(--navy);color:#fff;border-radius:8px;padding:8px 12px;text-decoration:none;position:absolute;top:12px;left:16px;transform:translateY(-140%)}.skip-link:focus{transform:none}.dashboard{flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:calc(100vh - 6px);padding:12px 24px 40px;display:flex}.dashboard-header{width:100%;min-width:0}.dashboard main{align-items:flex-start;width:100%;padding-top:56px;display:flex}.logo{width:150px;max-width:100%;height:auto;display:block}.logo-small{width:150px;max-width:100%}.logo-link{border-radius:12px;display:inline-block}.logo-link:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.card-row{grid-template-columns:repeat(3,280px);justify-content:center;gap:24px;width:100%;display:grid}.card{width:280px;min-height:248px;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:28px 24px 22px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--navy));height:4px;position:absolute;inset:0 0 auto}.card:hover{border-color:#d9c791;transform:translateY(-4px);box-shadow:0 18px 40px #1c3d5a21}.card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.card-icon{background:var(--sand);width:46px;height:46px;color:var(--navy);border-radius:12px;place-items:center;display:grid}.card-icon svg,.card-action svg{width:22px;height:22px}.card h2{letter-spacing:-.02em;margin:8px 0 0;font-size:1.45rem;font-weight:650}.card p{color:var(--muted);flex:1;margin:0;font-size:1rem}.card-action{align-items:center;gap:8px;margin-top:14px;font-size:.95rem;font-weight:600;display:inline-flex}.card:hover .card-action{color:var(--gold-deep)}.page{min-height:calc(100vh - 6px);padding:28px 24px 64px}.page-header{justify-content:flex-start;width:100%;display:flex}.page-main{width:min(760px,100%);margin:12px auto 0}.back-link{color:var(--navy);margin-bottom:18px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--gold-deep)}.back-link:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}.page-main h1{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(2rem,4vw,2.6rem)}.lead{color:var(--muted);margin:0 0 22px;font-size:1.12rem}.panel{background:var(--sand);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.panel>p{margin:0 0 18px}.topic-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.topic-list li{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px 18px}.topic-list h2{margin:0 0 4px;font-size:1.05rem}.topic-list p{color:var(--muted);margin:0}@media (width<=940px){.card-row{grid-template-columns:minmax(0,360px)}.card{width:100%}}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}