@layer utilities{:root{--brand-primary:#2A75B6;--brand-primary-dark:#1F5A8C;--brand-primary-darker:#17456B;--brand-primary-light:#87D4FF}.dashboard-padding-container{padding:24px}body{margin:0;font-family:var(--font-primary,"Nunito",sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f6;color:#333}body,html{overflow-x:auto}#root,body,html{width:100%;margin:0;padding:0}.student-dashboard-container,.teacher-dashboard-container{min-width:1200px!important;width:100%!important;overflow-x:auto;box-sizing:border-box}.student-dashboard-container .container-fluid,.teacher-dashboard-container .container-fluid{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.student-dashboard-container .main-content-area,.teacher-dashboard-container .dashboard-content{margin-left:0!important;flex:none!important;padding:0!important}.student-dashboard-container .sidebar,.teacher-dashboard-container .sidebar{position:static!important;width:auto!important}.App{text-align:left}.navbar{background-color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.05)}.navbar-brand a{font-size:1.8em;font-weight:700;color:#007bff;text-decoration:none}.navbar-nav{list-style:none;margin:0;padding:0;display:flex}.nav-item{margin-left:25px}.nav-item a{color:#555;text-decoration:none;font-size:1.1em;transition:color .3s ease}.nav-item a:hover{color:#007bff}.features-section{padding:50px 20px;background-color:#fff;margin:0 5%;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.08)}.features-section h2{font-size:2.5em;color:#007bff;margin-bottom:40px}.features-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:30px}.feature-item{flex-basis:calc(33% - 40px);background-color:#f8f9fa;padding:30px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);text-align:center;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-item h3{color:#0056b3;font-size:1.8em;margin-bottom:10px}.feature-item p{font-size:1.1em;color:#666}.testimonials-section{padding:50px 20px;background-color:#e9ecef;margin-top:50px}.testimonials-section h2{font-size:2.5em;color:#007bff;margin-bottom:40px}.testimonial-item{max-width:800px;margin:0 auto;background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.08)}.testimonial-item p{font-style:italic;font-size:1.2em;line-height:1.6;color:#444}.testimonial-item h4{margin-top:20px;color:#0056b3}.course-list-container{padding:40px 20px}.course-list-container h1{font-size:2.5em;color:#007bff;margin-bottom:40px}.course-list{display:flex;flex-wrap:wrap;justify-content:center;padding:20px;gap:20px}.course-card{border:1px solid #ddd;border-radius:8px;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:left;transition:transform .3s ease}.course-card:hover{transform:translateY(-5px)}.course-card h2{color:#007bff;font-size:1.5em;margin-bottom:10px}.course-card p{font-size:1em;color:#666}.btn-unified{background:var(--brand-primary,#2A75B6)!important;color:white!important;border:2px solid var(--brand-primary-dark,#1f5a8c)!important;padding:.75rem 1.5rem!important;border-radius:.5rem!important;font-weight:600!important;font-size:1rem!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important;text-align:center!important;box-shadow:0 2px 0 rgba(0,0,0,.1)!important;text-decoration:none!important;display:inline-block!important;line-height:1.5!important;min-height:44px!important;margin-top:.25rem!important;width:auto!important;max-width:none!important;min-width:fit-content!important}.btn-unified:hover{background:var(--brand-primary-dark,#1F5A8C)!important;border-color:var(--brand-primary-darker,#17456B)!important;transform:translateY(-1px)!important;box-shadow:0 3px 0 rgba(0,0,0,.15)!important}.btn-unified:focus{outline:none!important;box-shadow:0 0 0 3px rgba(90,190,250,.3)!important}.btn-unified:active{transform:translateY(0)!important;box-shadow:0 1px 0 rgba(0,0,0,.1)!important}.btn-unified:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.btn-primary{background:var(--brand-primary,#2A75B6)!important;color:white!important;border:2px solid var(--brand-primary-dark,#1f5a8c)!important;padding:.75rem 1.5rem!important;border-radius:.5rem!important;font-weight:600!important;font-size:1rem!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important;text-align:center!important;box-shadow:0 2px 0 rgba(0,0,0,.1)!important;text-decoration:none!important;display:inline-block!important;line-height:1.5!important;min-height:44px!important;margin-top:.25rem!important;width:auto!important;max-width:none!important;min-width:fit-content!important}.btn-primary:hover{background:var(--brand-primary-dark,#1F5A8C)!important;border-color:var(--brand-primary-darker,#17456B)!important;transform:translateY(-1px)!important;box-shadow:0 3px 0 rgba(0,0,0,.15)!important}.btn-primary:focus{outline:none!important;box-shadow:0 0 0 3px rgba(90,190,250,.3)!important}.btn-primary:active{transform:translateY(0)!important;box-shadow:0 1px 0 rgba(0,0,0,.1)!important}.btn-primary:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.blog-content{color:#374151;line-height:1.8}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:#111827;font-weight:700;margin-top:2em;margin-bottom:1em;line-height:1.3}.blog-content h1{font-size:2.25em}.blog-content h2{font-size:1.875em}.blog-content h3{font-size:1.5em}.blog-content p{margin-bottom:1.5em}.blog-content a{color:#2A75B6;text-decoration:underline;transition:color .2s}.blog-content a:hover{color:#1F5A8C}.blog-content img{max-width:100%;height:auto;border-radius:.5rem;margin:2em 0}.blog-content ol,.blog-content ul{margin:1.5em 0;padding-left:2em}.blog-content li{margin-bottom:.75em}.blog-content blockquote{border-left:4px solid #2a75b6;padding-left:1.5em;margin:2em 0;font-style:italic;color:#6B7280}.blog-content code{background-color:#F3F4F6;padding:.2em .4em;border-radius:.25rem;font-size:.9em;font-family:Courier New,monospace}.blog-content pre{background-color:#1F2937;color:#F9FAFB;padding:1.5em;border-radius:.5rem;overflow-x:auto;margin:2em 0}.blog-content pre code{background-color:initial;padding:0;color:inherit}.blog-content table{width:100%;border-collapse:collapse;margin:2em 0}.blog-content table td,.blog-content table th{border:1px solid #e5e7eb;padding:.75em;text-align:left}.blog-content table th{background-color:#F9FAFB;font-weight:600}}