.principal-main{background:#f8fafc;padding-top:120px}.principal-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a,#1e3a8a);padding:100px 24px 120px}.principal-hero__content{max-width:780px;margin:0 auto}.principal-hero h1{margin-top:12px;font-size:48px;font-weight:700}.principal-hero p{color:#ffffffd9;margin-top:16px;font-size:18px}.principal-letter{margin-top:-80px;padding:0 24px 80px}.principal-letter__grid{grid-template-columns:360px 1fr;align-items:start;gap:40px;max-width:1100px;margin:0 auto;display:grid}.principal-letter__image-card{background:#fff;border-radius:24px;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0f172a26}.principal-letter__image-wrapper{border-radius:20px;margin-bottom:24px;overflow:hidden}.principal-letter__image-wrapper img{object-fit:cover;width:100%;display:block}.principal-letter__meta h3{color:#0f172a;font-size:24px}.principal-letter__meta p{color:#64748b;margin-top:4px}.principal-letter__quote{background:#f1f5f9;border-left:4px solid #1e3a8a;border-radius:0 16px 16px 0;margin-top:28px;padding:20px}.principal-letter__quote i{color:#1e3a8a;margin-bottom:12px;font-size:24px}.principal-letter__content{text-align:justify;text-justify:inter-word;background:#fff;border-radius:24px;padding:40px;box-shadow:0 10px 40px #0f172a14}.principal-letter__content p{color:#0f172a;-webkit-hyphens:auto;hyphens:auto;margin-bottom:18px;font-size:16px;line-height:1.8}.principal-letter__highlight{background:#eef2ff;border:1px solid #c7d2fe;border-radius:18px;margin:32px 0;padding:24px 28px}.principal-letter__highlight h4{color:#312e81;margin-bottom:12px;font-size:20px}.principal-letter__highlight ul{padding-left:0;list-style:none}.principal-letter__highlight li{color:#1e1b4b;align-items:center;gap:10px;margin-bottom:8px;font-weight:600;display:flex}.principal-letter__highlight li:before{content:"";color:#4c1d95;font-family:"Font Awesome 6 Free";font-weight:900}@media (max-width:1024px){.principal-letter__grid{grid-template-columns:1fr;gap:28px}.principal-letter__image-card{max-width:420px;margin:0 auto}}@media (max-width:600px){.principal-hero{padding:80px 16px 90px}.principal-hero h1{font-size:30px}.principal-hero p{font-size:16px}.principal-letter{padding:0 16px 60px}.principal-letter__grid{gap:20px}.principal-letter__image-card,.principal-letter__content{padding:24px}.principal-letter__highlight{padding:20px}}