.notice-board{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.notice{padding:15px}.notice small{color:var(--muted)}.rating{color:#f5a300}.progress{height:7px;background:#edf0f6;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#45b6ff)}.callout{border:1px solid #ded7ff;background:#f8f6ff;border-radius:12px;padding:18px}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:8px 0;border-bottom:1px solid var(--line)}.list-clean li:last-child{border:0}.search-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:10px}.hero-art{position:relative}.floating{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:12px 16px;font-weight:700}.floating.one{right:0;top:15%}.floating.two{left:2%;bottom:8%}.exam-nav{display:grid;grid-template-columns:repeat(10,1fr);gap:9px}.exam-nav a{padding:13px 6px;text-align:center;border:1px solid var(--line);border-radius:10px;font-size:11px}.exam-nav a.active{border-color:var(--primary);color:var(--primary);background:#f6f3ff}.split-banner{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;overflow:hidden}.split-banner>div{padding:30px}.split-banner .free{background:#effcf5}.split-banner .premium{background:#f6f0ff}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{padding:16px;text-align:center}.kpi strong{font-size:22px;display:block}.test-pattern{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.donut{width:180px;height:180px;border-radius:50%;background:conic-gradient(#5331e8 0 25%,#17b26a 25% 50%,#f79009 50% 75%,#e04f64 75%);position:relative;margin:auto}.donut:after{content:'100 Questions';position:absolute;inset:36px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:800;text-align:center}.category-pills{display:flex;gap:8px;overflow:auto;padding-bottom:6px}.category-pills a{white-space:nowrap;border:1px solid var(--line);padding:10px 15px;border-radius:9px;font-size:11px}.category-pills a.active{background:var(--primary);color:#fff}.interview-banner{background:linear-gradient(100deg,#5524d8,#151270);color:#fff;padding:30px;border-radius:16px;display:flex;justify-content:space-between;align-items:center}.video-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.video-card{aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,#d8d9ee,#8e97c2);display:grid;place-items:center;font-size:32px;color:#fff}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:10px}.divider{text-align:center;color:#98a2b3;margin:22px 0;position:relative}.divider:before,.divider:after{content:'';position:absolute;top:50%;width:42%;height:1px;background:var(--line)}.divider:before{left:0}.divider:after{right:0}.password-wrap{position:relative}.password-wrap button{position:absolute;right:8px;top:8px;border:0;background:transparent;cursor:pointer}.filter-toggle{display:none}@media(max-width:780px){.notice-board{grid-template-columns:1fr 1fr}.search-panel{grid-template-columns:1fr}.exam-nav{grid-template-columns:repeat(4,1fr)}.split-banner{grid-template-columns:1fr}.kpi-row{grid-template-columns:1fr 1fr}.test-pattern{grid-template-columns:1fr}.video-row{grid-template-columns:1fr 1fr}.filter-toggle{display:inline-flex}}@media(max-width:520px){.notice-board{grid-template-columns:1fr}.exam-nav{grid-template-columns:repeat(3,1fr)}.video-row{grid-template-columns:1fr}.interview-banner{flex-direction:column;align-items:flex-start;gap:15px}}