/* Sejong Academy — public Seminars and Free MCQ experience. */
:root,[data-theme="dark"]{
  --bg-app:#f8f4f9!important;--bg-card:#fff!important;--text-primary:#211824!important;
  --text-secondary:#776d7c!important;--accent:#532082!important;--accent-soft:#f0e8f5!important;
  --success:#25a56a!important;--danger:#e9404b!important;--border:#e8dfea!important;
  --shadow:0 14px 42px rgba(58,22,78,.09)!important;--radius:18px!important;
}
*{font-family:'Inter','Noto Sans Sinhala',sans-serif}html,body{background:#f8f4f9!important;color:#211824!important}body{background-image:radial-gradient(circle at 92% 2%,rgba(113,52,153,.16),transparent 26%),radial-gradient(circle at 5% 82%,rgba(233,64,75,.07),transparent 25%)!important;background-attachment:fixed!important}
.topbar{position:sticky!important;top:0!important;z-index:100!important;min-height:76px!important;padding:0 5%!important;background:rgba(252,249,253,.9)!important;border-bottom:1px solid rgba(83,32,130,.10)!important;backdrop-filter:blur(18px)!important;box-shadow:0 8px 28px rgba(58,22,78,.05)!important}.brand{color:#532082!important;font-weight:800!important;text-decoration:none!important}.brand img{height:48px!important;max-width:180px!important;object-fit:contain!important;border-radius:11px!important}.logo-badge{background:#532082!important;color:#fff!important;border-radius:11px!important}.nav-right{gap:9px!important}.icon-btn{display:none!important}
.btn{background:#532082!important;color:#fff!important;border:1px solid #532082!important;border-radius:12px!important;padding:11px 17px!important;box-shadow:0 9px 22px rgba(83,32,130,.17)!important;transition:.22s!important}.btn:hover{background:#35104f!important;transform:translateY(-2px)!important}.btn.ghost{background:#fff!important;color:#532082!important;border-color:#dfd1e5!important;box-shadow:none!important}.btn.green{background:#25a56a!important;border-color:#25a56a!important;color:#fff!important}.btn.green:hover{background:#197d4f!important}
.wrap{max-width:1180px!important;padding-top:45px!important;padding-bottom:80px!important}.hero{padding:35px 10px 48px!important;position:relative!important}.hero:before{content:'한국어';display:block;font-family:'Noto Sans KR',sans-serif;color:#e9404b;font-size:14px;font-weight:900;letter-spacing:2px;margin-bottom:13px}.hero h1{font-size:clamp(38px,5vw,64px)!important;line-height:1.03!important;letter-spacing:-2.5px!important;color:#211824!important}.hero p{max-width:650px!important;margin:15px auto 0!important;color:#776d7c!important;line-height:1.8!important}.hero .free-tag{background:#fff4d0!important;border:1px solid #f0d06a!important;color:#735500!important;padding:8px 15px!important;box-shadow:none!important}
.grid{gap:20px!important}.sem-card,.exam-card,.card{background:rgba(255,255,255,.9)!important;border:1px solid #e8dfea!important;border-radius:21px!important;box-shadow:0 14px 42px rgba(58,22,78,.09)!important;overflow:hidden!important;transition:.28s!important}.sem-card:hover,.exam-card:hover{transform:translateY(-6px)!important;border-color:rgba(83,32,130,.3)!important;box-shadow:0 24px 58px rgba(83,32,130,.15)!important}.sem-card .ph{height:190px!important;background:linear-gradient(135deg,#ede2f3,#d8c2e4)!important;color:#532082!important}.sem-card .ph img{transition:transform .55s!important}.sem-card:hover .ph img{transform:scale(1.05)}.sem-card .bd{padding:21px!important}.sem-card h3,.exam-card h3,.card h2{color:#211824!important}.sem-card .meta,.exam-card .meta{color:#776d7c!important}.sem-card .meta i,.exam-card .meta i{color:#532082!important}.exam-card{padding:23px!important}.exam-card .ic{width:52px!important;height:52px!important;border-radius:15px!important;background:#f0e8f5!important;color:#532082!important}.free-badge{background:#e8f7ef!important;color:#188452!important;border-color:#b9e1cb!important}.price-tag{color:#532082!important}.empty{background:#fff!important;border:1px dashed #dacbe1!important;border-radius:20px!important;color:#776d7c!important;padding:48px 25px!important}
.field label{color:#4d4351!important}.field input,.field select,.name-field{background:#fff!important;color:#211824!important;border:1.5px solid #e8dfea!important;border-radius:13px!important;min-height:52px!important}.field input:focus,.field select:focus,.name-field:focus{border-color:#532082!important;box-shadow:0 0 0 4px rgba(83,32,130,.09)!important}.alert.err{background:#fff0f1!important;color:#ad2631!important;border-color:#f2c7cb!important}.alert.ok{background:#e8f7ef!important;color:#188452!important;border-color:#b9e1cb!important}
.quiz-head{border-color:#e8dfea!important}.timer{background:#fff4d0!important;color:#735500!important;border-color:#f0d06a!important}.q-num{color:#532082!important;background:#f0e8f5!important;border-radius:999px!important;padding:5px 10px!important}.q-text{color:#211824!important}.opt{background:#fbf9fc!important;border:1.5px solid #e8dfea!important;border-radius:14px!important;transition:.2s!important}.opt:hover{border-color:#532082!important;background:#f6f0f8!important}.opt:has(input:checked){border-color:#532082!important;background:#f0e8f5!important;box-shadow:0 0 0 3px rgba(83,32,130,.07)!important}.opt .circle{background:#eee5f2!important;color:#532082!important}.opt:has(input:checked) .circle{background:#532082!important;color:#fff!important}.opt.correct{background:#e8f7ef!important;border-color:#73c89a!important}.opt.wrong{background:#fff0f1!important;border-color:#ef9aa1!important}.sticky-submit{background:linear-gradient(transparent,#f8f4f9 24%)!important}.score-ring{box-shadow:0 18px 45px rgba(83,32,130,.2)!important}.result-actions .btn{min-width:130px!important}
.seminar-page .card{max-width:500px!important;padding:30px!important}.seminar-page .card h2{font-size:27px!important}.seminar-page .grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}.mcq-page .grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}.mcq-page audio{max-width:100%}
@media(max-width:700px){.topbar{padding:0 15px!important}.brand img{height:42px!important;max-width:135px!important}.nav-right .btn{font-size:0!important;width:42px!important;height:42px!important;padding:0!important;display:grid!important;place-items:center!important}.nav-right .btn i{font-size:20px!important}.wrap{padding:25px 14px 70px!important}.hero{padding:28px 6px 35px!important}.hero h1{letter-spacing:-1.6px!important}.sem-card,.exam-card,.card{border-radius:17px!important}.card{padding:19px!important}.sticky-submit{padding-bottom:10px!important}}