.view,.courses-view{display:none}.view.active-view,.courses-view.active-view{display:block}.courses-view{max-width:1040px;margin:0 auto;padding:58px 25px 110px;min-height:620px}.courses-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.courses-header .eyebrow{color:#91a0a6;margin-bottom:10px}.courses-header h1{font-size:35px;letter-spacing:-1.3px;margin:0 0 10px}.courses-header p{color:#829196;font-size:13px;margin:0;line-height:1.6}.add-course-btn{width:auto}.course-form-card{background:#fff;border:1px solid #e1e8e5;border-radius:7px;padding:25px 28px;margin-bottom:22px;box-shadow:var(--shadow)}.hidden{display:none!important}.form-card-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.form-card-heading h2{font-size:19px;margin:0 0 6px}.form-card-heading p{color:#87969a;font-size:11px;margin:0}.close-btn{border:0;background:none;color:#91a0a6;font-size:25px;cursor:pointer;line-height:.8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:11px;font-weight:700;color:var(--ink)}.form-grid input{display:block;width:100%;border:1px solid #dce4e4;border-radius:4px;padding:12px;margin-top:8px;outline:0;font:13px 'DM Sans';color:var(--ink)}.form-grid input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3c86bd12}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;color:#98a5a6;font-size:10px}.form-actions .submit-btn{width:auto}.saved-courses{display:grid;gap:12px}.saved-course{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e8ebe7;border-radius:6px;padding:17px 20px}.saved-course-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eee8f8;color:#7654a6;font-size:20px}.saved-course h3{font-size:14px;margin:0 0 6px}.saved-course p{font-size:11px;color:#8a999c;margin:0}.saved-course p strong{color:var(--navy)}.saved-course p span{color:#a4aeae}.delete-course{margin-left:auto;border:0;background:none;color:#a8b2b2;font-size:22px;cursor:pointer}.empty-courses{text-align:center;padding:72px 20px;border:1px dashed #d9e2df;background:#fff}.empty-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eaf2ef;color:#6b9d91;font-size:25px;margin:0 auto 17px}.empty-courses h2{font-size:19px;margin:0 0 8px}.empty-courses p{color:#899799;font-size:12px;margin:0 auto 20px}.outline-btn{background:#fff;border:1px solid #abc5c4;color:#427c7c;border-radius:4px;padding:11px 15px;font:600 11px 'DM Sans';cursor:pointer}@media(max-width:600px){.courses-header{display:block}.add-course-btn{margin-top:22px;width:100%}.form-grid{grid-template-columns:1fr}.form-actions{display:block}.form-actions .submit-btn{width:100%;margin-top:15px}}