:root{--navy:#071f55;--blue:#1769f7;--muted:#63738e;--line:#dce5f2;--green:#079455;--orange:#e76a13}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:#fff;font-family:Inter,Arial,sans-serif}.exam-wrap{width:min(1160px,calc(100% - 40px));margin:auto}.calendar-hero{overflow:hidden;padding:82px 0 75px;background:linear-gradient(135deg,#f1f6ff,#fff 55%,#eaf4ff)}.calendar-hero>.exam-wrap{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:85px}.eyebrow,.section-label{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-copy h1{margin:15px 0 17px;font-size:47px;line-height:1.1;letter-spacing:-1.8px}.hero-copy h1 span{color:var(--blue)}.hero-copy>p{max-width:620px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.exam-search{display:flex;align-items:center;max-width:600px;margin-top:26px;padding:0 15px;border:1px solid #cddbf0;border-radius:10px;background:#fff;box-shadow:0 13px 34px #123b7c12}.exam-search i{color:#69809f}.exam-search input{width:100%;padding:15px 12px;border:0;outline:0;color:var(--navy);font:500 12px Inter}.hero-points{display:flex;gap:17px;margin-top:18px;color:#65758e;font-size:9px;font-weight:600}.hero-points i{margin-right:5px;color:var(--green)}.date-visual{position:relative;min-height:390px;display:grid;place-items:center}.date-visual:before{content:'';position:absolute;width:390px;height:390px;border-radius:50%;background:#deebff}.calendar-sheet{position:relative;width:330px;padding:20px;border:1px solid #d8e4f5;border-radius:19px;background:#fff;box-shadow:0 25px 60px #0a347426;transform:rotate(2deg)}.calendar-sheet header{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid #e7edf6}.calendar-sheet header>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#eaf2ff;color:var(--blue)}.calendar-sheet header div{display:grid;gap:3px}.calendar-sheet small{color:#8593a8;font-size:8px;text-transform:uppercase}.calendar-sheet strong{font-size:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;padding-top:16px;text-align:center}.calendar-grid>span{color:#8c99ab;font-size:8px;font-weight:700}.calendar-grid>b,.calendar-grid>i{height:29px;display:grid;place-items:center;border-radius:7px;font-size:9px;font-style:normal}.calendar-grid .marked{background:#fff1e7;color:var(--orange)}.calendar-grid .active{background:var(--blue);color:#fff;box-shadow:0 5px 12px #1769f747}.deadline-card{position:absolute;right:-5px;bottom:14px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 13px 30px #0a347423}.deadline-card>i{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#fff1e6;color:var(--orange)}.deadline-card div{display:grid;gap:3px}.deadline-card small{color:#7b8aa1;font-size:8px}.deadline-card strong{font-size:10px}.calendar-content{padding-top:72px;padding-bottom:85px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2{margin:8px 0 7px;font-size:30px;letter-spacing:-.8px}.section-head p{margin:0;color:var(--muted);font-size:11px}.section-head>strong{color:#708099;font-size:10px}.category-tabs{display:flex;overflow:auto;gap:7px;margin-top:28px;padding-bottom:5px}.category-tabs button,.status-filters button{flex:none;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#5c6e89;font:700 9px Inter;cursor:pointer}.category-tabs button.active,.status-filters button.active{border-color:var(--blue);background:#eaf2ff;color:var(--blue)}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:17px 0 22px;padding:13px;border-radius:9px;background:#f5f8fc}.status-filters{display:flex;overflow:auto;gap:6px}.filter-bar select{padding:9px 11px;border:1px solid #d3ddec;border-radius:7px;background:#fff;color:#4c5e78;font:600 9px Inter}.exam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.exam-card-public{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;transition:.2s}.exam-card-public:hover{transform:translateY(-3px);border-color:#aec9f7;box-shadow:0 15px 35px #123b7c12}.exam-card-public header{display:flex;align-items:start;justify-content:space-between;padding:18px 18px 8px}.exam-logo{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:var(--blue);font-size:17px}.exam-badge{padding:6px 8px;border-radius:99px;background:#edf4ff;color:#1d63cc;font-size:8px;font-weight:800}.exam-badge.registration_open,.exam-badge.result_announced{background:#e8f8ef;color:var(--green)}.exam-card-body{padding:5px 18px 17px}.exam-card-body small{color:#73829a;font-size:8px;font-weight:700;text-transform:uppercase}.exam-card-body h3{margin:8px 0;font-size:15px;line-height:1.35}.exam-card-body p{height:51px;overflow:hidden;margin:0;color:#6a7991;font-size:10px;line-height:1.65}.exam-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.exam-meta div{padding:12px 17px}.exam-meta div+div{border-left:1px solid #edf1f6}.exam-meta span,.exam-meta strong{display:block}.exam-meta span{margin-bottom:5px;color:#8190a5;font-size:8px}.exam-meta strong{font-size:9px}.exam-actions{display:flex;gap:8px;margin-top:auto;padding:14px 18px}.exam-actions a{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:7px;font-size:9px;font-weight:800;text-decoration:none}.view-details{background:var(--blue);color:#fff}.apply-link{border:1px solid #cad7e9;color:#31557f}.exam-state,.detail-loading{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.exam-state h3,.detail-loading h2{margin:14px 0 5px;font-size:16px}.exam-state p,.detail-loading p{margin:0;color:var(--muted);font-size:10px}.spinner{width:32px;height:32px;border:3px solid #dce8fb;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}.load-more{display:block;margin:25px auto 0;padding:11px 18px;border:1px solid #bfd1ed;border-radius:8px;background:#fff;color:var(--blue);font:800 10px Inter}.calendar-guide{padding:75px 0;background:#f4f8fd}.calendar-guide>.exam-wrap>div:first-child{text-align:center}.calendar-guide h2{margin:9px 0 30px;font-size:29px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.guide-grid article{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.guide-grid i{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#eaf2ff;color:var(--blue)}.guide-grid h3{margin:15px 0 7px;font-size:13px}.guide-grid p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}.exam-footer{padding-top:48px;background:#061a3e;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px;padding-bottom:38px}.footer-grid section img{width:160px;filter:brightness(0) invert(1)}.footer-grid section p{max-width:290px;color:#aebfda;font-size:10px;line-height:1.7}.footer-grid nav{display:flex;flex-direction:column;gap:10px}.footer-grid h3{margin:0 0 6px;font-size:11px}.footer-grid a{color:#adbfda;font-size:10px;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid #ffffff17;color:#8fa5c7;font-size:9px}
/* Details */.detail-hero{padding:42px 0 37px;background:linear-gradient(135deg,#f1f6ff,#fff)}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:#78879e;font-size:9px}.breadcrumbs a{color:var(--blue);text-decoration:none}.detail-title-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}.detail-title .category-line{display:flex;align-items:center;gap:8px}.detail-title h1{margin:12px 0 10px;font-size:36px;letter-spacing:-1px}.detail-title p{max-width:780px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.detail-actions{display:flex;gap:8px}.detail-actions a{padding:11px 15px;border-radius:8px;font-size:10px;font-weight:800;text-decoration:none}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:22px;padding-top:32px;padding-bottom:75px}.detail-main{display:grid;gap:16px}.detail-section{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.detail-section>header{display:flex;align-items:center;gap:11px;padding:17px 19px;border-bottom:1px solid var(--line);background:#fbfcfe}.detail-section>header i{color:var(--blue)}.detail-section h2{margin:0;font-size:15px}.detail-section .section-body{padding:20px;color:#53657f;font-size:10px;line-height:1.8;white-space:pre-line}.date-table,.link-table{width:100%;border-collapse:collapse}.date-table td,.link-table td{padding:12px 18px;border-bottom:1px solid #edf1f6;font-size:10px}.date-table td:last-child{text-align:right;font-weight:700;color:#19375f}.link-table a{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-weight:800;text-decoration:none}.detail-side{position:sticky;top:90px;display:grid;gap:14px}.side-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.side-card h3{margin:0 0 13px;font-size:12px}.fact-list{display:grid;gap:12px}.fact-list div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #edf1f6}.fact-list span{color:#7b8aa0;font-size:9px}.fact-list strong{font-size:9px;text-align:right}.official-note{border-color:#cfe0f8;background:#f5f9ff}.official-note p{color:#63738c;font-size:9px;line-height:1.6}.official-note a{display:flex;justify-content:center;padding:10px;border-radius:7px;background:var(--blue);color:#fff;font-size:9px;font-weight:800;text-decoration:none}.faq-detail details{border-bottom:1px solid #edf1f6}.faq-detail summary{padding:15px 19px;cursor:pointer;font-size:10px;font-weight:700}.faq-detail p{margin:0;padding:0 19px 16px;color:var(--muted);font-size:10px;line-height:1.7}.not-found{min-height:65vh;display:grid;place-content:center;text-align:center}.not-found i{font-size:40px;color:#a8bddb}.not-found h1{margin:15px 0 7px}.not-found p{color:var(--muted)}.not-found a{color:var(--blue);font-weight:800}@media(max-width:900px){.calendar-hero>.exam-wrap{grid-template-columns:1fr}.date-visual{display:none}.exam-grid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:1fr}.detail-side{position:static;grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid nav:last-child{grid-column:2}}@media(max-width:600px){.exam-wrap{width:calc(100% - 28px)}.calendar-hero{padding:58px 0}.hero-copy h1{font-size:35px}.hero-points{align-items:flex-start;flex-direction:column}.section-head,.filter-bar,.detail-title-row{align-items:flex-start;flex-direction:column;display:flex}.exam-grid,.guide-grid,.detail-side{grid-template-columns:1fr}.status-filters{width:100%}.filter-bar select{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid section{grid-column:1/-1}.footer-grid nav:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.detail-title h1{font-size:29px}.detail-actions{width:100%}.detail-actions a{flex:1;text-align:center}}
