/* Refined Apple-inspired liquid glass */
.topbar{position:relative;isolation:isolate;overflow:hidden!important;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 28px 80px rgba(0,0,0,.24)!important;backdrop-filter:blur(34px) saturate(180%)!important;-webkit-backdrop-filter:blur(34px) saturate(180%)!important}
.topbar:after{content:"";position:absolute;inset:-80% 35% auto -15%;height:260px;background:radial-gradient(circle,rgba(71,200,255,.30),transparent 63%);filter:blur(8px);z-index:-1;pointer-events:none}
.brand-copy{position:relative}.brand h1{font-family:"Vazirmatn","IRANSansX","Tahoma",sans-serif!important;font-size:42px!important;font-weight:950!important;letter-spacing:-1.8px!important;line-height:1.15!important;background:linear-gradient(115deg,#fff 0%,#e8fbff 38%,#7ee7ff 72%,#a8ffef 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(0 9px 22px rgba(34,184,255,.18));margin:1px 0 0}
.brand-eyebrow{font-size:10px!important;letter-spacing:1.25px!important;text-transform:uppercase;color:rgba(197,242,255,.82)!important}.brand-title{font-size:15px!important;color:rgba(239,249,255,.78)!important;font-weight:650!important}
.brand-logo-wrap{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,249,255,.88))!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:inset 0 1px 0 #fff,0 20px 55px rgba(0,0,0,.24),0 0 55px rgba(48,190,255,.15)!important}
.section-title{margin-top:22px!important}.section-title b{font-weight:900!important;letter-spacing:-.25px}.course-summary{border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.045)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px!important;padding:13px 15px!important}
.course-grid{display:flex!important;flex-direction:column!important;gap:9px!important;margin-top:12px!important}
.course-chip-wrap{width:100%!important;max-width:none!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:12px 14px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 9px 25px rgba(0,0,0,.08)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important}
.course-chip-wrap .course{flex:1!important;min-width:0!important;white-space:normal!important;line-height:1.8!important;text-align:right!important;background:transparent!important;border:0!important;padding:0!important;font-weight:750!important;font-size:13px!important;color:var(--text)!important}
.course-remove{display:none!important}.course-delete-mode .course-remove{display:grid!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:11px!important;font-size:18px!important;background:rgba(255,69,58,.14)!important;color:#ff8179!important;border:1px solid rgba(255,105,97,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
.course-delete-mode .course-chip-wrap{border-color:rgba(255,89,80,.18)!important}
.course-tools{display:flex;justify-content:flex-end;margin:10px 0 2px}.manage-courses-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:9px 13px;color:var(--muted);background:rgba(255,255,255,.055);font:700 12px inherit;cursor:pointer;backdrop-filter:blur(14px);transition:.18s}.manage-courses-btn:hover{background:rgba(255,255,255,.10);color:var(--text)}.manage-courses-btn.active{color:#ff9a94;background:rgba(255,69,58,.10);border-color:rgba(255,89,80,.22)}
.editor-box{border-radius:22px!important;padding:14px!important}.editor-input{border-radius:15px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}.editor-btn{border-radius:15px!important;font-weight:850!important;background:linear-gradient(135deg,#0a84ff,#40c8ff)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 10px 26px rgba(10,132,255,.23)!important}
body.light .course-chip-wrap{background:rgba(255,255,255,.64)!important;border-color:rgba(80,110,140,.10)!important;box-shadow:inset 0 1px 0 #fff,0 9px 24px rgba(50,80,110,.07)!important}body.light .manage-courses-btn{background:rgba(255,255,255,.60);border-color:rgba(80,110,140,.11)}
@media(max-width:520px){.brand h1{font-size:27px!important;letter-spacing:-1px!important}.course-chip-wrap{padding:11px 12px!important;border-radius:16px!important}.course-chip-wrap .course{font-size:12.5px!important}.editor-row.one{gap:8px!important}}