਀㰀栀琀洀氀 氀愀渀最㴀∀攀渀∀㸀 ਀    㰀洀攀琀愀 挀栀愀爀猀攀琀㴀∀唀吀䘀ⴀ㠀∀㸀 ਀    㰀琀椀琀氀攀㸀䨀䔀䔀 倀栀礀猀椀挀猀 䐀愀椀氀礀 倀爀愀挀琀椀挀攀 倀爀漀戀氀攀洀 䜀攀渀攀爀愀琀漀爀㰀⼀琀椀琀氀攀㸀 ਀    㰀℀ⴀⴀ 䄀搀搀 樀猀倀䐀䘀 氀椀戀爀愀爀礀 ⴀⴀ㸀 ਀    㰀猀挀爀椀瀀琀 猀爀挀㴀∀栀琀琀瀀猀㨀⼀⼀挀搀渀樀猀⸀挀氀漀甀搀昀氀愀爀攀⸀挀漀洀⼀愀樀愀砀⼀氀椀戀猀⼀栀琀洀氀㈀挀愀渀瘀愀猀⼀㄀⸀㐀⸀㄀⼀栀琀洀氀㈀挀愀渀瘀愀猀⸀洀椀渀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀 ਀    㰀猀琀礀氀攀㸀 /* 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-level {਀            戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ氀椀最栀琀⤀㬀 color: var(--dark);਀            戀漀爀搀攀爀㨀 ㈀瀀砀 猀漀氀椀搀 瘀愀爀⠀ⴀⴀ最爀愀礀⤀㬀 font-size: 1.2rem;਀            瀀愀搀搀椀渀最㨀 ㄀㔀瀀砀 ㌀　瀀砀㬀 width: 200px;਀        紀 ਀        ⸀戀琀渀ⴀ氀攀瘀攀氀㨀栀漀瘀攀爀 笀 transform: translateY(-5px);਀            戀漀砀ⴀ猀栀愀搀漀眀㨀 　 ㄀　瀀砀 ㈀　瀀砀 爀最戀愀⠀　Ⰰ 　Ⰰ 　Ⰰ 　⸀㈀⤀㬀 }਀ .btn-level.selected {਀            戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 color: white;਀            戀漀爀搀攀爀ⴀ挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 }਀ .btn-group {਀            搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 flex-wrap: wrap;਀            樀甀猀琀椀昀礀ⴀ挀漀渀琀攀渀琀㨀 挀攀渀琀攀爀㬀 gap: 10px;਀            洀愀爀最椀渀㨀 ㈀　瀀砀 　㬀 }਀ .level-buttons {਀            搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 justify-content: center;਀            最愀瀀㨀 ㈀　瀀砀㬀 margin: 30px 0;਀        紀 ਀        ⸀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀 笀 text-align: center;਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㈀㔀瀀砀㬀 color: var(--primary-dark);਀            昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㔀爀攀洀㬀 position: relative;਀            瀀愀搀搀椀渀最ⴀ戀漀琀琀漀洀㨀 ㄀　瀀砀㬀 }਀ .section-title::after {਀            挀漀渀琀攀渀琀㨀 ✀✀㬀 position: absolute;਀            戀漀琀琀漀洀㨀 　㬀 left: 50%;਀            琀爀愀渀猀昀漀爀洀㨀 琀爀愀渀猀氀愀琀攀堀⠀ⴀ㔀　─⤀㬀 width: 80px;਀            栀攀椀最栀琀㨀 ㌀瀀砀㬀 background: var(--secondary);਀            戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 ㌀瀀砀㬀 }਀ .checkbox-container {਀            搀椀猀瀀氀愀礀㨀 最爀椀搀㬀 grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));਀            最愀瀀㨀 ㄀㔀瀀砀㬀 margin: 25px 0;਀        紀 ਀        ⸀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀 笀 display: flex;਀            愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 }਀ .checkbox-item input {਀            洀愀爀最椀渀ⴀ爀椀最栀琀㨀 ㄀　瀀砀㬀 width: 18px;਀            栀攀椀最栀琀㨀 ㄀㠀瀀砀㬀 cursor: pointer;਀        紀 ਀        ⸀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀 氀愀戀攀氀 笀 cursor: pointer;਀            昀漀渀琀ⴀ猀椀稀攀㨀 　⸀㤀㔀爀攀洀㬀 }਀ .generated-paper {਀            瀀愀搀搀椀渀最㨀 ㌀　瀀砀㬀 }਀ .paper-header {਀            琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 margin-bottom: 30px;਀            戀漀爀搀攀爀ⴀ戀漀琀琀漀洀㨀 ㈀瀀砀 猀漀氀椀搀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 padding-bottom: 20px;਀        紀 ਀        ⸀瀀愀瀀攀爀ⴀ栀攀愀搀攀爀 栀㈀ 笀 color: var(--primary-dark);਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 㔀瀀砀㬀 font-size: 1.8rem;਀        紀 ਀        ⸀瀀愀瀀攀爀ⴀ栀攀愀搀攀爀 栀㌀ 笀 color: var(--gray);਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 㔀瀀砀㬀 font-size: 1.2rem;਀            昀漀渀琀ⴀ眀攀椀最栀琀㨀 㔀　　㬀 }਀ .paper-meta {਀            搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 justify-content: space-between;਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㈀㔀瀀砀㬀 padding-bottom: 15px;਀            戀漀爀搀攀爀ⴀ戀漀琀琀漀洀㨀 ㄀瀀砀 猀漀氀椀搀 ⌀攀攀攀㬀 font-weight: 500;਀        紀 ਀        ⸀椀渀猀琀爀甀挀琀椀漀渀猀 笀 margin-bottom: 30px;਀            瀀愀搀搀椀渀最㨀 ㈀　瀀砀㬀 background: #f8f9fa;਀            戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 瘀愀爀⠀ⴀⴀ戀漀爀搀攀爀ⴀ爀愀搀椀甀猀⤀㬀 }਀ .instructions ol {਀            瀀愀搀搀椀渀最ⴀ氀攀昀琀㨀 ㈀　瀀砀㬀 margin-top: 10px;਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㄀　瀀砀㬀 }਀ .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-top: 40px;਀            瀀愀搀搀椀渀最㨀 ㈀　瀀砀㬀 background: #f8f9fa;਀            戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 瘀愀爀⠀ⴀⴀ戀漀爀搀攀爀ⴀ爀愀搀椀甀猀⤀㬀 }਀ .answer-table {਀            眀椀搀琀栀㨀 ㄀　　─㬀 border-collapse: collapse;਀            洀愀爀最椀渀ⴀ琀漀瀀㨀 ㄀㔀瀀砀㬀 }਀ .answer-table th, .answer-table td {਀            戀漀爀搀攀爀㨀 ㄀瀀砀 猀漀氀椀搀 ⌀搀搀搀㬀 padding: 8px;਀            琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 }਀ .answer-table th {਀            戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 color: white;਀        紀 ਀        ⸀愀渀猀眀攀爀ⴀ琀愀戀氀攀 琀爀㨀渀琀栀ⴀ挀栀椀氀搀⠀攀瘀攀渀⤀ 笀 background-color: #f2f2f2;਀        紀 ਀        ⼀⨀ 一攀眀 猀琀礀氀攀猀 昀漀爀 搀愀椀氀礀 瀀爀愀挀琀椀挀攀 ⨀⼀ .streak-container {਀            搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 justify-content: center;਀            愀氀椀最渀ⴀ椀琀攀洀猀㨀 挀攀渀琀攀爀㬀 margin: 20px 0;਀            最愀瀀㨀 ㄀㔀瀀砀㬀 }਀ .streak-counter {਀            戀愀挀欀最爀漀甀渀搀㨀 瘀愀爀⠀ⴀⴀ猀甀挀挀攀猀猀⤀㬀 color: white;਀            瀀愀搀搀椀渀最㨀 ㄀　瀀砀 ㈀　瀀砀㬀 border-radius: 50px;਀            昀漀渀琀ⴀ眀攀椀最栀琀㨀 戀漀氀搀㬀 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);਀        紀 ਀        ⸀搀愀琀攀ⴀ搀椀猀瀀氀愀礀 笀 font-size: 1.1rem;਀            昀漀渀琀ⴀ眀攀椀最栀琀㨀 㘀　　㬀 color: var(--primary-dark);਀        紀 ਀        ⸀瀀爀漀最爀攀猀猀ⴀ挀漀渀琀愀椀渀攀爀 笀 margin: 20px 0;਀            戀愀挀欀最爀漀甀渀搀㨀 ⌀昀㠀昀㤀昀愀㬀 padding: 20px;਀            戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 瘀愀爀⠀ⴀⴀ戀漀爀搀攀爀ⴀ爀愀搀椀甀猀⤀㬀 }਀ .progress-bar {਀            栀攀椀最栀琀㨀 ㄀　瀀砀㬀 background: #e9ecef;਀            戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 㔀瀀砀㬀 overflow: hidden;਀            洀愀爀最椀渀ⴀ琀漀瀀㨀 ㄀　瀀砀㬀 }਀ .progress-fill {਀            栀攀椀最栀琀㨀 ㄀　　─㬀 background: var(--success);਀            戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 㔀瀀砀㬀 transition: width 0.5s ease;਀        紀 ਀        ⸀瀀爀漀戀氀攀洀ⴀ漀昀ⴀ搀愀礀 笀 background: linear-gradient(135deg, #fff5f5, #fff0f6);਀            戀漀爀搀攀爀ⴀ氀攀昀琀㨀 㐀瀀砀 猀漀氀椀搀 瘀愀爀⠀ⴀⴀ搀愀渀最攀爀⤀㬀 padding: 20px;਀            洀愀爀最椀渀㨀 ㈀　瀀砀 　㬀 border-radius: var(--border-radius);਀        紀 ਀        ⸀瀀爀漀戀氀攀洀ⴀ漀昀ⴀ搀愀礀 栀㌀ 笀 color: var(--danger);਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 ㄀㔀瀀砀㬀 }਀ .daily-summary {਀            搀椀猀瀀氀愀礀㨀 昀氀攀砀㬀 justify-content: space-between;਀            昀氀攀砀ⴀ眀爀愀瀀㨀 眀爀愀瀀㬀 gap: 15px;਀            洀愀爀最椀渀㨀 ㈀　瀀砀 　㬀 }਀ .summary-card {਀            昀氀攀砀㨀 ㄀㬀 min-width: 150px;਀            戀愀挀欀最爀漀甀渀搀㨀 眀栀椀琀攀㬀 padding: 15px;਀            戀漀爀搀攀爀ⴀ爀愀搀椀甀猀㨀 瘀愀爀⠀ⴀⴀ戀漀爀搀攀爀ⴀ爀愀搀椀甀猀⤀㬀 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);਀            琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀㬀 }਀ .summary-card h4 {਀            挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ最爀愀礀⤀㬀 font-size: 0.9rem;਀            洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 㔀瀀砀㬀 }਀ .summary-card p {਀            昀漀渀琀ⴀ猀椀稀攀㨀 ㄀⸀㔀爀攀洀㬀 font-weight: bold;਀            挀漀氀漀爀㨀 瘀愀爀⠀ⴀⴀ瀀爀椀洀愀爀礀⤀㬀 }਀ @media (max-width: 768px) {਀            ⸀栀攀愀搀攀爀 栀㄀ 笀 font-size: 1.6rem;਀            紀 ਀            ⸀挀漀渀琀攀渀琀ⴀ愀爀攀愀 笀 padding: 20px;਀            紀 ਀            ⸀挀栀攀挀欀戀漀砀ⴀ挀漀渀琀愀椀渀攀爀 笀 grid-template-columns: 1fr;਀            紀 ਀            ⸀戀琀渀 笀 padding: 10px 20px;਀                昀漀渀琀ⴀ猀椀稀攀㨀 　⸀㤀爀攀洀㬀 }਀             .btn-level {਀                眀椀搀琀栀㨀 ㄀㔀　瀀砀㬀 font-size: 1rem;਀                瀀愀搀搀椀渀最㨀 ㄀㈀瀀砀 ㈀　瀀砀㬀 }਀             .level-buttons {਀                昀氀攀砀ⴀ搀椀爀攀挀琀椀漀渀㨀 挀漀氀甀洀渀㬀 align-items: center;਀            紀 ਀            ⸀瀀愀瀀攀爀ⴀ栀攀愀搀攀爀 栀㈀ 笀 font-size: 1.4rem;਀            紀 ਀            ⸀瀀愀瀀攀爀ⴀ栀攀愀搀攀爀 栀㌀ 笀 font-size: 1rem;਀            紀 ਀            ⸀搀愀椀氀礀ⴀ猀甀洀洀愀爀礀 笀 flex-direction: column;਀            紀 }਀ @media (max-width: 480px) {਀            ⸀栀攀愀搀攀爀 笀 padding: 20px 15px;਀            紀 ਀            ⸀猀攀挀琀椀漀渀ⴀ琀椀琀氀攀 笀 font-size: 1.3rem;਀            紀 ਀            ⸀瀀愀瀀攀爀ⴀ洀攀琀愀 笀 flex-direction: column;਀                最愀瀀㨀 ㄀　瀀砀㬀 }਀             .action-buttons {਀                昀氀攀砀ⴀ搀椀爀攀挀琀椀漀渀㨀 挀漀氀甀洀渀㬀 align-items: center;਀            紀 ਀            ⸀戀琀渀 笀 width: 100%;਀                洀愀砀ⴀ眀椀搀琀栀㨀 ㈀㔀　瀀砀㬀 }਀             .btn-level {਀                眀椀搀琀栀㨀 ㄀　　─㬀 max-width: 200px;਀            紀 ਀            ⸀猀琀爀攀愀欀ⴀ挀漀渀琀愀椀渀攀爀 笀 flex-direction: column;਀                最愀瀀㨀 ㄀　瀀砀㬀 }਀        紀 ਀        䀀洀攀搀椀愀 瀀爀椀渀琀 笀 body {਀                戀愀挀欀最爀漀甀渀搀㨀 渀漀渀攀㬀 padding: 0;਀            紀 ਀            ⸀挀漀渀琀愀椀渀攀爀 笀 box-shadow: none;਀                洀愀砀ⴀ眀椀搀琀栀㨀 ㄀　　─㬀 }਀             .action-buttons {਀                搀椀猀瀀氀愀礀㨀 渀漀渀攀㬀 }਀             .question {਀                瀀愀最攀ⴀ戀爀攀愀欀ⴀ椀渀猀椀搀攀㨀 愀瘀漀椀搀㬀 }਀             .streak-container, .progress-container, .problem-of-day, .daily-summary {਀                搀椀猀瀀氀愀礀㨀 渀漀渀攀㬀 }਀        紀 ਀    㰀猀琀礀氀攀㸀 /* Ensure header styling is preserved */਀        ⸀栀攀愀搀攀爀 笀 background: linear-gradient(135deg, #4361ee, #3f37c9) !important;਀            挀漀氀漀爀㨀 眀栀椀琀攀 ℀椀洀瀀漀爀琀愀渀琀㬀 padding: 30px 20px !important;਀            琀攀砀琀ⴀ愀氀椀最渀㨀 挀攀渀琀攀爀 ℀椀洀瀀漀爀琀愀渀琀㬀 position: relative !important;਀            漀瘀攀爀昀氀漀眀㨀 栀椀搀搀攀渀 ℀椀洀瀀漀爀琀愀渀琀㬀 width: 100% !important;਀        紀 ਀        ⸀栀攀愀搀攀爀 栀㄀Ⰰ ⸀栀攀愀搀攀爀 栀㈀Ⰰ ⸀栀攀愀搀攀爀 栀㌀ 笀 color: white !important;਀            昀漀渀琀ⴀ眀攀椀最栀琀㨀 戀漀氀搀 ℀椀洀瀀漀爀琀愀渀琀㬀 }਀         .temp-pdf-container {਀            昀漀渀琀ⴀ昀愀洀椀氀礀㨀 䄀爀椀愀氀Ⰰ 猀愀渀猀ⴀ猀攀爀椀昀㬀 line-height: 1.5;਀            眀椀搀琀栀㨀 㜀㤀㐀瀀砀㬀 ⼀⨀ 䄀㐀 眀椀搀琀栀 椀渀 瀀椀砀攀氀猀 ⠀㈀㄀　洀洀⤀ ⨀⼀ background-color: white;਀            挀漀氀漀爀㨀 戀氀愀挀欀㬀 }਀         /* Page break control */਀        ⸀焀甀攀猀琀椀漀渀 笀 page-break-inside: avoid;਀            戀爀攀愀欀ⴀ椀渀猀椀搀攀㨀 愀瘀漀椀搀㬀 }਀         .question-section {਀            瀀愀最攀ⴀ戀爀攀愀欀ⴀ愀昀琀攀爀㨀 愀甀琀漀㬀 }਀         @media print {਀            戀漀搀礀 笀 margin: 0 !important;਀                瀀愀搀搀椀渀最㨀 　 ℀椀洀瀀漀爀琀愀渀琀㬀 background: white !important;਀            紀 .container {਀                眀椀搀琀栀㨀 ㄀　　─ ℀椀洀瀀漀爀琀愀渀琀㬀 margin: 0 !important;਀                瀀愀搀搀椀渀最㨀 　 ℀椀洀瀀漀爀琀愀渀琀㬀 box-shadow: none !important;਀            紀 .header {਀                ⴀ眀攀戀欀椀琀ⴀ瀀爀椀渀琀ⴀ挀漀氀漀爀ⴀ愀搀樀甀猀琀㨀 攀砀愀挀琀 ℀椀洀瀀漀爀琀愀渀琀㬀 print-color-adjust: exact !important;਀            紀 }਀         /* Home icon styles */਀        ⸀栀漀洀攀ⴀ椀挀漀渀 笀 position: absolute;਀            琀漀瀀㨀 ㈀　瀀砀㬀 left: 20px;਀            挀漀氀漀爀㨀 眀栀椀琀攀㬀 font-size: 24px;਀            挀甀爀猀漀爀㨀 瀀漀椀渀琀攀爀㬀 transition: var(--transition);਀            稀ⴀ椀渀搀攀砀㨀 ㈀㬀 }਀ .home-icon:hover {਀            琀爀愀渀猀昀漀爀洀㨀 猀挀愀氀攀⠀㄀⸀㄀⤀㬀 color: rgba(255, 255, 255, 0.8);਀        紀 @media (max-width: 480px) {਀            ⸀栀漀洀攀ⴀ椀挀漀渀 笀 font-size: 20px;਀                琀漀瀀㨀 ㄀㔀瀀砀㬀 left: 15px;਀            紀 }਀ @media print {਀            ⸀栀漀洀攀ⴀ椀挀漀渀 笀 display: none;਀            紀 }਀    㰀⼀猀琀礀氀攀㸀 ਀㰀戀漀搀礀㸀
਀        㰀搀椀瘀 挀氀愀猀猀㴀∀栀攀愀搀攀爀∀㸀 ਀            㰀愀 栀爀攀昀㴀∀䨀攀攀ⴀ攀砀愀洀ⴀ搀愀椀氀礀ⴀ瀀爀愀挀琀椀挀攀ⴀ瀀爀漀戀氀攀洀ⴀ最攀渀攀爀愀琀漀爀⸀栀琀洀氀∀ 挀氀愀猀猀㴀∀栀漀洀攀ⴀ椀挀漀渀∀㸀 ਀            㰀⼀愀㸀

JEE Physics Daily Practice

਀            㰀瀀㸀䜀攀渀攀爀愀琀攀 䐀愀椀氀礀 倀爀愀挀琀椀挀攀 倀爀漀戀氀攀洀猀 昀漀爀 䨀䔀䔀 䴀愀椀渀 ☀ 䄀搀瘀愀渀挀攀搀㰀⼀瀀㸀
਀        
਀            㰀搀椀瘀 椀搀㴀∀猀琀愀爀琀匀挀爀攀攀渀∀㸀

JEE Physics Daily Practice Problem Generator

਀                㰀搀椀瘀 挀氀愀猀猀㴀∀猀琀爀攀愀欀ⴀ挀漀渀琀愀椀渀攀爀∀㸀
਀                        㰀椀 挀氀愀猀猀㴀∀昀愀猀 昀愀ⴀ昀椀爀攀∀㸀㰀⼀椀㸀 匀琀爀攀愀欀㨀 㰀猀瀀愀渀 椀搀㴀∀猀琀爀攀愀欀䐀愀礀猀∀㸀　㰀⼀猀瀀愀渀㸀 搀愀礀猀
਀                    㰀搀椀瘀 挀氀愀猀猀㴀∀搀愀琀攀ⴀ搀椀猀瀀氀愀礀∀ 椀搀㴀∀挀甀爀爀攀渀琀䐀愀琀攀∀㸀㰀⼀搀椀瘀㸀
਀                㰀搀椀瘀 挀氀愀猀猀㴀∀瀀爀漀最爀攀猀猀ⴀ挀漀渀琀愀椀渀攀爀∀㸀

Your Progress

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

0% Complete

਀                㰀⼀搀椀瘀㸀
਀                    㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ瀀爀椀洀愀爀礀∀ 椀搀㴀∀瀀爀漀戀氀攀洀伀昀䐀愀礀䈀琀渀∀㸀倀爀漀戀氀攀洀 漀昀 琀栀攀 䐀愀礀㰀⼀戀甀琀琀漀渀㸀 ਀                㰀⼀搀椀瘀㸀
਀ ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㈀∀㸀㈀⸀ 䬀椀渀攀洀愀琀椀挀猀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㌀∀㸀㌀⸀ 䰀愀眀猀 漀昀 䴀漀琀椀漀渀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㐀∀㸀㐀⸀ 圀漀爀欀Ⰰ 䔀渀攀爀最礀 愀渀搀 倀漀眀攀爀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㔀∀㸀㔀⸀ 刀漀琀愀琀椀漀渀愀氀 䴀漀琀椀漀渀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㘀∀㸀㘀⸀ 䜀爀愀瘀椀琀愀琀椀漀渀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㜀∀㸀㜀⸀ 倀爀漀瀀攀爀琀椀攀猀 漀昀 匀漀氀椀搀猀 愀渀搀 䰀椀焀甀椀搀猀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㠀∀㸀㠀⸀ 吀栀攀爀洀漀搀礀渀愀洀椀挀猀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㤀∀㸀㤀⸀ 䬀椀渀攀琀椀挀 吀栀攀漀爀礀 漀昀 䜀愀猀攀猀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㄀　∀㸀㄀　⸀ 伀猀挀椀氀氀愀琀椀漀渀猀 愀渀搀 圀愀瘀攀猀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㄀㄀∀㸀㄀㄀⸀ 䔀氀攀挀琀爀漀猀琀愀琀椀挀猀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㄀㈀∀㸀㄀㈀⸀ 䌀甀爀爀攀渀琀 䔀氀攀挀琀爀椀挀椀琀礀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㄀㌀∀㸀㄀㌀⸀ 䴀愀最渀攀琀椀挀 䔀昀昀攀挀琀猀 漀昀 䌀甀爀爀攀渀琀 愀渀搀 䴀愀最渀攀琀椀猀洀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㄀㐀∀㸀㄀㐀⸀ 䔀氀攀挀琀爀漀洀愀最渀攀琀椀挀 䤀渀搀甀挀琀椀漀渀 愀渀搀 䄀䌀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㄀㔀∀㸀㄀㔀⸀ 䔀氀攀挀琀爀漀洀愀最渀攀琀椀挀 圀愀瘀攀猀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㄀㘀∀㸀㄀㘀⸀ 伀瀀琀椀挀猀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㄀㜀∀㸀㄀㜀⸀ 䐀甀愀氀 一愀琀甀爀攀 漀昀 䴀愀琀琀攀爀 愀渀搀 刀愀搀椀愀琀椀漀渀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㄀㠀∀㸀㄀㠀⸀ 䄀琀漀洀猀 愀渀搀 一甀挀氀攀椀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㄀㤀∀㸀㄀㤀⸀ 䔀氀攀挀琀爀漀渀椀挀 䐀攀瘀椀挀攀猀㰀⼀氀愀戀攀氀㸀 ਀                        㰀搀椀瘀 挀氀愀猀猀㴀∀挀栀攀挀欀戀漀砀ⴀ椀琀攀洀∀㸀 ਀                            㰀氀愀戀攀氀 昀漀爀㴀∀挀栀愀瀀琀攀爀㈀　∀㸀㈀　⸀ 䌀漀洀洀甀渀椀挀愀琀椀漀渀 匀礀猀琀攀洀猀㰀⼀氀愀戀攀氀㸀 ਀                    㰀⼀搀椀瘀㸀 ਀                㰀搀椀瘀 椀搀㴀∀洀攀猀猀愀最攀∀ 挀氀愀猀猀㴀∀栀椀搀搀攀渀∀㸀㰀⼀搀椀瘀㸀
਀                    㰀戀甀琀琀漀渀 挀氀愀猀猀㴀∀戀琀渀 戀琀渀ⴀ搀愀渀最攀爀∀ 椀搀㴀∀戀愀挀欀吀漀匀琀愀爀琀䈀琀渀∀㸀䈀愀挀欀 琀漀 匀琀愀爀琀㰀⼀戀甀琀琀漀渀㸀 ਀                㰀⼀搀椀瘀㸀
਀ ਀ ਀ ਀㰀⼀戀漀搀礀㸀