*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{height:100%;overflow:hidden;position:absolute;width:100%}.shape{animation:float 20s ease-in-out infinite;border-radius:50%;opacity:.1;position:absolute}.shape1{animation-delay:0s;background:#fff;height:300px;left:-50px;top:-50px;width:300px}.shape2{animation-delay:5s;background:#fff;bottom:-50px;height:200px;right:-50px;width:200px}.shape3{animation-delay:10s;background:#fff;height:150px;right:10%;top:50%;width:150px}.login-card{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;position:relative;width:90%;z-index:10}.login-header{margin-bottom:30px;text-align:center}.logo{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.logo-icon{animation:bounce 2s infinite;font-size:48px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.login-header h2{color:#333;font-size:24px;margin-bottom:8px}.login-header p{color:#666;font-size:14px}.form-group,.login-form{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.error-message{align-items:center;background:#fee;border-radius:10px;color:#c33;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:14px;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.demo-credentials{background:#f9f9f9;border:2px dashed #e0e0e0;border-radius:10px;padding:20px;text-align:center}.demo-credentials p{color:#666}.demo-btn,.demo-credentials p{font-size:14px;margin-bottom:12px}.demo-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.demo-btn:hover{background:#45a049;box-shadow:0 5px 15px #4caf504d;transform:translateY(-2px)}.demo-info{display:flex;flex-direction:column;gap:6px;margin-top:12px}.demo-info small{background:#fff;border-radius:6px;color:#888;font-family:monospace;font-size:12px;padding:6px 12px}.login-footer{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px;text-align:center}.login-footer p{color:#999;font-size:12px}@media (max-width:480px){.login-card{padding:30px 20px}.logo h1{font-size:28px}.login-header h2{font-size:20px}}.dashboard{background-color:#f8f9fa;display:flex;min-height:100vh}.sidebar{background:#2c3e50;box-shadow:2px 0 8px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:width .3s ease;width:200px;z-index:100}.sidebar.collapsed{width:70px}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:20px}.sidebar .logo,.sidebar-header{align-items:center;display:flex}.sidebar .logo{gap:12px}.sidebar .logo-icon{font-size:28px}.sidebar .logo h2{font-size:18px;font-weight:700;margin:0}.sidebar.collapsed .logo h2{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:15px 0}.nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#fffc;cursor:pointer;display:flex;font-size:14px;gap:15px;padding:15px 20px;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;border-left-color:#ff6b6b;color:#fff;font-weight:600}.nav-item .icon{flex-shrink:0;font-size:18px;text-align:center;width:20px}.sidebar.collapsed .nav-item span:not(.icon){display:none}.sidebar-footer{border-top:1px solid #ffffff1a;padding:15px}.logout-btn{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:15px;padding:12px 15px;transition:all .3s ease;width:100%}.logout-btn:hover{background:#ff6b6b33}.main-content{flex:1 1;margin-left:200px;max-height:100vh;overflow-y:auto}.sidebar.collapsed~.main-content{margin-left:70px}.top-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-left h1{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.header-right{gap:30px}.header-right,.header-stats{align-items:center;display:flex}.header-stats{gap:15px}.stat-badge{background:#f0f0f0;border-radius:6px;color:#666;font-size:12px;font-weight:600;padding:6px 12px}.stat-badge.trending{color:#ff6b6b}.learn-btn{background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.learn-btn:hover{background:#ff5252;box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-2px)}.user-menu{align-items:center;display:flex;gap:15px}.notification-btn{background:none;border:none;cursor:pointer;font-size:20px;position:relative}.user-avatar,.user-avatar-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-avatar-btn{border:none;transition:all .3s ease}.user-avatar-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.dashboard-content{padding:40px}.featured-program{grid-gap:40px;align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:12px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px;overflow:hidden;padding:40px;position:relative}.featured-content{color:#fff;position:relative;z-index:2}.featured-content h2{font-size:28px;line-height:1.3;margin-bottom:15px}.featured-content p{font-size:16px;margin-bottom:25px;opacity:.9}.featured-buttons{display:flex;flex-wrap:wrap;gap:15px}.btn-primary{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{background:#ff5252;box-shadow:0 8px 20px #ff6b6b4d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a}.btn-tertiary{background:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;text-decoration:underline;transition:all .3s ease}.btn-tertiary:hover{opacity:.8}.featured-image{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:flex;height:300px;justify-content:center}.image-placeholder{color:#fffc;font-size:18px;font-weight:600;text-align:center}.section{margin-bottom:40px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.section-header h2{color:#2c3e50;font-size:22px;margin:0}.section-meta{color:#666;display:flex;font-size:13px;gap:15px}.view-all-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.view-all-btn:hover{color:#764ba2}.main-course-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:30px;padding:30px}.course-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.course-header h3{color:#2c3e50;font-size:20px;margin:0}.course-tag{background:#e8f5e9;border-radius:6px;color:#4caf50;font-size:12px;font-weight:600;padding:6px 12px}.course-modules{border-bottom:1px solid #e0e0e0;display:flex;gap:20px;margin-bottom:25px;padding-bottom:25px}.module-item{align-items:flex-start;gap:12px}.module-icon{margin-top:2px}.module-name{color:#999;font-size:12px;font-weight:600}.module-desc{color:#2c3e50;font-size:14px;margin-top:4px}.course-progress{margin-bottom:20px}.progress-bar-large{background:#e0e0e0;border-radius:10px;height:10px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width .5s ease}.progress-text{color:#999;font-size:13px}.btn-continue{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.btn-continue:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.dashboard-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:25px}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:25px;text-align:center}.info-icon{font-size:40px;margin-bottom:15px}.info-card h4{color:#2c3e50;font-size:16px;margin:10px 0}.info-card p{color:#666;font-size:13px;margin-bottom:15px}.btn-small{background:#fff;border:2px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-small:hover{background:#667eea;color:#fff}.upcoming-classes{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:25px}.upcoming-classes h4{color:#666;font-size:14px;margin:0}.practice-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.practice-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:25px;text-align:center;transition:all .3s ease}.practice-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.practice-icon{font-size:48px;margin-bottom:15px}.practice-card h4{color:#2c3e50;font-size:14px;margin:10px 0}.practice-card p{color:#666;font-size:12px;line-height:1.5;margin-bottom:15px}.btn-small-outline{background:#0000;border:2px solid #e0e0e0;border-radius:6px;color:#667eea;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-small-outline:hover{background:#f0f4ff;border-color:#667eea}.courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.course-card-grid{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;transition:all .3s ease}.course-card-grid:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.course-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:48px;height:120px;justify-content:center}.course-content{padding:20px}.course-content h3{color:#2c3e50;font-size:14px;line-height:1.4;margin:0 0 10px}.course-instructor{color:#667eea;font-size:12px;margin-bottom:10px}.progress-bar{background:#e0e0e0;border-radius:10px;height:6px;margin-bottom:6px;overflow:hidden}.activity-list{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:25px}.activity-item{border-bottom:1px solid #f0f0f0;display:flex;gap:15px;padding:15px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background:#f0f4ff;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.activity-content h4{color:#2c3e50;font-size:13px;font-weight:600;margin:0 0 4px}.activity-content p{color:#666;font-size:12px;margin:0 0 4px}.activity-time{color:#999;font-size:11px}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;gap:30px;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.loading-container:before{animation:moveGrid 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.loader{height:100px;position:relative;width:100px;z-index:10}.loader:after,.loader:before{border:3px solid #0000;border-radius:50%;content:"";height:100%;position:absolute;width:100%}.loader:before{animation:spin 2s linear infinite;border-right:3px solid #fff;border-top:3px solid #fff;box-shadow:0 0 20px #ffffff80}.loader:after{animation:spinReverse 2s linear infinite;border-bottom:3px solid #ff6b6b;border-left:3px solid #ff6b6b;box-shadow:0 0 15px #ff6b6b80}@keyframes spin{to{transform:rotate(1turn)}}@keyframes spinReverse{to{transform:rotate(-1turn)}}.loading-container>p{animation:fadeInOut 2s ease-in-out infinite;color:#fff;font-size:18px;font-weight:600;letter-spacing:1px;position:relative;z-index:10}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.loading-container:after{animation:float 2s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;bottom:10%;content:"";height:200px;left:50%;position:absolute;transform:translateX(-50%);width:200px}@media (max-width:1200px){.dashboard-content{padding:30px}.featured-program{grid-template-columns:1fr;padding:30px}.featured-image{height:200px}}@media (max-width:768px){.sidebar{width:60px}.main-content{margin-left:60px}.logout-btn span:not(.icon),.nav-item span:not(.icon),.sidebar .logo h2{display:none}.top-header{align-items:flex-start;padding:15px 20px}.header-right,.top-header{flex-direction:column;gap:15px}.header-right{width:100%}.dashboard-content,.featured-program{padding:20px}.featured-content h2{font-size:20px}.featured-buttons{flex-direction:column}.btn-primary,.btn-secondary,.btn-tertiary{width:100%}.courses-grid,.dashboard-info,.practice-grid{grid-template-columns:1fr}.practice-assessments-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.assessment-card{padding:16px}.course-modules{flex-direction:column}}.practice-assessments-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:20px}.assessment-card{background:#fff;border:1px solid #e8eef7;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .3s ease}.assessment-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.assessment-header{align-items:center;display:flex;margin-bottom:16px}.assessment-icon{align-items:center;background:#f0f4ff;border-radius:8px;color:#667eea;display:flex;font-size:32px;font-weight:700;height:48px;justify-content:center;width:48px}.assessment-icon.nn-icon{background:#ffe8e8;color:#ff6b6b}.assessment-icon.microsoft-icon{background:#e8f4ff;color:#0078d4}.assessment-icon.meta-icon{background:#e8ffe8;color:#31a24c}.assessment-content{display:flex;flex:1 1;flex-direction:column}.assessment-content h4{color:#2c3e50;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px}.assessment-meta{color:#667eea;font-size:13px;font-weight:500;margin:0 0 16px}.btn-start{align-self:flex-start;background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:12px;padding:10px 16px;transition:all .2s ease}.btn-start:hover{background:#ff5252;transform:translateX(2px)}.btn-share{align-items:center;background:none;border:none;color:#ccc;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.btn-share:hover{color:#667eea;transform:scale(1.1)}@media (max-width:480px){.sidebar{width:50px}.main-content{margin-left:50px}.top-header{padding:10px 15px}.header-left h1{font-size:14px}.header-stats{gap:8px}.stat-badge{font-size:11px;padding:5px 10px}.dashboard-content,.featured-program{padding:15px}.featured-content h2,.section-header h2{font-size:18px}.main-course-card{padding:20px}.practice-assessments-grid{gap:12px;grid-template-columns:1fr}.assessment-card{padding:12px}.assessment-icon{font-size:24px;height:40px;width:40px}.assessment-content h4{font-size:14px}.btn-start{font-size:12px;padding:8px 12px}.capstone-projects-grid,.supplementary-courses-grid{grid-template-columns:1fr}}.capstone-projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:20px}.capstone-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .3s ease}.capstone-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.capstone-icon{align-items:center;border-radius:12px;display:flex;font-size:32px;height:60px;justify-content:center;margin-bottom:16px;width:60px}.capstone-card h4{color:#2c3e50;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.capstone-course{color:#667eea;font-size:13px;font-weight:500;margin-bottom:16px}.capstone-card .btn-start{margin-bottom:12px;text-align:center;width:100%}.capstone-card .btn-share{font-size:18px;position:absolute;right:16px;top:16px}.supplementary-courses-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:20px}.supplementary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .3s ease}.supplementary-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.supplementary-badge{align-items:center;background:#f0e6ff;border-radius:8px;color:#667eea;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;margin-bottom:16px;width:48px}.supplementary-card h4{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 8px}.supplementary-meta{color:#999;font-size:12px;margin:0 0 8px}.supplementary-desc{color:#666;flex-grow:1;font-size:14px;line-height:1.4;margin:0 0 16px}.supplementary-card .progress-bar{background:#e6e6e6;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.supplementary-card .progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .3s ease}.progress-percent{color:#999;display:block;font-size:12px;margin-bottom:12px}.supplementary-actions{align-items:center;display:flex;gap:8px}.btn-view{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.btn-view:hover{background:#764ba2;transform:translateX(2px)}.supplementary-card .btn-share{background:none;border:none;color:#ccc;cursor:pointer;font-size:16px;padding:8px;position:static;transition:all .2s ease;width:auto}.supplementary-card .btn-share:hover{color:#667eea;transform:scale(1.1)}@media (max-width:1200px){.capstone-projects-grid,.supplementary-courses-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.capstone-projects-grid,.supplementary-courses-grid{gap:16px;grid-template-columns:1fr}.capstone-card,.supplementary-card{padding:16px}.capstone-icon{font-size:24px;height:48px;width:48px}.capstone-card h4,.supplementary-card h4{font-size:16px}}@keyframes float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-30px)}}.learn-section{padding:30px}.learn-section .section-header{margin-bottom:30px}.learn-section .section-header h2{font-size:32px;margin-bottom:5px}.course-subtitle{color:#999;font-size:14px}.learn-container{grid-gap:30px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:grid;gap:30px;grid-template-columns:300px 1fr;overflow:hidden}.learn-sidebar{background:#f8f9fa;border-right:1px solid #e0e0e0;max-height:100vh;overflow-y:auto;padding:30px 20px}.course-info{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.course-info h3{color:#2c3e50;font-size:18px;margin-bottom:10px}.course-info p{color:#666;font-size:13px;line-height:1.6;margin-bottom:15px}.btn-resume{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 15px;transition:transform .2s;width:100%}.btn-resume:hover{transform:translateY(-2px)}.modules-list h4{color:#2c3e50;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.module-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:10px;padding:12px;transition:all .3s}.module-item:hover{background:#f5f7ff;border-color:#667eea;box-shadow:0 2px 8px #667eea26}.module-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;box-shadow:0 2px 12px #667eea40}.module-icon{font-size:20px}.module-info{flex:1 1}.module-info h5{color:#2c3e50;font-size:12px;font-weight:600;line-height:1.3;margin-bottom:3px}.module-info p{color:#999;font-size:11px}.module-progress{align-items:center;color:#667eea;display:flex;font-size:12px;font-weight:600;justify-content:flex-end;width:50px}.progress-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;font-weight:700}.learn-main{overflow-y:auto;padding:40px}.course-hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;gap:40px;justify-content:space-between;margin-bottom:40px;padding:40px}.hero-content{flex:1 1}.course-hero h2{font-size:28px;margin-bottom:5px}.course-hero p{font-size:14px;margin-bottom:20px;opacity:.9}.hero-progress-circle{flex-shrink:0}.course-stats{display:flex;gap:30px;margin-bottom:20px}.stat{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700}.stat-label{font-size:12px;opacity:.8}.chapters-section{margin-top:40px}.chapters-section h3{color:#2c3e50;font-size:22px;margin-bottom:25px}.chapters-list{display:flex;flex-direction:column;gap:20px}.chapter-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.chapter-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;gap:15px;padding:20px;transition:background .3s}.chapter-header:hover{background:#f0f2ff}.chapter-number{color:#667eea;font-size:12px;font-weight:700;min-width:80px;text-transform:uppercase}.chapter-header h4{color:#2c3e50;flex:1 1;font-size:16px;margin:0}.chapter-badge{background:linear-gradient(135deg,#ffe6e6,#fff0e6);border-radius:12px;color:#d32f2f;font-size:12px;font-weight:600;padding:6px 12px}.lessons-list{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.lesson-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:14px 20px;transition:background .3s}.lesson-item:hover{background:#f8f9fa}.lesson-item:last-child{border-bottom:none}.lesson-icon{flex-shrink:0;font-size:18px}.lesson-name{color:#555;flex:1 1;font-size:14px;line-height:1.4}.lesson-status{color:#4caf50;flex-shrink:0;font-size:16px;font-weight:700}@media (max-width:1200px){.learn-container{grid-template-columns:250px 1fr}.learn-sidebar{padding:20px 15px}.learn-main{padding:30px}.course-hero{flex-direction:column;gap:20px;padding:30px}.course-stats{gap:20px}}@media (max-width:900px){.learn-container{grid-template-columns:1fr}.learn-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;max-height:auto}.course-hero{flex-direction:column;gap:20px}}@media (max-width:768px){.learn-section{padding:15px}.learn-section .section-header h2{font-size:24px}.learn-main{padding:20px}.course-hero{flex-direction:column;padding:20px}.chapters-section h3{font-size:18px}.chapter-header{align-items:flex-start;flex-direction:column}.chapter-number{width:100%}.chapter-header h4{margin:8px 0}}.help-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;bottom:30px;box-shadow:0 4px 20px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:15px 25px;position:fixed;right:30px;transition:all .3s ease;z-index:999}.help-button:hover{box-shadow:0 6px 25px #667eea80;transform:translateY(-2px)}.help-icon{align-items:center;background:#fff;border-radius:50%;color:#667eea;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;width:24px}.help-menu{animation:slideUpFade .3s ease;background:#fff;border-radius:16px;bottom:100px;box-shadow:0 8px 30px #00000026;min-width:200px;padding:15px;position:fixed;right:30px;z-index:1000}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.help-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 15px;text-align:left;transition:all .2s ease;width:100%}.help-menu-item:hover{background:#f8f9fa;transform:translateX(3px)}.help-menu-item:first-child{background:#ff6b6b;color:#fff}.help-menu-item:first-child:hover{background:#ff5252}.help-menu-icon{font-size:18px;width:24px}.help-menu-close,.help-menu-icon{align-items:center;display:flex;justify-content:center}.help-menu-close{background:#2c3e50;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:16px;height:30px;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:30px}.help-menu-close:hover{background:#1a252f;transform:rotate(90deg)}.practice-section{margin-bottom:40px}.practice-section h3{color:#2c3e50;font-size:22px;margin-bottom:20px}.section-subtitle{color:#7f8c8d;font-size:16px;margin-top:5px}.assessment-desc{color:#7f8c8d;font-size:13px;line-height:1.5;margin:8px 0}.projects-section{margin-bottom:40px}.projects-section h3{color:#2c3e50;font-size:22px;margin-bottom:20px}.project-desc{color:#7f8c8d;font-size:14px;line-height:1.6;margin:12px 0}.project-meta{color:#667eea;display:flex;font-size:13px;font-weight:500;gap:15px;margin:15px 0}.career-section,.career-stats{margin-bottom:40px}.career-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.career-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea33;color:#fff;padding:30px;text-align:center}.career-stat-card .stat-icon{font-size:40px;margin-bottom:10px}.career-stat-card h3{font-size:36px;font-weight:700;margin:10px 0 5px}.career-stat-card p{font-size:14px;margin:0;opacity:.9}.career-services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.service-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:25px;transition:all .3s ease}.service-card:hover{border-color:#667eea;box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.service-icon{display:block;font-size:36px;margin-bottom:15px}.service-card h4{color:#2c3e50;font-size:18px;margin:10px 0}.service-card p{color:#7f8c8d;font-size:14px;line-height:1.6;margin-bottom:20px}.mentors-grid,.mentorship-section{margin-bottom:40px}.mentors-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.mentor-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.mentor-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.mentor-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.mentor-card h4{color:#2c3e50;font-size:20px;margin:10px 0 5px}.mentor-title{color:#667eea;font-size:14px;font-weight:600;margin:5px 0}.mentor-company{color:#7f8c8d;font-size:13px;margin-bottom:15px}.mentor-skills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:15px 0}.skill-tag{background:#f0f0f0;border-radius:15px;color:#2c3e50;font-size:12px;font-weight:500;padding:5px 12px}.mentor-desc{color:#7f8c8d;font-size:13px;line-height:1.6;margin:15px 0 20px}.mentorship-benefits{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:40px}.mentorship-benefits h3{font-size:24px;margin-bottom:25px;text-align:center}.benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.benefit-item{align-items:center;display:flex;gap:15px}.benefit-icon{font-size:32px}.benefit-item p{font-size:15px;margin:0}.jobs-section{margin-top:30px}.job-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.search-input{border:1px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;min-width:250px;padding:12px 20px}.search-input:focus{border-color:#667eea;outline:none}.filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 20px}.filter-select:focus{border-color:#667eea;outline:none}.job-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:25px;transition:all .3s ease}.job-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.job-header{gap:15px;margin-bottom:15px}.company-logo,.job-header{align-items:center;display:flex}.company-logo{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;font-size:28px;height:60px;justify-content:center;width:60px}.job-title-section{flex:1 1}.job-title-section h4{color:#2c3e50;font-size:20px;margin:0 0 5px}.company-name{color:#7f8c8d;font-size:14px;margin:0}.job-badge{background:#e8eaf6;border-radius:20px;color:#667eea;font-size:12px;font-weight:600;padding:6px 15px}.job-badge.new{background:#fff3cd;color:#f39c12}.job-details{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:20px;margin:15px 0;padding:15px 0}.job-detail{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:5px}.job-description{color:#555;font-size:14px;line-height:1.7;margin:15px 0}.job-skills{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}@media (max-width:768px){.career-stats{grid-template-columns:repeat(2,1fr)}.career-services-grid,.mentors-grid{grid-template-columns:1fr}.job-filters{flex-direction:column}.filter-select,.search-input{width:100%}.benefits-grid{grid-template-columns:1fr}}@media (max-width:480px){.career-stats{grid-template-columns:1fr}.job-header{align-items:flex-start;flex-direction:column}.job-details{flex-direction:column;gap:10px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.profile-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px}.modal-header h2{font-size:22px;margin:0}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;transition:transform .2s}.close-btn:hover{transform:rotate(90deg)}.profile-content{padding:30px;text-align:center}.profile-avatar-section{margin-bottom:30px}.large-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:36px;font-weight:700;height:80px;justify-content:center;margin:0 auto;width:80px}.profile-details{grid-gap:18px;display:grid;gap:18px;text-align:left}.detail-group{display:flex;flex-direction:column;gap:6px}.detail-group label{color:#667eea;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-group p{color:#2c3e50;font-size:15px;line-height:1.5;margin:0}.badge-role{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.modal-actions{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:20px 30px}.btn-close,.btn-download,.btn-edit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-edit:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-download{background:#4caf50;color:#fff}.btn-download:hover{background:#45a049;transform:translateY(-2px)}.btn-close{background:#e0e0e0;color:#333}.btn-close:hover{background:#d0d0d0}@media (max-width:600px){.profile-modal{max-width:100%;width:95%}.modal-actions{flex-direction:column}.detail-group{gap:4px}.modal-header h2{font-size:18px}}.App{min-height:100vh}
/*# sourceMappingURL=main.d68a5c4d.css.map*/