*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Open Sans',sans-serif;background:#f4f0ed;min-height:100vh;padding:2rem 1.5rem;line-height:1.7;color:#2d1e1c;}.page-wrapper{max-width:1000px;margin:0 auto;background:#ffffff;border-radius:40px;box-shadow:0 30px 60px -20px rgba(82,1,3,0.25),0 10px 30px -10px rgba(40,0,0,0.08);padding:2.8rem 2.8rem;position:relative;overflow:hidden;}.page-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#520103 0%,#8b1a1f 60%,#c75a5f 100%);opacity:0.85;}@media (max-width:640px){.page-wrapper{padding:1.8rem 1.2rem;border-radius:28px;}}.main-content{width:100%;}.page-header{margin-bottom:2.2rem;padding-bottom:0.8rem;border-bottom:2px solid #ece2df;}.page-header .title-row{display:flex;align-items:center;flex-wrap:wrap;gap:0.8rem 1.2rem;}.brand-icon{width:52px;height:52px;background:#520103;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 6px 12px rgba(82,1,3,0.20);flex-shrink:0;}.page-header h1{font-weight:300;font-size:2.2rem;letter-spacing:-0.02em;color:#520103;margin:0;line-height:1.2;}.page-header .sub-badge{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#520103;background:#f5edeb;padding:0.3rem 1rem;border-radius:40px;border:1px solid #e0d2ce;margin-left:auto;}.page-header .subtitle{font-size:1.05rem;font-weight:400;color:#7a5a55;margin-top:0.2rem;padding-left:0.2rem;letter-spacing:0.01em;}.page-header .subtitle i{color:#520103;margin-right:0.4rem;opacity:0.6;}@media (max-width:600px){.page-header h1{font-size:1.6rem;}.brand-icon{width:40px;height:40px;font-size:1.2rem;}.page-header .sub-badge{font-size:0.6rem;padding:0.2rem 0.8rem;margin-left:0;}.page-header .subtitle{font-size:0.95rem;}}.section-title{font-size:1.2rem;font-weight:700;color:#520103;margin-bottom:1.2rem;display:flex;align-items:center;gap:0.6rem;border-left:4px solid #520103;padding-left:0.9rem;}.section-title i{font-size:1.1rem;opacity:0.8;}.subjects-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}.subject-card{background:#fdfbfa;border-radius:14px;padding:0.9rem 1.2rem;border:1px solid #ede4e1;display:flex;align-items:center;gap:0.8rem;transition:all 0.2s ease;cursor:default;}.subject-card:hover{background:#ffffff;border-color:#c9a8a3;box-shadow:0 6px 16px rgba(82,1,3,0.06);transform:translateY(-2px);}.subject-card .subject-icon{width:36px;height:36px;background:#520103;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.9rem;flex-shrink:0;}.subject-card .subject-number{font-weight:700;font-size:0.7rem;color:#7a5a55;margin-right:0.2rem;min-width:24px;}.subject-card .subject-name{font-size:0.95rem;font-weight:500;color:#2d1e1c;line-height:1.4;}.subject-card.full{grid-column:1 / -1;}@media (max-width:680px){.subjects-grid{grid-template-columns:1fr;}.subject-card.full{grid-column:1;}.subject-card{padding:0.8rem 1rem;}}@media (max-width:480px){.subject-card .subject-name{font-size:0.88rem;}.subject-card .subject-icon{width:32px;height:32px;font-size:0.8rem;}}.total-badge{display:inline-flex;align-items:center;gap:0.5rem;background:#f5edeb;padding:0.3rem 1.2rem;border-radius:40px;font-size:0.85rem;color:#520103;border:1px solid #e0d2ce;margin-top:1.5rem;}.total-badge i{color:#520103;}.total-badge strong{font-weight:700;}a:focus-visible{outline:3px solid #520103;outline-offset:3px;border-radius:4px;}