.material-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}
.material-container{width:min(1100px,calc(100% - 32px));margin:auto}
.material-header .material-container{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.material-header img{width:145px;display:block}.material-header nav{display:flex;gap:20px}.material-header nav a{color:#475569;text-decoration:none;font-weight:700}
.material-main{background:#f8fafc}.material-hero{padding:75px 0;background:linear-gradient(135deg,#eff6ff,#fff)}
.material-eyebrow{color:#2563eb;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.material-hero h1{font-size:clamp(2rem,5vw,3.5rem);color:#172033;margin:12px 0}.material-hero p{max-width:720px;color:#64748b;font-size:1.05rem;line-height:1.7}
.material-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.material-primary,.material-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:11px;font-weight:800;text-decoration:none;cursor:pointer}
.material-primary{background:#2563eb;color:#fff;border:0}.material-secondary{background:#fff;color:#172033;border:1px solid #dbe3ef}
.material-section{padding:65px 0}.material-soft{background:#eef4fb}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.material-step,.material-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:21px;box-shadow:0 10px 25px rgba(15,23,42,.05)}
.material-step>span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#eff6ff;color:#2563eb;font-weight:900}.material-step>i{float:right;color:#2563eb;font-size:1.2rem}
.material-step h2{font-size:1.05rem;color:#172033;margin:16px 0 7px}.material-step p,.material-panel p{color:#64748b;line-height:1.65}
.material-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.material-panel h2{color:#172033;font-size:1.15rem;margin-top:0}.material-panel label{display:block;padding:9px 0;color:#475569}.material-panel input{margin-right:8px}.material-callout{display:flex;gap:18px;align-items:flex-start;padding:24px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:20px}.material-callout>i{font-size:1.6rem;color:#15803d}.material-callout h2{margin:0 0 6px;color:#166534}.material-callout p{margin:0;color:#3f6212;line-height:1.65}
.material-workbook{display:grid;grid-template-columns:1fr 1fr;gap:18px}.material-workbook article{padding:22px;background:#fff;border:1px solid #e2e8f0;border-radius:18px}.material-workbook h2{color:#172033}.material-workbook p{color:#64748b}.material-workbook textarea{width:100%;min-height:150px;border:1px solid #cbd5e1;border-radius:12px;padding:12px;font:inherit;resize:vertical}
.material-footer{padding:22px 0;border-top:1px solid #e2e8f0;background:#fff}.material-footer .material-container{display:flex;justify-content:space-between;gap:15px;color:#64748b}.material-footer a{color:#2563eb;font-weight:800;text-decoration:none}.material-hero h1{color:#172033}.material-step,.material-panel,.material-workbook article{background:#111827;border-color:#334155}
@media(max-width:800px){.material-grid,.material-two,.material-workbook{grid-template-columns:1fr}.material-header nav{display:none}}