.page-container{background-color:#f8fafc;min-height:100vh}.page-container .container{max-width:1000px;margin:0 auto;padding:0 20px}.page-container .page-header{text-align:center;background-color:#fff;border-bottom:1px solid #eff6ff;padding:80px 0}.page-container .page-header h1{color:#004aad;margin-bottom:15px;font-size:3rem}.page-container .page-header p{color:#64748b;font-size:1.1rem}.page-container .announcements-list{padding:60px 0}.page-container .list-grid{flex-direction:column;gap:24px;display:flex}.page-container .announcement-card{background:#fff;border:1px solid #eff6ff;border-radius:18px;padding:30px;transition:transform .2s;box-shadow:0 4px 20px #0000000d}.page-container .announcement-card:hover{border-color:#004aad;transform:scale(1.01)}.page-container .card-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.page-container .badge{color:#004aad;text-transform:uppercase;background:#eff6ff;border-radius:50px;padding:4px 12px;font-size:.8rem;font-weight:600}.page-container .badge.new{color:#fff;background:#f97316}.page-container .date{color:#94a3b8;font-size:.9rem}.page-container h3{color:#1e293b;margin-bottom:15px;font-size:1.6rem}.page-container .meta-info{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.page-container .meta-item{color:#475569;align-items:center;gap:6px;font-size:.9rem;display:flex}.page-container .desc{color:#64748b;margin-bottom:25px;line-height:1.6}.page-container .action-btn{color:#004aad;cursor:pointer;background:0 0;border:2px solid #004aad;border-radius:12px;padding:10px 24px;font-weight:600;transition:all .2s}.page-container .action-btn:hover{color:#fff;background:#004aad}@keyframes page-container--fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-container .fade-up{animation:.5s forwards page-container--fadeUp}@media (max-width:768px){.page-container .page-header h1{font-size:2.2rem}.page-container .announcement-card{padding:20px}}