਀㰀栀琀洀氀 氀愀渀最㴀∀攀渀∀㸀 ਀    㰀洀攀琀愀 挀栀愀爀猀攀琀㴀∀唀吀䘀ⴀ㠀∀㸀 ਀    㰀琀椀琀氀攀㸀䌀氀愀猀猀 堀䤀䤀 䌀栀攀洀椀猀琀爀礀 䄀猀猀椀最渀洀攀渀琀 䜀攀渀攀爀愀琀漀爀㰀⼀琀椀琀氀攀㸀 ਀    㰀℀ⴀⴀ 䄀搀搀 樀猀倀䐀䘀 氀椀戀爀愀爀礀 ⴀⴀ㸀 ਀    㰀猀挀爀椀瀀琀 猀爀挀㴀∀栀琀琀瀀猀㨀⼀⼀挀搀渀樀猀⸀挀氀漀甀搀昀氀愀爀攀⸀挀漀洀⼀愀樀愀砀⼀氀椀戀猀⼀栀琀洀氀㈀挀愀渀瘀愀猀⼀㄀⸀㐀⸀㄀⼀栀琀洀氀㈀挀愀渀瘀愀猀⸀洀椀渀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀 ਀    㰀猀琀礀氀攀㸀 /* All CSS styles remain the same as before */਀        㨀爀漀漀琀 笀 --primary: #4361ee;਀            ⴀⴀ瀀爀椀洀愀爀礀ⴀ搀愀爀欀㨀 ⌀㌀昀㌀㜀挀㤀㬀 --secondary: #4895ef;਀            ⴀⴀ搀愀渀最攀爀㨀 ⌀昀㜀㈀㔀㠀㔀㬀 --success: #4cc9f0;਀            ⴀⴀ氀椀最栀琀㨀 ⌀昀㠀昀㤀昀愀㬀 --dark: #212529;਀            ⴀⴀ最爀愀礀㨀 ⌀㘀挀㜀㔀㜀搀㬀 --border-radius: 12px;਀            ⴀⴀ戀漀砀ⴀ猀栀愀搀漀眀㨀   㐀瀀砀 ㈀ 瀀砀 爀最戀愀⠀ Ⰰ  Ⰰ  Ⰰ  ⸀㄀⤀㬀 --transition: all 0.3s ease;਀        紀 ਀        ⨀ 笀 margin: 0;਀            瀀愀搀搀椀渀最㨀  㬀 box-sizing: border-box;਀            昀漀渀琀ⴀ昀愀洀椀氀礀㨀 ✀匀攀最漀攀 唀䤀✀Ⰰ 吀愀栀漀洀愀Ⰰ 䜀攀渀攀瘀愀Ⰰ 嘀攀爀搀愀渀愀Ⰰ 猀愀渀猀ⴀ猀攀爀椀昀㬀 }਀ body {਀            戀愀挀欀最爀漀甀渀搀㨀 氀椀渀攀愀爀ⴀ最爀愀搀椀攀渀琀⠀㄀㌀㔀搀攀最Ⰰ ⌀昀㔀昀㜀昀愀  ─Ⰰ ⌀攀㈀攀㠀昀  ㄀  ─⤀㬀 min-height: 100vh;਀            搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 justify-content: center;਀            愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 padding: 20px;਀            挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ搀愀爀欀⤀㬀 line-height: 1.6;਀        紀 ਀        ⸀挀漀渀琀愀椀渀攀爀 笀 width: 100%;਀            洀愀砀ⴀ眀椀搀琀栀㨀 㤀  瀀砀㬀 background: white;਀            戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 瘀愀爀⠀ⴀⴀ戀漀爀搀攀爀ⴀ爀愀搀椀甀猀⤀㬀 box-shadow: var(--box-shadow);਀            漀瘀攀爀昀氀漀眀㨀 栀椀搀搀攀渀㬀 transition: var(--transition);਀            愀渀椀洀愀琀椀漀渀㨀 昀愀搀攀䤀渀  ⸀㔀猀 攀愀猀攀ⴀ漀甀琀㬀 }਀ @keyframes fadeIn {਀            昀爀漀洀 笀 漀瀀愀挀椀琀礀㨀  㬀 琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀㈀ 瀀砀⤀㬀 紀 to { opacity: 1; transform: translateY(0); }਀        紀 ਀        ⸀栀攀愀搀攀爀 笀 background: linear-gradient(135deg, var(--primary), var(--primary-dark));਀            挀漀氀漀爀㨀 眀栀椀琀攀㬀 padding: 30px 20px;਀            琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 position: relative;਀            漀瘀攀爀昀氀漀眀㨀 栀椀搀搀攀渀㬀 }਀ .header::before {਀            挀漀渀琀攀渀琀㨀 ✀✀㬀 position: absolute;਀            琀漀瀀㨀 ⴀ㔀 瀀砀㬀 right: -50px;਀            眀椀搀琀栀㨀 ㄀㔀 瀀砀㬀 height: 150px;਀            戀愀挀欀最爀漀甀渀搀㨀 爀最戀愀⠀㈀㔀㔀Ⰰ ㈀㔀㔀Ⰰ ㈀㔀㔀Ⰰ  ⸀㄀⤀㬀 border-radius: 50%;਀        紀 ਀        ⸀栀攀愀搀攀爀 栀㄀ 笀 font-size: 2rem;਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㄀ 瀀砀㬀 font-weight: 700;਀            瀀漀猀椀琀椀漀渀㨀 爀攀氀愀琀椀瘀攀㬀 z-index: 1;਀        紀 ਀        ⸀栀攀愀搀攀爀 瀀 笀 font-size: 1rem;਀            漀瀀愀挀椀琀礀㨀  ⸀㤀㬀 position: relative;਀            稀ⴀ椀渀搀攀砀㨀 ㄀㬀 }਀ .content-area {਀            瀀愀搀搀椀渀最㨀 ㌀ 瀀砀㬀 }਀ .hidden {਀            搀椀猀瀀氀愀礀㨀 渀漀渀攀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀ .btn {਀            搀椀猀瀀氀愀礀㨀 椀渀氀椀渀攀ⴀ戀氀漀挀欀㬀 padding: 12px 28px;਀            戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 㔀 瀀砀㬀 font-weight: 600;਀            挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 transition: var(--transition);਀            戀漀爀搀攀爀㨀 渀漀渀攀㬀 text-align: center;਀            戀漀砀ⴀ猀栀愀搀漀眀㨀   㐀瀀砀 ㄀ 瀀砀 爀最戀愀⠀ Ⰰ  Ⰰ  Ⰰ  ⸀㄀⤀㬀 margin: 10px 5px;਀        紀 ਀        ⸀戀琀渀ⴀ瀀爀椀洀愀爀礀 笀 background: var(--primary);਀            挀漀氀漀爀㨀 眀栀椀琀攀㬀 }਀ .btn-primary:hover {਀            戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀ⴀ搀愀爀欀⤀㬀 transform: translateY(-2px);਀            戀漀砀ⴀ猀栀愀搀漀眀㨀   㠀瀀砀 ㄀㔀瀀砀 爀最戀愀⠀㘀㜀Ⰰ 㤀㜀Ⰰ ㈀㌀㠀Ⰰ  ⸀㌀⤀㬀 }਀ .btn-success {਀            戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ猀甀挀挀攀猀猀⤀㬀 color: white;਀        紀 ਀        ⸀戀琀渀ⴀ猀甀挀挀攀猀猀㨀栀漀瘀攀爀 笀 background: #3ab0d6;਀            琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀夀⠀ⴀ㈀瀀砀⤀㬀 box-shadow: 0 8px 15px rgba(76, 201, 240, 0.3);਀        紀 ਀        ⸀戀琀渀ⴀ搀愀渀最攀爀 笀 background: var(--danger);਀            挀漀氀漀爀㨀 眀栀椀琀攀㬀 }਀ .btn-danger:hover {਀            戀愀挀欀最爀漀甀渀搀㨀 ⌀搀㌀㄀㘀㘀戀㬀 transform: translateY(-2px);਀            戀漀砀ⴀ猀栀愀搀漀眀㨀   㠀瀀砀 ㄀㔀瀀砀 爀最戀愀⠀㈀㐀㜀Ⰰ ㌀㜀Ⰰ ㄀㌀㌀Ⰰ  ⸀㌀⤀㬀 }਀ .btn-group {਀            搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 flex-wrap: wrap;਀            樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 gap: 10px;਀            洀愀爀最椀渀㨀 ㈀ 瀀砀  㬀 }਀ .section-title {਀            琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 margin-bottom: 25px;਀            挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀ⴀ搀愀爀欀⤀㬀 font-size: 1.5rem;਀            瀀漀猀椀琀椀漀渀㨀 爀攀氀愀琀椀瘀攀㬀 padding-bottom: 10px;਀        紀 ਀        ⸀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀㨀㨀愀昀琀攀爀 笀 content: '';਀            瀀漀猀椀琀椀漀渀㨀 愀戀猀漀氀甀琀攀㬀 bottom: 0;਀            氀攀昀琀㨀 㔀 ─㬀 transform: translateX(-50%);਀            眀椀搀琀栀㨀 㠀 瀀砀㬀 height: 3px;਀            戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ猀攀挀漀渀搀愀爀礀⤀㬀 border-radius: 3px;਀        紀 ਀        ⸀挀栀攀挀欀戀漀砀ⴀ挀漀渀琀愀椀渀攀爀 笀 display: grid;਀            最爀椀搀ⴀ琀攀洀瀀氀愀琀攀ⴀ挀漀氀甀洀渀猀㨀 爀攀瀀攀愀琀⠀愀甀琀漀ⴀ昀椀氀氀Ⰰ 洀椀渀洀愀砀⠀㈀  瀀砀Ⰰ ㄀昀爀⤀⤀㬀 gap: 15px;਀            洀愀爀最椀渀㨀 ㈀㔀瀀砀  㬀 }਀ .checkbox-item {਀            搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 align-items: center;਀        紀 ਀        ⸀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀 椀渀瀀甀琀 笀 margin-right: 10px;਀            眀椀搀琀栀㨀 ㄀㠀瀀砀㬀 height: 18px;਀            挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 }਀ .checkbox-item label {਀            挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 font-size: 0.95rem;਀        紀 ਀        ⸀最攀渀攀爀愀琀攀搀ⴀ瀀愀瀀攀爀 笀 padding: 30px;਀        紀 ਀        ⸀瀀愀瀀攀爀ⴀ栀攀愀搀攀爀 笀 text-align: center;਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㌀ 瀀砀㬀 border-bottom: 2px solid var(--primary);਀            瀀愀搀搀椀渀最ⴀ戀漀琀琀漀洀㨀 ㈀ 瀀砀㬀 }਀ .paper-header h2 {਀            挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀ⴀ搀愀爀欀⤀㬀 margin-bottom: 5px;਀            昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㠀爀攀洀㬀 }਀ .paper-header h3 {਀            挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ最爀愀礀⤀㬀 margin-bottom: 5px;਀            昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㈀爀攀洀㬀 font-weight: 500;਀        紀 ਀        ⸀瀀愀瀀攀爀ⴀ洀攀琀愀 笀 display: flex;਀            樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 猀瀀愀挀攀ⴀ戀攀琀眀攀攀渀㬀 margin-bottom: 25px;਀            瀀愀搀搀椀渀最ⴀ戀漀琀琀漀洀㨀 ㄀㔀瀀砀㬀 border-bottom: 1px solid #eee;਀            昀漀渀琀ⴀ眀攀椀最栀琀㨀 㔀  㬀 }਀ .instructions {਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㌀ 瀀砀㬀 padding: 20px;਀            戀愀挀欀最爀漀甀渀搀㨀 ⌀昀㠀昀㤀昀愀㬀 border-radius: var(--border-radius);਀        紀 ਀        ⸀椀渀猀琀爀甀挀琀椀漀渀猀 漀氀 笀 padding-left: 20px;਀            洀愀爀最椀渀ⴀ琀漀瀀㨀 ㄀ 瀀砀㬀 }਀ .instructions li {਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 㠀瀀砀㬀 }਀ .question-section {਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㌀ 瀀砀㬀 }਀ .section-heading {਀            昀漀渀琀ⴀ眀攀椀最栀琀㨀 㘀  㬀 color: var(--primary-dark);਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㄀㔀瀀砀㬀 padding-bottom: 5px;਀            戀漀爀搀攀爀ⴀ戀漀琀琀漀洀㨀 ㄀瀀砀 猀漀氀椀搀 ⌀攀攀攀㬀 }਀ .question {਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㈀ 瀀砀㬀 page-break-inside: avoid;਀        紀 ਀        ⸀焀甀攀猀琀椀漀渀ⴀ琀攀砀琀 笀 font-weight: 500;਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 㠀瀀砀㬀 }਀ .option {਀            洀愀爀最椀渀ⴀ氀攀昀琀㨀 ㈀ 瀀砀㬀 margin-bottom: 5px;਀        紀 ਀        ⸀愀挀琀椀漀渀ⴀ戀甀琀琀漀渀猀 笀 display: flex;਀            樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 flex-wrap: wrap;਀            最愀瀀㨀 ㄀㔀瀀砀㬀 margin-top: 40px;਀        紀 ਀        ⸀愀猀猀攀爀琀椀漀渀ⴀ爀攀愀猀漀渀 笀 margin-left: 20px;਀        紀 ਀        ⸀挀愀猀攀ⴀ猀琀甀搀礀 笀 background-color: #f8f9fa;਀            瀀愀搀搀椀渀最㨀 ㄀㔀瀀砀㬀 border-radius: 8px;਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㄀㔀瀀砀㬀 }਀ .case-study-question {਀            洀愀爀最椀渀ⴀ琀漀瀀㨀 ㄀ 瀀砀㬀 }਀ @media (max-width: 768px) {਀            ⸀栀攀愀搀攀爀 栀㄀ 笀 font-size: 1.6rem;਀            紀 ਀            ⸀挀漀渀琀攀渀琀ⴀ愀爀攀愀 笀 padding: 20px;਀            紀 ਀            ⸀挀栀攀挀欀戀漀砀ⴀ挀漀渀琀愀椀渀攀爀 笀 grid-template-columns: 1fr;਀            紀 ਀            ⸀戀琀渀 笀 padding: 10px 20px;਀                昀漀渀琀ⴀ猀椀稀攀㨀  ⸀㤀爀攀洀㬀 }਀             .paper-header h2 {਀                昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㐀爀攀洀㬀 }਀             .paper-header h3 {਀                昀漀渀琀ⴀ猀椀稀攀㨀 ㄀爀攀洀㬀 }਀        紀 ਀        䀀洀攀搀椀愀 ⠀洀愀砀ⴀ眀椀搀琀栀㨀 㐀㠀 瀀砀⤀ 笀 .header {਀                瀀愀搀搀椀渀最㨀 ㈀ 瀀砀 ㄀㔀瀀砀㬀 }਀             .section-title {਀                昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㌀爀攀洀㬀 }਀             .paper-meta {਀                昀氀攀砀ⴀ搀椀爀攀挀琀椀漀渀㨀 挀漀氀甀洀渀㬀 gap: 10px;਀            紀 ਀            ⸀愀挀琀椀漀渀ⴀ戀甀琀琀漀渀猀 笀 flex-direction: column;਀                愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 }਀             .btn {਀                眀椀搀琀栀㨀 ㄀  ─㬀 max-width: 250px;਀            紀 }਀ @media print {਀            戀漀搀礀 笀 background: none;਀                瀀愀搀搀椀渀最㨀  㬀 }਀             .container {਀                戀漀砀ⴀ猀栀愀搀漀眀㨀 渀漀渀攀㬀 max-width: 100%;਀            紀 ਀            ⸀愀挀琀椀漀渀ⴀ戀甀琀琀漀渀猀 笀 display: none;਀            紀 ਀            ⸀焀甀攀猀琀椀漀渀 笀 page-break-inside: avoid;਀            紀 }਀    㰀⼀猀琀礀氀攀㸀 ਀㰀⼀栀攀愀搀㸀 ਀   㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀愀椀渀攀爀∀ 椀搀㴀∀猀琀愀爀琀䌀漀渀琀愀椀渀攀爀∀㸀
਀            㰀℀ⴀⴀ 䠀漀洀攀 椀挀漀渀 愀搀搀攀搀 栀攀爀攀 ⴀⴀ㸀 ਀                㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ栀漀洀攀∀㸀㰀⼀椀㸀 ਀            㰀栀㄀㸀䌀氀愀猀猀 堀䤀䤀 䌀栀攀洀椀猀琀爀礀㰀⼀栀㄀㸀

Generate Customized Assignments

਀        㰀⼀搀椀瘀㸀 ਀        㰀搀椀瘀 挀氀愀猀猀㴀∀挀漀渀琀攀渀琀ⴀ愀爀攀愀∀㸀
਀                㰀栀㈀ 挀氀愀猀猀㴀∀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀∀㸀䌀栀攀洀椀猀琀爀礀 䄀猀猀椀最渀洀攀渀琀 䜀攀渀攀爀愀琀漀爀㰀⼀栀㈀㸀
਀                    㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ瀀爀椀洀愀爀礀∀ 椀搀㴀∀猀琀愀爀琀䜀攀渀攀爀愀琀椀渀最䈀琀渀∀㸀匀琀愀爀琀 䜀攀渀攀爀愀琀椀渀最㰀⼀戀甀琀琀漀渀㸀
਀            㰀⼀搀椀瘀㸀 ਀            㰀搀椀瘀 椀搀㴀∀挀栀攀洀椀猀琀爀礀伀瀀琀椀漀渀猀∀ 挀氀愀猀猀㴀∀栀椀搀搀攀渀∀㸀

Select Chemistry Course

਀                㰀搀椀瘀 挀氀愀猀猀㴀∀戀琀渀ⴀ最爀漀甀瀀∀㸀 ਀                㰀⼀搀椀瘀㸀