:root{--blue-dark:#152667;--blue-mid:#1b4fb8;--blue-light:#e8f0ff;--text-main:#1a1a1a;--text-muted:#4b5873;--bg:#f7f9ff;--white:#fff;--border-soft:#d7e0ff}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top left,#fff 0,var(--bg) 55%);color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;min-height:100vh}p{text-align:justify}.page{margin:0 auto;max-width:980px;padding:24px 20px 40px}header{gap:16px;justify-content:space-between;margin-bottom:32px}.brand,header{align-items:center;display:flex}.brand{gap:12px;text-decoration:none}.brand-logo{height:100px}nav{display:flex;gap:4px;margin-left:auto}nav a{border-radius:8px;color:var(--blue-dark);display:inline-block;font-size:.9rem;font-weight:500;padding:8px 18px;text-decoration:none;transition:background .2s,color .2s}nav a.router-link-active,nav a:hover{background:var(--blue-light);color:var(--blue-mid)}.hero{align-items:center;background:linear-gradient(135deg,#e8f0fff2,#fffffff5);border:1px solid var(--border-soft);border-radius:24px;display:grid;gap:24px;grid-template-columns:minmax(0,3fr) minmax(0,2fr);margin-bottom:32px;padding:24px 20px}.hero-main h1{color:var(--blue-dark);font-size:clamp(1.8rem,3vw,2.2rem);margin-bottom:12px}.hero-main p{color:var(--text-muted);font-size:.98rem;max-width:34rem}.hero-highlight{color:var(--blue-mid);font-size:.95rem;font-weight:600;margin-top:18px}.hero-aside{background:var(--white);border:1px solid var(--border-soft);border-radius:18px;box-shadow:0 14px 35px #0f226214;color:var(--text-muted);font-size:.88rem;justify-self:stretch;padding:16px 16px 14px}.hero-aside-title{color:var(--blue-dark);font-size:.9rem;font-weight:600;margin-bottom:8px}.hero-aside ul{list-style:disc;margin-left:18px;margin-top:6px}.hero-aside li+li{margin-top:4px}.page-header{background:linear-gradient(135deg,#e8f0fff2,#fffffff5);border:1px solid var(--border-soft);border-radius:24px;margin-bottom:32px;padding:24px 20px}.page-header h1{color:var(--blue-dark);font-size:clamp(1.8rem,3vw,2.2rem);margin-bottom:8px}.page-header p{color:var(--text-muted);font-size:.98rem;max-width:34rem}.section{background:#e8f0ffb3;border:1px solid var(--border-soft);border-radius:20px;margin-bottom:20px;padding:20px}.section-title{color:var(--blue-dark);font-size:1.1rem;margin-bottom:8px}.section-content{align-items:center;display:flex;gap:20px}.section-content.image-right{border-bottom-right-radius:20px;border-top-right-radius:20px;overflow:hidden}.section-content.image-right img{-webkit-mask-image:linear-gradient(270deg,#000 70%,transparent);mask-image:linear-gradient(270deg,#000 70%,transparent)}.section-content.image-left{border-bottom-left-radius:20px;border-top-left-radius:20px;overflow:hidden}.section p{color:var(--text-muted);font-size:.96rem;max-width:46rem}.resources-list{list-style:none;margin-top:16px}.resources-list li{margin-bottom:12px}.resource-link{align-items:center;background:var(--white);border:1px solid var(--border-soft);border-radius:12px;color:var(--blue-dark);display:inline-flex;font-size:.95rem;font-weight:500;gap:10px;padding:12px 18px;text-decoration:none;transition:background .2s,box-shadow .2s}.resource-link:hover{background:var(--blue-light);box-shadow:0 4px 12px #0f22621a}.resource-link svg{flex-shrink:0;height:20px;width:20px}footer{border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:.78rem;margin-top:28px;padding-top:16px;text-align:right}@media(max-width:768px){.hero{grid-template-columns:minmax(0,1fr)}.hero-aside{order:-1}}@media(max-width:520px){.page{padding-inline:16px}header{align-items:flex-start;flex-direction:column}.section{padding:16px}}