*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh}code{background-color:#f5f5f5;border-radius:3px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 4px}#root{display:flex;flex:1 1;flex-direction:column}main{flex:1 1;margin:0 auto;max-width:1080px;padding:20px 16px;width:100%}@media (min-width:768px){main{padding:30px 24px}}@media (min-width:1024px){main{padding:40px 32px}}.container{max-width:1080px;padding:0 16px;width:100%}.full-width{left:50%;margin-left:-50vw;margin-right:-50vw;position:relative;right:50%;width:100vw}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.announcement-bar{align-items:center;background-color:#000;background-color:var(--w3-dark);color:#fff;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 2rem}.announcement-bar p{margin:0}.social-toggle{background:#0000;border:none;color:#fff4a3;color:var(--w3-light);cursor:pointer;font-size:.8rem;margin-left:1rem}.social-icons{margin-left:auto;opacity:0;transform:translateY(-10px);transition:all .3s ease}.social-icons.show{opacity:1;transform:translateY(0)}.social-icons a{color:#fff;font-size:1rem;transition:color .3s ease}.social-icons a:hover{color:#fff4a3;color:var(--w3-light)}.header-container{background-color:#282a35;background-color:var(--w3-secondary);box-shadow:0 2px 5px #0000001a;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-top-bar{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.header-logo{gap:.75rem}.header-logo h1{background:linear-gradient(90deg,#fff,#fff4a3);background:linear-gradient(to right,#fff,var(--w3-light));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;font-weight:700;margin:0}.logo-icon{color:#04aa6d;color:var(--w3-primary);font-size:2rem}.header-top-bar{padding:10px 20px}.header-logo,.header-top-bar{align-items:center;display:flex}.logo-icon{font-size:32px;margin-right:8px}.logo-text h1{font-size:24px;margin:0}.tech-name{color:#666;font-size:14px;margin:0}.header-search{flex:1 1;margin:0 2rem;max-width:500px}.header-search form{display:flex;position:relative}.header-search input{background:#ffffffe6;border:none;border-radius:25px;font-size:1rem;padding:.6rem 1rem;transition:all .3s ease;width:100%}.header-search input:focus{background:#fff;box-shadow:0 0 0 2px #04aa6d;box-shadow:0 0 0 2px var(--w3-primary);outline:none}.search-button{background:#0000;border:none;color:#282a35;color:var(--w3-secondary);cursor:pointer;font-size:1rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.header-actions{gap:1rem}.header-actions,.login-button{align-items:center;display:flex}.login-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.login-button:hover{background:#04aa6d;background:var(--w3-primary)}.user-icon{font-size:1rem}.menu-toggle{background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem}.header-nav{background:#0003;padding:.5rem 2rem}.header-nav ul{display:flex;gap:1.5rem;justify-content:center;list-style:none;margin:0 auto;max-width:1200px;padding:0}.header-nav a{color:#fff;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.header-nav a:hover{color:#fff4a3;color:var(--w3-light)}.header-nav a:after{background:#fff4a3;background:var(--w3-light);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.header-nav a:hover:after{width:100%}.user-menu{gap:1rem}.profile-link,.user-menu{align-items:center;display:flex}.profile-link{color:#fff;gap:.5rem;text-decoration:none;transition:transform .3s ease}.profile-link:hover{color:#fff4a3;color:var(--w3-light);transform:translateY(-2px)}.user-avatar{border:2px solid #04aa6d;border:2px solid var(--w3-primary);border-radius:50%;height:30px;object-fit:cover;width:30px}.logout-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.logout-button:hover{background:#04aa6d;background:var(--w3-primary)}@media (max-width:992px){.header-top-bar{padding:1rem}.header-search{margin:0 1rem}.header-nav ul{gap:1rem}}@media (max-width:768px){.header-search{display:none}.menu-toggle{display:block}.header-nav{background:#282a35;background:var(--w3-secondary);left:0;max-height:0;overflow:hidden;padding:0;position:absolute;top:100%;transition:max-height .3s ease;width:100%}.header-nav.open{max-height:500px;padding:1rem 2rem}.header-nav ul{flex-direction:column;gap:1rem}.user-menu{align-items:flex-end;flex-direction:column;gap:.5rem}.logout-button{font-size:.8rem;padding:.3rem .6rem}.announcement-bar{flex-wrap:wrap;padding:.5rem 1rem}.social-icons{display:none}.social-icons.show{display:flex;justify-content:center;margin-top:.5rem;order:1;width:100%}}@media (max-width:480px){.header-logo h1{font-size:1.2rem}.logo-icon{font-size:1.5rem}.login-button span{display:none}.login-button{padding:.5rem}.announcement-bar p{font-size:.8rem}}.login-popup-overlay{z-index:2000}.login-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:2rem;width:100%}.close-popup{color:#282a35;color:var(--w3-secondary);transition:color .3s ease}.close-popup:hover{color:#04aa6d;color:var(--w3-primary)}.popup-header{margin-bottom:1.5rem}.popup-header h2{color:#282a35;color:var(--w3-secondary);margin-bottom:.5rem}.popup-header p{font-size:.9rem}.form-group.with-icon{position:relative}.input-icon{color:#999;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.form-group input{border:1px solid #ddd;border-radius:4px;padding:.8rem 1rem .8rem 2.5rem;transition:border-color .3s ease}.form-group input:focus{border-color:#04aa6d;border-color:var(--w3-primary)}.submit-btn{background-color:#04aa6d;background-color:var(--w3-primary);border-radius:4px;padding:.8rem;transition:background-color .3s ease}.submit-btn:hover{background-color:#038c5a}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.popup-footer{color:#666}.toggle-view{color:#04aa6d;color:var(--w3-primary)}.toggle-view:hover{text-decoration:underline}.forgot-password{margin-bottom:1rem}.forgot-password button{color:#666}.forgot-password button:hover{color:#04aa6d;color:var(--w3-primary)}.error-message{background-color:#fdecea;color:#e74c3c}.error-message,.success-message{border-radius:4px;font-size:.9rem;padding:.8rem}.success-message{background-color:#e8f5e9;margin-bottom:1rem}.success-icon,.success-message{color:#04aa6d;color:var(--w3-primary)}.registration-complete h2{color:#282a35;color:var(--w3-secondary)}.registration-complete p{color:#666}:root{--primary:#1a2a6c;--secondary:#b21f1f;--accent:#fdbb2d;--light:#f8f9fa;--dark:#212529;--gray:#6c757d;--white:#fff;--success:#28a745;--danger:#dc3545}.login-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-popup{animation:slideUp .4s cubic-bezier(.18,.89,.32,1.28);background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000026;max-width:350px;padding:1.5rem;position:relative;width:90%}.popup-header{margin-bottom:1.2rem;text-align:center}.popup-header h2{color:#1a2a6c;font-size:1.4rem;margin-bottom:.3rem}.popup-header p{color:#666;font-size:.85rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.8rem;margin-bottom:.3rem}.form-group input{font-size:.9rem;padding:.6rem .8rem}.submit-btn{font-size:.9rem;margin-top:.8rem;padding:.7rem}.popup-footer{font-size:.8rem;margin-top:1rem}.social-login{margin-top:1.2rem}.social-btn{height:38px;width:38px}.social-btn img{height:16px;width:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.login-popup{max-width:300px;padding:1.2rem}.popup-header h2{font-size:1.3rem}}.popup-header p{color:#6c757d;color:var(--gray);font-size:.95rem;opacity:.8}.form-group{animation:fadeIn .4s ease-out;margin-bottom:1.5rem;position:relative}.form-group label{color:#212529;color:var(--dark);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;transform:translateX(0);transition:transform .3s ease}.form-group:hover label{transform:translateX(5px)}.form-group input{background-color:#fffc;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 5px #0000000d;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{background-color:#fff;background-color:var(--white);border-color:#1a2a6c;border-color:var(--primary);box-shadow:0 0 0 3px #1a2a6c1a;outline:none;transform:translateY(-2px)}.close-popup{background:none;border:none;color:#6c757d;color:var(--gray);cursor:pointer;font-size:1.5rem;opacity:.7;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.close-popup:hover{color:#dc3545;color:var(--danger);opacity:1;transform:rotate(90deg) scale(1.1)}.submit-btn{align-items:center;background:linear-gradient(135deg,#1a2a6c,#b21f1f);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:8px;box-shadow:0 4px 15px #1a2a6c4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.submit-btn:hover{background:linear-gradient(135deg,#b21f1f,#1a2a6c);background:linear-gradient(135deg,var(--secondary),var(--primary));box-shadow:0 8px 25px #1a2a6c66;transform:translateY(-3px)}.submit-btn:hover:before{left:100%}.submit-btn:active{transform:translateY(1px)}.popup-footer{color:#6c757d;color:var(--gray);font-size:.9rem;margin-top:1.5rem;text-align:center}.toggle-view{background:none;border:none;color:#1a2a6c;color:var(--primary);cursor:pointer;font-weight:600;padding:0;text-decoration:underline;transition:all .3s ease}.toggle-view:hover{color:#fdbb2d;color:var(--accent);text-shadow:0 0 5px #fdbb2d4d}.social-login{margin-top:2rem}.divider{align-items:center;display:flex;margin-bottom:1.5rem;opacity:.7}.divider:after,.divider:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.divider span{color:#6c757d;color:var(--gray);font-size:.85rem;padding:0 1rem}.social-icons{gap:1rem}.social-btn,.social-icons{display:flex;justify-content:center}.social-btn{align-items:center;background:#fff;background:var(--white);border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 5px #0000001a;cursor:pointer;height:45px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:45px}.social-btn:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px) scale(1.1)}.social-btn.google:hover{background:#f1f1f1}.social-btn.facebook:hover{background:#f0f2f5}.social-btn img{height:20px;object-fit:contain;transition:transform .3s ease;width:20px}.social-btn:hover img{transform:scale(1.1)}@media (max-width:480px){.login-popup{margin:0 1rem;max-width:90%;padding:1.5rem}.popup-header h2{font-size:1.5rem}.submit-btn{padding:.9rem}}.forgot-password{margin:-.5rem 0 1rem;text-align:right}.forgot-password button{background:none;border:none;color:#1a2a6c;color:var(--primary);cursor:pointer;font-size:.8rem;padding:0}.forgot-password button:hover{color:#b21f1f;color:var(--secondary);text-decoration:underline}.registration-complete{padding:1rem;text-align:center}.success-icon{animation:bounce .5s;color:#28a745;color:var(--success);font-size:3rem;margin-bottom:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.registration-complete h2{color:#28a745;color:var(--success);margin-bottom:.5rem}.registration-complete p{color:#6c757d;color:var(--gray);margin-bottom:1.5rem}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.25rem;color:#dc3545;margin-bottom:1rem;padding:.75rem 1.25rem;text-align:center}:root{--w3-primary:#04aa6d;--w3-secondary:#282a35;--w3-accent:#ffc0c7;--w3-light:#fff4a3;--w3-dark:#000;--w3-text:#333;--w3-background:#f1f1f1}.learning-platform{color:#333;color:var(--w3-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero-section{background:linear-gradient(135deg,#04aa6d,#282a35);background:linear-gradient(135deg,var(--w3-primary) 0,var(--w3-secondary) 100%);color:#fff;overflow:hidden;padding:5rem 0;position:relative;text-align:center}.hero-section:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJhIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxwYXRoIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNSkiIGQ9Ik0wIDBoMjB2MjBIMHoiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4=);content:"";height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.hero-content{animation:fadeInUp 1s ease-out;margin:0 auto;max-width:800px;position:relative;z-index:1}.hero-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.primary-button{background-color:#04aa6d;background-color:var(--w3-primary);border-radius:4px;box-shadow:0 4px 8px #0000001a;color:#fff;padding:.8rem 1.8rem;transition:all .3s ease}.primary-button:hover{background-color:#038c5a;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.secondary-button{background-color:initial;border-radius:4px;padding:.8rem 1.8rem;transition:all .3s ease}.secondary-button:hover{background-color:#ffffff1a;transform:translateY(-2px)}.section-title{color:#282a35;color:var(--w3-secondary);font-size:2.2rem;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:#04aa6d;background:var(--w3-primary);content:"";display:block;height:4px;margin:.5rem auto 0;width:80px}.courses-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.course-card{background:#fff;border-radius:8px;border-top:4px solid #04aa6d;border-top:4px solid var(--w3-primary);box-shadow:0 4px 8px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.course-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-10px)}.course-icon-container{color:#04aa6d;color:var(--w3-primary);font-size:2.5rem;margin-bottom:1rem}.course-details{color:#666;margin:1.5rem 0;text-align:left}.enroll-button{background-color:#282a35;background-color:var(--w3-secondary);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.6rem 1.5rem;transition:all .3s ease;width:100%}.enroll-button:hover{background-color:#04aa6d;background-color:var(--w3-primary)}.features-section{background-color:#f1f1f1;background-color:var(--w3-background);padding:5rem 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000000d;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.feature-icon-container{align-items:center;background-color:#04aa6d1a;border-radius:50%;color:#04aa6d;color:var(--w3-primary);display:flex;font-size:2rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.internship-section{background:linear-gradient(180deg,#f1f1f1 0,#fff);background:linear-gradient(to bottom,var(--w3-background) 0,#fff 100%);padding:5rem 0}.internship-header{margin-bottom:3rem;text-align:center}.section-subtitle{color:#666;font-size:1.1rem;margin-top:.5rem}.internship-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.internship-card{background:#fff;border-left:4px solid #04aa6d;border-left:4px solid var(--w3-primary);border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.internship-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.internship-icon-container{color:#282a35;color:var(--w3-secondary);font-size:2rem;margin-bottom:1rem}.company{color:#04aa6d;color:var(--w3-primary);font-weight:700;margin:.5rem 0}.duration{color:#666;font-size:.9rem;margin-bottom:1.5rem}.apply-button{background-color:#04aa6d;background-color:var(--w3-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.6rem 1.5rem;transition:all .3s ease;width:100%}.apply-button:hover,.internship-benefits{background-color:#282a35;background-color:var(--w3-secondary)}.internship-benefits{border-radius:8px;color:#fff;margin:0 auto;max-width:800px;padding:2rem}.internship-benefits h3{color:#fff;margin-bottom:1.5rem;text-align:center}.benefits-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around}.benefit-item{align-items:center;background:#ffffff1a;border-radius:4px;display:flex;gap:.5rem;min-width:200px;padding:.8rem 1.2rem}.benefit-icon{color:#fff4a3;color:var(--w3-light);font-size:1.2rem}.cta-section{background-color:#282a35;background-color:var(--w3-secondary);color:#fff;padding:4rem 0;text-align:center}.cta-section .primary-button{margin-top:1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.benefits-list,.hero-buttons{align-items:center;flex-direction:column}.benefit-item{justify-content:center;width:100%}}.site-footer{background:linear-gradient(135deg,#0a1a4a,#1a2a6c);color:#fff;font-size:1rem;line-height:1.6}.footer-top{padding:60px 0 40px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer-heading{color:#fdbb2d;font-size:1.3rem;margin-bottom:25px;padding-bottom:10px;position:relative}.footer-heading:after{background-color:#fdbb2d;bottom:0;content:"";height:2px;left:0;position:absolute;width:50px}.footer-logo-icon{font-size:1.5rem;margin-right:10px;vertical-align:middle}.footer-about{max-width:300px}.footer-about p{margin-bottom:20px;opacity:.8}.social-links{display:flex;gap:15px}.social-links a{color:#fff;font-size:1.2rem;transition:color .3s ease}.social-links a:hover{color:#fdbb2d}.footer-links ul{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#fff;opacity:.8;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#fdbb2d;opacity:1;padding-left:5px}.footer-contact ul{list-style:none}.footer-contact li{align-items:flex-start;display:flex;margin-bottom:15px}.contact-icon{color:#fdbb2d;font-size:1.1rem;margin-right:10px;margin-top:3px}.newsletter-form{display:flex;flex-wrap:wrap;gap:10px}.newsletter-form input{border:none;border-radius:4px;flex:1 1;font-size:.9rem;min-width:200px;padding:12px 15px}.newsletter-form button{background-color:#fdbb2d;border:none;border-radius:4px;color:#1a1a1a;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.newsletter-form button:hover{background-color:#ffa600}.footer-bottom{background-color:#0003;padding:20px 0}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.footer-bottom p{font-size:.9rem;margin:0;opacity:.8}.legal-links{display:flex;gap:20px}.legal-links a{color:#fff;font-size:.9rem;opacity:.8;text-decoration:none;transition:opacity .3s ease}.legal-links a:hover{opacity:1;text-decoration:underline}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom-content{flex-direction:column;gap:10px;text-align:center}.legal-links{flex-wrap:wrap;gap:10px 20px;justify-content:center}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.newsletter-form button,.newsletter-form input{width:100%}}.profile-container{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}.profile-header{margin-bottom:2rem;text-align:center}.avatar-container{margin-bottom:1rem}.avatar-default{color:#1a2a6c;font-size:100px}.avatar{border-radius:50%;height:100px;object-fit:cover;width:100px}.profile-details{background:#f8f9fa;border-radius:8px;padding:1.5rem}.detail-item{border-bottom:1px solid #eee;display:flex;margin-bottom:1rem;padding-bottom:1rem}.detail-label{color:#1a2a6c;font-weight:600;width:150px}.detail-value{flex:1 1}.profile-actions{display:flex;justify-content:center;margin-top:2rem}.logout-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.7rem 1.5rem;transition:all .3s}.logout-btn:hover{background:#c82333}.uxui-course-page{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.course-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 0;text-align:center}.course-header h1{font-size:2.5rem;margin-bottom:20px}.course-description{font-size:1.1rem;margin:0 auto 30px;max-width:800px}.course-meta{display:flex;gap:30px;justify-content:center;margin-top:30px}.meta-item{align-items:center;display:flex;gap:8px}.meta-icon{font-size:1.2rem}.course-curriculum{background-color:#f9f9f9;padding:60px 0}.course-curriculum h2{font-size:2rem;margin-bottom:40px;text-align:center}.levels-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.level-card{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;padding:25px}.level-card h3{border-bottom:2px solid #eee;color:#764ba2;margin-bottom:20px;padding-bottom:10px}.tasks-section h4,.topics-section h4{color:#555;margin:15px 0 10px}.tasks-section ul,.topics-section ul{padding-left:20px}.tasks-section li{align-items:center;display:flex;gap:8px;margin-bottom:8px}.task-icon{color:#667eea}.figma-section{padding:60px 0}.figma-section h2{margin-bottom:40px;text-align:center}.figma-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-top:30px}@media (max-width:768px){.figma-content{grid-template-columns:1fr}}.figma-features ul,.figma-projects ul{padding-left:20px}.figma-features li{align-items:center;display:flex;gap:8px;margin-bottom:8px}.figma-icon{color:#764ba2}.certificate-section h2{margin-bottom:40px;text-align:center}.certificate-icon{color:#764ba2}.download-button{background:#764ba2}.download-button:hover{background:#5d3a8a}.instructor-section{padding:60px 0}.instructor-section h2{margin-bottom:40px;text-align:center}.instructor-card{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;display:flex;gap:40px;padding:30px}@media (max-width:768px){.instructor-card{flex-direction:column}}.instructor-image{flex:0 0 200px}.instructor-avatar{background-color:#eee;border-radius:50%;height:200px;width:200px}.instructor-info{flex:1 1}.instructor-info h3{font-size:1.5rem;margin-bottom:5px}.instructor-title{color:#666;margin-bottom:15px}.instructor-bio{margin-bottom:20px}.instructor-stats{display:flex;gap:20px}.stat-item{align-items:center;display:flex;gap:8px}.stat-icon{color:#764ba2}.enrollment-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 0;text-align:center}.enrollment-cta h2{font-size:2rem;margin-bottom:15px}.enrollment-cta p{font-size:1.1rem;margin:0 auto 30px;max-width:600px}.cta-buttons{display:flex;gap:20px;justify-content:center}.primary-button{background:#fff;border:none;border-radius:5px;color:#764ba2}.primary-button,.secondary-button{cursor:pointer;font-size:1rem;font-weight:700;padding:12px 30px}.secondary-button{background:#0000;border:2px solid #fff;border-radius:5px;color:#fff}.primary-button:hover{background:#f0f0f0}.secondary-button:hover{background:#ffffff1a}.certificate-section{background-color:#f9f9f9;padding:60px 0}.certificate-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;display:flex;justify-content:space-between;padding:30px}.certificate-info{align-items:center;display:flex;gap:20px}.certificate-icon{color:#4a6baf;font-size:3rem}.certificate-info h3{color:#2c3e50;margin-bottom:10px}.certificate-info p{color:#666;margin-bottom:10px}.certificate-info ul{margin-top:10px;padding-left:20px}.certificate-info li{margin-bottom:8px}.download-button{align-items:center;background:#4a6baf;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:12px 20px;transition:background .3s}.download-button:hover{background:#3a5a9f}@media (max-width:768px){.certificate-card{flex-direction:column;gap:20px}}
/*# sourceMappingURL=main.2e3f1726.css.map*/