:root{--primary-color:#667eea;--secondary-color:#764ba2;--text-color:#666;--light-bg:#f8f9fa;--hero-start:#f5f7fa;--hero-end:#c3cfe2;--success-color:#52c41a;--warning-color:#fa8c16;--purple-color:#722ed1;--primary--50:#ebe4ff;--primary--100:#e2dbfc;--primary--200:#c5b8f8;--primary--300:#b39ef3;--primary--400:#7253ee;--primary--500:#673de6;--primary--600:#5025d1;--primary--700:#45209d}.practice-page-layout{min-height:100vh;background:#f5f5f5}.practice-page-layout .practice-spin-container{text-align:center;margin:2rem 0}.practice-page-layout button{display:flex;flex-direction:column;align-items:center;height:auto;padding:10px;gap:3px;width:100%}.practice-page-layout button span{margin:0!important}.practice-page-layout button span.task-number{font-size:12px;color:#9f9f9f;font-weight:400}.practice-page-layout button span.questionTitle{font-size:14px;color:#313131;font-weight:600}.practice-page-layout .category-title{display:flex;align-items:center;font-size:18px;font-weight:600;margin-bottom:12px;flex-direction:column;gap:3px;padding:5px 20px}.practice-page-layout .category-icon-wrapper{margin-right:.5rem;display:flex;align-items:center}.practice-page-layout .category-icon-listening{color:#00c853}.practice-page-layout .category-title-listening{color:#00c853;border-bottom:2px solid #e0f2e9;padding:4px 10px 20px}.practice-page-layout .category-icon-reading{color:#2962ff}.practice-page-layout .category-title-reading{color:#2962ff;border-bottom:2px solid #e3f2fd;padding:4px 10px 20px}.practice-page-layout .category-icon-writing{color:#f57c00}.practice-page-layout .category-title-writing{color:#f57c00;border-bottom:2px solid #fbe9e7;padding:4px 10px 20px}.practice-page-layout .category-icon-speaking{color:#ab47bc}.practice-page-layout .category-title-speaking{color:#ab47bc;border-bottom:2px solid #f3e5f5;padding:4px 10px 20px}.practice-page-layout .ant-col .ant-list ul li{border-bottom:0!important;-webkit-border-after:0!important;border-block-end:0!important}.practice-page-layout .ant-col.Listening .ant-list button{border:2px solid #e0f2e9;transition:all .4s}.practice-page-layout .ant-col.Listening .ant-list button:hover{border-color:#00c853}.practice-page-layout .ant-col.Reading .ant-list button{border:2px solid #e3f2fd;transition:all .4s}.practice-page-layout .ant-col.Reading .ant-list button:hover{border-color:#2962ff}.practice-page-layout .ant-col.Writing .ant-list button{border:2px solid #fbe9e7;transition:all .4s}.practice-page-layout .ant-col.Writing .ant-list button:hover{border-color:#f57c00}.practice-page-layout .ant-col.Speaking .ant-list button{border:2px solid #f3e5f5;transition:all .4s}.practice-page-layout .ant-col.Speaking .ant-list button:hover{border-color:#ab47bc}.practice-page-layout .task-number{font-weight:500;margin-right:.5em}.practice-page-layout .questionTitle{font-weight:400;margin-left:.5em}.practice-page-layout .practice-page-content{padding:40px 20px;width:100%;margin:0 auto;background-color:#fff}.practice-page-layout .practice-page-content .categories-section{max-width:1300px;margin:0 auto}.practice-page-layout .hero-section{padding:80px 24px;text-align:center}.practice-page-layout .hero-title{font-size:48px;margin-bottom:24px;color:var(--primary--500)}.practice-page-layout .hero-description{font-size:20px;color:rgba(76,76,76,.941);font-weight:600;margin:0 auto 5px}.practice-page-layout .hero-description:last-child{color:hsla(0,0%,58%,.941);font-size:14px}.practice-page-layout .hero-description .ant-typography{color:rgba(76,76,76,.941)}.practice-page-layout .hero-description .ant-typography:last-child{color:hsla(0,0%,58%,.941);font-size:16px}.practice-page-layout .categories-section{margin-bottom:60px}.practice-page-layout .categories-section .section-container{padding:0 20px}.practice-page-layout .categories-section .section-title{color:#1a1a1a;font-size:2rem;margin-bottom:24px;text-align:center}.practice-page-layout .categories-section .category-tabs .ant-tabs-nav{margin-bottom:32px}.practice-page-layout .categories-section .category-tabs .ant-tabs-nav .ant-tabs-tab{padding:12px 24px;font-size:1.1rem}.practice-page-layout .categories-section .category-tabs .ant-tabs-nav .ant-tabs-tab .tab-title{display:flex;align-items:center;gap:8px}.practice-page-layout .categories-section .category-tabs .ant-tabs-nav .ant-tabs-tab .tab-icon{font-size:1.2rem}.practice-page-layout .categories-section .category-tabs .ant-tabs-nav .ant-tabs-tab-active .tab-title{font-weight:600}.practice-page-layout .categories-section .category-tabs .category-card{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:24px}.practice-page-layout .categories-section .category-tabs .category-card .category-title{color:#1a1a1a;font-size:1.8rem;margin-bottom:16px}.practice-page-layout .categories-section .category-tabs .category-card .category-description{color:#595959;font-size:1rem}.practice-page-layout .categories-section .category-tabs .exercise-card{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease}.practice-page-layout .categories-section .category-tabs .exercise-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-4px)}.practice-page-layout .categories-section .category-tabs .exercise-card .exercise-title{color:#1a1a1a;font-size:1.4rem;margin-bottom:12px}.practice-page-layout .categories-section .category-tabs .exercise-card .exercise-description{color:#595959;font-size:.95rem}.practice-page-layout .categories-section .category-tabs .exercise-card .start-practice-button{font-weight:500;padding:8px 24px}.practice-page-layout .categories-section .category-tabs .exercise-card .start-practice-button:hover{opacity:.9}.practice-page-layout .tips-section{margin-bottom:60px}.practice-page-layout .tips-section .section-container{padding:0 20px}.practice-page-layout .tips-section .section-title{color:#1a1a1a;font-size:2rem;margin-bottom:24px;text-align:center}.practice-page-layout .tips-section .tip-card{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:24px;text-align:center}.practice-page-layout .tips-section .tip-card .tip-icon{font-size:2rem;margin-bottom:16px;color:var(--purple-color)}.practice-page-layout .tips-section .tip-card .tip-icon.practice-daily{color:#1890ff}.practice-page-layout .tips-section .tip-card .tip-icon.mix-it-up{color:#52c41a}.practice-page-layout .tips-section .tip-card .tip-icon.track-progress{color:#fa8c16}.practice-page-layout .tips-section .tip-card .tip-title{color:#1a1a1a;font-size:1.5rem;margin-bottom:12px}.practice-page-layout .tips-section .tip-card .tip-description{color:#595959;font-size:1rem}.practice-page-layout .cta-section{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#fff,#f0f2f5);border-radius:12px}.practice-page-layout .cta-section .cta-title{color:#1a1a1a;font-size:2rem;margin-bottom:16px}.practice-page-layout .cta-section .cta-description{color:#595959;font-size:1.2rem;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.practice-page-layout .cta-section .cta-button{background:var(--purple-color);border-color:var(--purple-color);padding:8px 32px;font-size:1.1rem;height:auto}.practice-page-layout .cta-section .cta-button:hover{opacity:.9}.practice-page-layout .mobileCategories{display:none}@media(max-width:768px){.practice-page-layout .hero-section,.practice-page-layout .practice-page-content{padding:20px 10px}.practice-page-layout .hero-section .hero-title{font-size:2rem}.practice-page-layout .hero-section .hero-description{font-size:1rem}.practice-page-layout .categories-section .section-title{font-size:1.8rem}.practice-page-layout .categories-section .category-tabs .ant-tabs-nav .ant-tabs-tab{padding:8px 16px;font-size:1rem}.practice-page-layout .categories-section .category-tabs .category-card{padding:16px}.practice-page-layout .categories-section .category-tabs .exercise-card .exercise-title{font-size:1.2rem}.practice-page-layout .tips-section .section-title{font-size:1.8rem}.practice-page-layout .tips-section .tip-card{padding:16px}.practice-page-layout .tips-section .tip-card .tip-title{font-size:1.3rem}.practice-page-layout .cta-section{padding:20px 10px}.practice-page-layout .cta-section .cta-title{font-size:1.8rem}.practice-page-layout .cta-section .cta-description{font-size:1rem}}