:root{--color-primary: #932df9;--color-primary-dark: #7e22ce;--color-primary-light: #a855f7;--color-accent: #00e0ff;--color-background: #f1f5f9;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text: #1f2937;--color-text-subtle: #4b5563;--color-text-weak: #6b7280;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Poppins", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-md: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.05);--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 80px;--topbar-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--color-text)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-weight:600;border-radius:var(--radius-md);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--ghost{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn--ghost:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.home{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#000;background:#fff}.home__container{max-width:1100px;margin:0 auto;padding:0 16px}.home__sectionTitle{font-size:1.5rem;font-weight:700;margin:0 0 12px}.home__courses{padding:48px 0;background:#fff}.home__courseList{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.home__courseList>*{scroll-snap-align:start;flex:0 0 auto;max-width:100%}html,body{overflow-x:hidden;overflow-y:auto;height:100%}.navHome{position:sticky;top:0;z-index:100;background:#fffffff5;border-bottom:1px solid #e5e7eb;transition:background .3s ease,box-shadow .3s ease}.navHome.scrolled{background:#fffffff8;box-shadow:0 2px 8px #0000000d}.navHome__inner{max-width:1200px;width:100%;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;position:relative;overflow-x:clip}.navHome__brand{display:flex;align-items:center;gap:8px;text-decoration:none}.navHome__brandIcon{width:3rem;height:3rem;display:block}.navHome__brandText{font-size:1.5rem;font-weight:700;color:#1f2937}.navHome__centerWrap{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:2rem}.navHome__links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.navHome__links a{position:relative;display:flex;align-items:center;gap:.5rem;color:#475569;text-decoration:none;font-weight:500;font-size:1rem;transition:transform .2s ease,color .3s ease}.navHome__links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#932df9;transition:width .3s ease}.navHome__links a:hover{color:#932df9;transform:translateY(-2px)}.navHome__links a:hover:after{width:100%}.navHome__links a:active{transform:scale(.97)}.activeLink{color:#facc15;font-weight:700}.activeLink:after{width:100%;background-color:#facc15}.navHome__actions{display:flex;gap:1rem;margin-left:auto}.navHome__btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.1rem;border:1px solid #cbd5e1;border-radius:.5rem;background:linear-gradient(to bottom,#fff,#f9fafb);font-size:1rem;font-weight:500;color:#1f2937;cursor:pointer;min-width:100px;transition:all .2s ease;box-shadow:0 1px 2px #0000000a;-webkit-user-select:none;user-select:none}.navHome__btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014;background:linear-gradient(to bottom,#f3f4f6,#e5e7eb)}.navHome__btn:active{transform:scale(.97);box-shadow:0 2px 6px #0000000f}.navHome__btn--primary{background:linear-gradient(to bottom,#a855f7,#932df9);color:#fff;border-color:#932df9;box-shadow:0 2px 6px #932df94d}.navHome__btn--primary:hover{background:linear-gradient(to bottom,#9333ea,#7e22ce);box-shadow:0 6px 16px #932df966}.navHome__btn--ghost{background:transparent;color:#932df9;border-color:#932df9}.navHome__btn--ghost:hover{background:#eff6ff;box-shadow:0 4px 12px #2563eb1a}.navHome__toggle{display:none;font-size:1.1rem;line-height:1;background:none;border:none;cursor:pointer;padding:.4rem;margin-left:auto}.navHome__menu{display:flex;flex-direction:column;align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;transition:all .5s ease;max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px)}.navHome__menu.open{max-height:500px;opacity:1;transform:translateY(0)}.navHome__menuLinks{list-style:none;padding:.5rem 1rem 0;margin:0;display:flex;flex-direction:column;align-items:center;gap:.75rem}.navHome__menuLinks a{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;color:#475569;text-decoration:none;font-weight:500;font-size:1rem;width:100%;max-width:200px;text-align:center;transition:transform .2s ease,color .3s ease}.navHome__menuLinks a:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#932df9;transition:width .3s ease}.navHome__menuLinks a:hover{color:#932df9;transform:translateY(-2px)}.navHome__menuLinks a:hover:after{width:100%}.navHome__menuLinks a:active{transform:scale(.97)}.navHome__mobileActions{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 1rem 1rem;width:100%}.navHome__mobileActions .navHome__btn{width:100%;max-width:200px}@media (max-width: 1100px){.navHome__centerWrap,.navHome__actions{display:none}.navHome__toggle{display:block}}@media (max-width: 1200px) and (min-width: 1101px){.navHome__links{gap:1.25rem}}.heroHome{position:relative;padding:72px 0;overflow:hidden}.heroHome__container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 clamp(16px,5vw,32px);text-align:center}.heroHome__caption{max-width:720px;margin:0 auto}.heroHome__title{font-size:clamp(2.25rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:.75rem}.heroHome__subtitle{font-size:clamp(1.05rem,2.5vw,1.25rem);color:#475569;margin-top:.5rem;font-weight:500}.heroHome__actions{margin-top:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.heroHome__btn{padding:.75rem 1.5rem;font-size:1rem;border-radius:.5rem;font-weight:600;cursor:pointer;border:1px solid #cbd5e1;background:linear-gradient(to bottom,#fff,#f9fafb);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 1px 2px #0000000a;-webkit-user-select:none;user-select:none}.heroHome__btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014;background:linear-gradient(to bottom,#f3f4f6,#e5e7eb)}.heroHome__btn:active{transform:scale(.97);box-shadow:0 2px 6px #0000000f}.heroHome__btn--primary{background:linear-gradient(to bottom,#932df9,#7e22ce);color:#fff;border-color:#932df9;box-shadow:0 2px 6px #932df94d}.heroHome__btn--primary:hover{background:linear-gradient(to bottom,#7e22ce,#6b21a8);box-shadow:0 6px 16px #932df966}.heroHome__btn--ghost{background:#f3f4f6;color:#2563eb;border-color:#fdfeff}.heroHome__btn--ghost:hover{background:#e5e7eb;box-shadow:0 6px 16px #2563eb26}.heroHome__btnIcon{font-size:1.3rem;color:inherit;margin-right:8px}.heroHome__btnIcon--end{margin-left:8px;margin-right:0}@media (max-width: 768px){.heroHome__btn{width:100%;font-size:1.05rem;padding:12px 16px}.heroHome__title{font-size:2rem}.heroHome__subtitle{font-size:1rem}}.heroHome:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#7c3aed 0%,transparent 70%);opacity:.1;z-index:0}*,*:before,*:after{box-sizing:border-box}.authModal__overlay{position:fixed;inset:0;background:#ffffffbf;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:2rem 1rem;z-index:2000;opacity:0;pointer-events:none}.authModal__overlay.show{animation:overlayFadeIn .8s cubic-bezier(.16,1,.3,1) forwards;pointer-events:auto}.authModal__overlay.closing{animation:overlayFadeOut .8s cubic-bezier(.16,1,.3,1) forwards}.authModal__content{position:relative;width:min(92vw,500px);background:linear-gradient(145deg,#fff,#f9f9ff);border-radius:12px;padding:1.5rem;box-shadow:0 12px 32px #0000001f;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#00e0ff,#932df9);background-clip:padding-box,border-box;background-origin:border-box;opacity:0;transform:translateY(30px) scale(.95);transition:box-shadow .3s ease}.authModal__content:focus-within{outline:none;box-shadow:0 12px 32px #0000001f,0 0 0 4px #932df94d}.authModal__content.show{animation:modalIn .8s cubic-bezier(.16,1,.3,1) forwards}.authModal__content.closing{animation:modalOut .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.95)}}.authModal__close{position:absolute;top:10px;right:10px;border:0;background:transparent;color:#7e22ce;font-size:1.3rem;cursor:pointer}.authModal__close:focus{outline:3px solid #7e22ce;border-radius:4px}.authModal__title{margin:0 0 .25rem;font-size:1.4rem;font-weight:700;color:#111827}.authModal__subtitle{margin:0 0 1rem;font-size:.95rem;color:#6b7280}.authModal__form{display:grid;gap:.75rem}.authModal__field{display:grid;gap:.3rem}.authModal__field label{font-size:.85rem;color:#374151}.authModal__field input{width:100%;padding:.6rem .8rem;border-radius:6px;border:1px solid #d1d5db;font-size:.9rem;color:#111827;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.authModal__field input:focus{outline:none;border-color:#00e0ff;box-shadow:0 0 0 3px #00e0ff40}.authModal__submit{margin-top:.2rem;width:100%;padding:.7rem 1rem;border:none;border-radius:8px;background:linear-gradient(90deg,#00e0ff,#932df9);color:#fff;font-weight:700;letter-spacing:.2px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.authModal__submit:hover{transform:translateY(-1px);box-shadow:0 8px 18px #932df940}.authModal__divider{position:relative;text-align:center;margin:1rem 0 .8rem}.authModal__divider:before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:#e5e7eb;transform:translateY(-50%)}.authModal__divider span{position:relative;background:#fff;padding:0 .5rem;color:#6b7280;font-size:.8rem}.authModal__social{display:grid;gap:.5rem}.authModal__socialBtn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.6rem .9rem;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#111827;font-weight:600;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.authModal__socialBtn.google{border-color:#db4437}.authModal__socialBtn.github{border-color:#111827}.authModal__socialBtn:hover{border-color:#00e0ff;box-shadow:0 6px 14px #00e0ff2e;transform:translateY(-1px)}.authModal__switch{margin-top:.7rem;text-align:center;color:#6b7280;font-size:.92rem}.authModal__link{background:none;border:none;color:#7e22ce;font-weight:700;cursor:pointer;padding:0}.authModal__inner{transition:opacity .5s ease,transform .5s ease}.authModal__inner.switching{opacity:0;transform:translateY(10px)}.authModal__error{background:#ffe6e6;color:#d8000c;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;margin-bottom:1rem}@media (max-width: 480px){.authModal__content{padding:1.25rem}}.authModal__forgot{text-align:right;margin-top:4px;font-size:.9rem}.authModal__forgot .authModal__link{color:#6d28d9;background:none;border:none;cursor:pointer;font-weight:500}.authModal__forgot .authModal__link:hover{text-decoration:underline}.authModal__forgot .authModal__link:focus{outline:3px solid #7e22ce;border-radius:4px}.featHome{padding:2rem 0}.featHome__container{max-width:1100px;margin:0 auto;padding:0 clamp(16px,5vw,32px);text-align:center}.featHome__title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:2.5rem;text-align:center}.featHome__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.featHome__card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000000a;transition:transform .2s ease,border-color .2s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.featHome__card:hover{transform:translateY(-4px);border-color:#932df9}.featHome__icon{font-size:2rem;color:#932df9;margin-bottom:1rem}.featHome__cardTitle{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.featHome__cardDesc{font-size:1rem;color:#475569}.featHome:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#7c3aed 0%,transparent 70%);opacity:.1;z-index:0}.ctaBanner{background-color:#f1f5f9;padding:6rem 2rem;position:relative;overflow:hidden;font-family:Inter,sans-serif}.ctaBanner__container{max-width:1200px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:1}.ctaBanner__content{flex:1 1 60%;color:#0f172a}.ctaBanner__headline{font-size:2.5rem;font-weight:900;margin:0;background:linear-gradient(90deg,#22c55e,#7c3aed);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;transition:background-position .6s ease-in-out}.ctaBanner__headline:hover{background-position:-99% center}.ctaBanner__subtext{font-size:1.1rem;color:#475569;margin-top:12px;max-width:600px}.ctaBanner__button{background:linear-gradient(90deg,#22c55e,#7c3aed);color:#fff;padding:16px 32px;font-weight:800;font-size:1rem;border-radius:12px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.ctaBanner__button:hover{transform:scale(1.05);box-shadow:0 8px 24px #22c55e66}.ctaBanner:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#c5a7f8 0%,transparent 70%);opacity:.1;z-index:0}.testimonial-section{padding:4rem 1rem;background-color:#f9f9fb;text-align:center}.testimonial-heading{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#1f2937;margin-bottom:3rem}.testimonial-grid{display:grid;grid-template-columns:1fr;gap:2rem;justify-items:center;align-items:stretch}.testimonial-card{background-color:#fff;border-radius:16px;padding:2rem;width:100%;max-width:360px;box-shadow:0 8px 24px #0000000f;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001a}.testimonial-avatar{width:72px;height:72px;border-radius:50%;margin-bottom:1rem;object-fit:cover}.testimonial-quote{font-size:1.1rem;font-style:italic;color:#7c3aed;font-weight:500;margin-bottom:1rem;line-height:1.5}.testimonial-meta{font-size:1rem;color:#111;font-weight:600}.testimonial-role{display:block;font-size:.9rem;color:#777}@media (min-width: 600px) and (max-width: 1024px){.testimonial-grid{grid-template-columns:1fr;gap:2.5rem}.testimonial-card{max-width:420px}}@media (min-width: 1025px){.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;justify-items:center}.testimonial-card{max-width:480px;width:100%}}.footHome{background-color:#0f1724;color:#f9fafb;padding:3.25rem 1rem 2rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;box-sizing:border-box}.footHome__container{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(16px,5vw,32px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:clamp(1.5rem,4vw,2.5rem)}.footHome__brand{display:flex;flex-direction:column;align-items:flex-start}.footHome__brandRow{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:.5rem}.footHome__logo{width:44px;height:44px;display:block;flex-shrink:0}.footHome__brandName{font-size:1.45rem;font-weight:700;line-height:1;color:#f8fafc}.footHome__tagline{margin-top:4px;font-size:.95rem;color:#9ca3af;max-width:360px}.footHome__centerBlock{display:flex;flex-direction:column;align-items:center;text-align:center}.footHome__links{display:flex;gap:clamp(1rem,2vw,1.75rem);justify-content:center;align-items:center;flex-wrap:wrap;max-width:100%}.footHome__links a{color:#cbd5e1;text-decoration:none;font-weight:500;font-size:.95rem;letter-spacing:.01em;transition:color .16s ease,transform .16s ease;position:relative}.footHome__links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#9f7aea;transition:width .3s cubic-bezier(.2,.8,.2,1)}.footHome__links a:hover,.footHome__links a:focus{color:#9f7aea;transform:translateY(-2px);text-decoration:none;outline:none}.footHome__links a:hover:after,.footHome__links a:focus:after{width:100%}.footHome__right{display:flex;flex-direction:column;gap:.6rem;justify-content:center;align-items:center}.footHome__cta{display:flex;flex-direction:column;gap:.35rem;text-align:right}.footHome__ctaText{font-size:1rem;color:#e6eefc;font-weight:500}.footHome__ctaBtn{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1rem;background:linear-gradient(90deg,#932df9,#7e22ce);color:#fff;border-radius:10px;font-weight:700;text-decoration:none;box-shadow:0 6px 18px #7324f024;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.footHome__ctaBtn:hover,.footHome__ctaBtn:focus{transform:translateY(-3px);box-shadow:0 10px 28px #7324f02e;background:linear-gradient(90deg,#a855f7,#7e22ce);outline:none}.footHome__socials{display:flex;gap:1rem;justify-content:flex-end;align-items:center}.footHome__socials a{color:#cbd5e1;font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:color .16s ease,transform .16s ease,background .16s ease}.footHome__socials a:hover,.footHome__socials a:focus{color:#fff;background:#7c3aedcc;transform:translateY(-2px);-webkit-backdrop-filter:none;backdrop-filter:none;outline:none}.footHome__bottom{margin-top:2.5rem;padding-top:1.25rem;text-align:center;font-size:.9rem;color:#a1aab8;border-top:1px solid rgba(255,255,255,.06)}@media (max-width: 1024px){.footHome__container{grid-template-columns:1fr;row-gap:2rem;text-align:center}.footHome__brand,.footHome__cta,.footHome__right{align-items:center;text-align:center}.footHome__brandRow{justify-content:center}.footHome__tagline{margin-top:6px;max-width:100%}.footHome__links{justify-content:center;gap:1.25rem;flex-wrap:wrap}.footHome__socials{justify-content:center;gap:1.25rem}}@media (max-width: 480px){.footHome__logo{width:36px;height:36px}.footHome__brandName{font-size:1.15rem}.footHome__tagline{font-size:.88rem;color:#a3acb5}.footHome__links a{font-size:.9rem}.footHome__ctaBtn{padding:.5rem 1rem;font-size:.95rem;width:100%;justify-content:center}.footHome__socials{flex-wrap:wrap;gap:.75rem}}.footHome a:focus{outline:3px solid rgba(124,58,237,.18);outline-offset:3px;border-radius:6px}.courseCarousel{padding:2rem 0;background-color:#f9fafb;position:relative}.courseCarousel__container{max-width:1100px;margin:0 auto;padding:0 clamp(16px,5vw,32px);text-align:center}.courseCarousel__title{font-size:3rem;font-weight:700;color:#1f2937;margin-bottom:3.5rem;text-align:center}.courseCarousel__swiper{position:relative}.swiper{padding-bottom:48px;cursor:grab}.courseCarousel__nav{position:absolute;top:50%;left:0;right:0;z-index:20;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.courseCarousel__arrow{width:40px;height:40px;background-color:#fffc;border-radius:50%;color:#932df9;box-shadow:0 4px 12px #00000014;font-size:1.5rem;font-weight:700;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease,opacity .3s ease;pointer-events:all;opacity:0}.courseCarousel__arrow:hover{transform:scale(1.1);background-color:#fff;box-shadow:0 6px 16px #0000001f;color:#7c1ae0}.courseCarousel__swiper:hover .courseCarousel__arrow{opacity:1}.courseCarousel__pagination{position:relative;margin-top:14px;width:100%;display:flex!important;justify-content:center!important;align-items:center;gap:6px}.courseCarousel__pagination.swiper-pagination{left:auto!important;right:auto!important;transform:none!important;bottom:auto!important}.courseCarousel__pagination .swiper-pagination-bullet{background-color:#e5e7eb;opacity:1;width:8px;height:8px;border-radius:50%;transition:background-color .3s ease}.courseCarousel__pagination .swiper-pagination-bullet-active{background-color:#932df9}@media (max-width: 1024px){.courseCarousel__arrow{opacity:1}}@media (max-width: 768px){.courseCarousel__arrow{width:32px;height:32px;font-size:1.2rem}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.courseCard__image{width:100%;height:180px;object-fit:cover;border-radius:8px}.course-card__action-btn{font-weight:600;color:var(--color-primary);background-color:transparent;border:none;cursor:pointer;padding:0;transition:transform .2s ease,color .2s ease}.course-card__action-btn:hover{color:var(--color-primary-dark);transform:translateY(-2px)}.course-card__action-btn:active{transform:scale(.95);box-shadow:none}:root{--sidebar-width-expanded: 250px;--sidebar-width-collapsed: 80px;--topbar-height: 70px}.dashboard{display:flex;background-color:var(--color-background);min-height:100vh}.dashboard__content{flex-grow:1;padding-left:var(--sidebar-width-collapsed);transition:padding-left .3s ease;overflow-x:hidden;display:flex;flex-direction:column}.dashboard__main{flex-grow:1;max-width:1200px;margin:0 auto;padding-top:calc(var(--topbar-height) + 2rem);padding-bottom:2rem;padding-left:2rem;padding-right:2rem}.overlay{position:fixed;inset:0;background:#0006;z-index:999}@media (max-width: 1024px){.dashboard__content{padding-left:0}.dashboard__main{padding-top:calc(var(--topbar-height) + 1rem)}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width-collapsed);background:var(--color-surface);border-right:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:width .3s ease;z-index:1000;padding-top:var(--topbar-height)}.sidebar:hover{width:var(--sidebar-width-expanded)}.sidebar.mobile{transform:translate(-100%);box-shadow:none;width:var(--sidebar-width-expanded);transition:transform .3s ease}.sidebar.mobile.open{transform:translate(0);box-shadow:var(--shadow-md)}.sidebar__nav{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.sidebar__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.sidebar__list-item{list-style:none}.sidebar__link{display:flex;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:500;color:var(--color-text-subtle);transition:background .2s ease,color .2s ease}.sidebar__link:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.sidebar__link.active{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary-dark);font-weight:600}.sidebar__icon{font-size:1.25rem;transition:transform .2s ease;min-width:24px}.sidebar__link:hover .sidebar__icon{transform:scale(1.1)}.sidebar__label{white-space:nowrap;opacity:0;transform:translate(-20px);transition:opacity .3s ease,transform .3s ease}.sidebar:hover .sidebar__label,.sidebar.mobile.open .sidebar__label{opacity:1;transform:translate(0)}.sidebar__logout{margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-border)}.sidebar__logout .sidebar__link{color:var(--color-error)}.sidebar__logout .sidebar__link:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent)}.logout-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px 32px;border-radius:12px;box-shadow:0 8px 20px #0003;z-index:1001;width:320px;text-align:center;animation:fadeIn .2s ease-in-out}.logout-popup:before{content:"";position:fixed;inset:0;background:#00000080;z-index:-1}.logout-popup h3{margin-bottom:8px;font-size:1.2rem;font-weight:600;color:#333}.logout-popup p{font-size:.95rem;color:#555;margin-bottom:16px}.logout-popup__actions{display:flex;justify-content:center;gap:12px}.btn{padding:8px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.btn--confirm{background:#e63946;color:#fff}.btn--confirm:hover{background:#c92a36}.btn--cancel{background:#f1f1f1;color:#333}.btn--cancel:hover{background:#ddd}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1001;transition:padding-left .3s ease}.topbar__left,.topbar__right{display:flex;align-items:center;gap:1.5rem}.topbar__center{flex-grow:1;display:flex;justify-content:center}.topbar__logo-container{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--color-text);cursor:pointer;transition:transform .2s ease}.topbar__logo-container:hover{transform:scale(1.05)}.topbar__logo-img{height:32px;width:32px}.topbar__logo-text{white-space:nowrap}.topbar__title{font-size:1.5rem;font-weight:700;color:var(--color-text);letter-spacing:-.5px;text-align:center;margin:0;opacity:1;transition:opacity .3s ease}.topbar__menu-btn{font-size:1.2rem;padding:.5rem;border-radius:var(--radius-sm);color:var(--color-text-subtle);background:transparent;transition:color .2s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.topbar__menu-btn:hover{color:var(--color-primary)}.topbar__notification{font-size:1.2rem;color:var(--color-text-subtle);transition:transform .2s ease}.topbar__notification:hover{color:var(--color-primary);transform:scale(1.1)}.topbar__profile{position:relative;display:flex;align-items:center}.topbar__avatar-btn{border:2px solid transparent;border-radius:50%;transition:border-color .2s ease;width:40px;height:40px}.topbar__avatar-btn:hover{border-color:var(--color-primary)}.topbar__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.topbar__dropdown{position:absolute;top:100%;right:0;margin-top:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;animation:fadeIn .3s ease-out;min-width:200px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.topbar__user-info-section{display:flex;align-items:center;gap:10px;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.topbar__user-icon{font-size:2.5rem;color:var(--color-primary)}.topbar__user-details{display:flex;flex-direction:column}.topbar__dropdown-username{font-weight:600;color:var(--color-text)}.topbar__dropdown-email{font-size:.8rem;color:var(--color-text-subtle)}.topbar__dropdown-item{display:flex;align-items:center;gap:10px;padding:.75rem 1rem;font-size:.95rem;font-weight:500;color:var(--color-text-subtle);border-radius:var(--radius-sm);transition:background .2s ease,color .2s ease}.topbar__dropdown-item:hover{background:var(--color-background);color:var(--color-text)}.topbar__dropdown-item.logout{color:var(--color-error)}.topbar__dropdown-item.logout:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.topbar{padding:0 1rem;left:0}.topbar__title{font-size:1.25rem}.topbar__logo-container{font-size:1.25rem;gap:.5rem}.topbar__logo-text{display:none}}.course-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.course-card__image-container{position:relative;width:100%;height:180px;overflow:hidden}.course-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.course-card:hover .course-card__image{transform:scale(1.05)}.course-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.course-card:hover .course-card__overlay{opacity:1}.course-card__play-btn{color:#fff;font-size:3rem;opacity:.8;transition:transform .2s ease,opacity .2s ease}.course-card__play-btn:hover{transform:scale(1.1);opacity:1}.course-card__content{padding:1.25rem;flex-grow:1;display:flex;flex-direction:column}.course-card__title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.course-card__progress{height:8px;background-color:var(--color-border);border-radius:999px;overflow:hidden;margin-bottom:.5rem}.course-card__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .4s ease}.course-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin-top:auto}.course-card__progress-text{color:var(--color-text-subtle);display:flex;align-items:center;gap:5px}.icon-completed{color:var(--color-success)}.course-card__action-btn{font-weight:600;color:var(--color-primary);transition:color .2s ease}.course-card__action-btn:hover{color:var(--color-primary-dark)}.dash-home{padding:2rem 0;display:flex;flex-direction:column;gap:2rem}.dash-home__main{display:flex;flex-direction:column;gap:2.5rem}.dash-home__greeting-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.dash-home__greeting-subtitle{font-size:1.1rem;color:var(--color-text-subtle)}.dash-home__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-card__icon{font-size:2.5rem;color:var(--color-primary)}.stat-card__info{display:flex;flex-direction:column}.stat-card__label{font-size:.9rem;color:var(--color-text-subtle);margin-bottom:.25rem}.stat-card__value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.dash-home__section{display:flex;flex-direction:column;gap:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header__title{font-size:1.75rem;font-weight:700;color:var(--color-text)}.section-header__link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--color-primary);transition:transform .2s ease}.section-header__link:hover{transform:translate(4px)}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.empty-state{font-size:1rem;color:var(--color-text-subtle);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;text-align:center}.hackathon-card{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.hackathon-card__media{flex-shrink:0;width:320px}.hackathon-card__image{width:100%;height:100%;object-fit:cover}.hackathon-card__content{padding:2rem;display:flex;flex-direction:column;justify-content:center}.hackathon-card__title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.hackathon-card__desc{color:var(--color-text-subtle);margin-bottom:1rem}.hackathon-card__meta{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;font-size:.9rem;color:var(--color-text-weak);margin-bottom:1.5rem}.hackathon-card__meta span{display:flex;align-items:center;gap:6px}.hackathon-card__meta svg{color:var(--color-primary)}@media (max-width: 1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}.hackathon-card{flex-direction:column}.hackathon-card__media{width:100%;height:200px}}@media (max-width: 768px){.courses-grid{grid-template-columns:1fr}}:root{--color-primary: #6B46C1;--color-primary-light: #EDE9F7;--color-text: #2D3748;--color-text-subtle: #718096;--color-text-weak: #A0AEC0;--color-background: #F8F9FA;--color-surface: #FFFFFF;--color-border: #E2E8F0;--color-danger: #E53E3E;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-md: .5rem;--radius-lg: .75rem}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6}.profile-container{max-width:1200px;margin:0 auto;padding:2rem}.profile-header{display:flex;align-items:center;gap:2rem;padding:2.5rem;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:2rem;transition:transform .3s ease,box-shadow .3s ease}.profile-header:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.profile-header__avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--color-primary);flex-shrink:0}.profile-header__avatar img{width:100%;height:100%;object-fit:cover}.profile-header__info{flex-grow:1}.profile-header__name{font-size:2.8rem;font-weight:700;margin:0;color:var(--color-text)}.profile-header__headline{font-size:1.2rem;color:var(--color-text-subtle);margin-top:.5rem}.profile-header__location{font-size:1rem;color:var(--color-text-weak);margin-top:.25rem}.profile-main{display:flex;flex-direction:column;gap:1.5rem}.profile-section{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.profile-section:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.profile-section__header{display:flex;justify-content:space-between;align-items:center;font-size:1.6rem;font-weight:600;color:var(--color-text);padding-bottom:1rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.section-icon{color:var(--color-primary);font-size:1.8rem;margin-right:1rem}.profile-section__header span{flex-grow:1}.edit-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:color .2s ease,transform .2s ease}.edit-btn:hover{color:#553c9a;transform:translateY(-1px)}.profile-section__content p{line-height:1.7;color:var(--color-text)}.contact-info p{margin:.5rem 0}.skills-list{display:flex;flex-wrap:wrap;gap:.75rem}.skills-list span{background-color:var(--color-primary-light);color:var(--color-primary);padding:.6rem 1.2rem;border-radius:2rem;font-size:.95rem;font-weight:500;transition:background-color .3s ease}.skills-list span:hover{background-color:#d1c4e9}.experience-item,.education-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.experience-item:last-child,.education-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.experience-item h3,.education-item h3{font-size:1.2rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.experience-item__duration{font-size:.9rem;color:var(--color-text-weak);margin-bottom:.5rem}.edit-form{display:flex;flex-direction:column;gap:1rem}.edit-textarea,.edit-input{width:100%;padding:1rem;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:100px;transition:border-color .2s ease,box-shadow .2s ease}.edit-input{min-height:auto}.edit-textarea:focus,.edit-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6b46c11a}.edit-actions{display:flex;gap:.75rem;margin-top:.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.btn-save{background-color:var(--color-primary);color:#fff}.btn-save:hover{background-color:#553c9a;transform:translateY(-1px)}.btn-cancel{background-color:var(--color-border);color:var(--color-text-subtle)}.btn-cancel:hover{background-color:#cbd5e0;transform:translateY(-1px)}.status-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;font-size:1.5rem;color:var(--color-text-subtle);text-align:center}.spinner{animation:spin 1s linear infinite;font-size:3rem;color:var(--color-primary);margin-bottom:1rem}.error{color:var(--color-danger)}.error-icon{font-size:3rem;margin-bottom:1rem}@media (max-width: 768px){.profile-container{padding:1rem}.profile-header{flex-direction:column;text-align:center;padding:1.5rem;gap:1.5rem}.profile-header__avatar{width:90px;height:90px}.profile-header__name{font-size:2rem}.profile-header__headline{font-size:1rem}.profile-section{padding:1.5rem}.profile-section__header{font-size:1.4rem}}.profile-container{max-width:900px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;position:relative}.profile-header__avatar img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.profile-header__info h1{margin:0;font-size:28px}.profile-header__headline,.profile-header__location{margin:5px 0;color:#555}.edit-btn{background:#6b46c1;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:5px;border-radius:5px}.edit-btn:hover{background:#553c9a}.profile-section{margin-bottom:30px}.profile-section__header{display:flex;align-items:center;gap:10px;font-size:1.2rem;margin-bottom:15px}.section-icon{color:#6b46c1}.profile-section__content p,.profile-section__content div{margin:5px 0}.skills-list span{display:inline-block;background:#eee;padding:5px 10px;margin:3px;border-radius:15px;font-size:.9rem}.edit-form{display:flex;flex-direction:column;gap:10px}.edit-input,.edit-textarea{padding:8px 10px;font-size:1rem;border-radius:5px;border:1px solid #ccc;width:100%}.edit-textarea{min-height:80px;resize:vertical}.edit-actions{display:flex;gap:10px;margin-top:10px}.btn{padding:6px 12px;border-radius:5px;cursor:pointer;border:none;font-size:.9rem}.btn-save{background:#38a169;color:#fff}.btn-save:disabled{background:#a0d5a5;cursor:not-allowed}.btn-cancel{background:#e53e3e;color:#fff}.btn-add{background:#3182ce;color:#fff}.experience-item,.education-item{padding:10px;border-left:3px solid #6b46c1;margin-bottom:10px;background:#f9f9f9;border-radius:5px}.experience-item__duration{font-size:.9rem;color:#555}.experience-item-edit,.education-item-edit{position:relative;padding-right:30px}.delete-icon{position:absolute;top:5px;right:5px;color:#e53e3e;cursor:pointer;font-size:1.1rem}.delete-icon:hover{color:#c53030}.status-message{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px;font-size:1.2rem;color:#555}.spinner{font-size:2rem;animation:spin 1s linear infinite}.error-icon{font-size:2rem;margin-bottom:10px}.profile-container{max-width:900px;margin:2rem auto;padding:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d3748;background-color:#f8f9fa;border-radius:12px;box-shadow:0 4px 15px #0000001a}.profile-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.profile-header__avatar img{width:100px;height:100px;border-radius:50%;object-fit:cover}.profile-header__info{flex:1;margin-left:1rem}.profile-header__name{font-size:1.8rem;font-weight:700}.profile-header__headline,.profile-header__location{font-size:1rem;color:#4a5568}.edit-btn{background:none;border:none;color:#6b46c1;cursor:pointer;font-size:.9rem;display:flex;align-items:center}.edit-btn svg{margin-right:4px}.profile-section{margin-top:1.5rem;background:#fff;padding:1rem;border-radius:10px;box-shadow:0 2px 8px #0000000d}.profile-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.section-icon{margin-right:.5rem;color:#6b46c1}.profile-section__content p{margin:.3rem 0;color:#4a5568}.edit-form{display:flex;flex-direction:column;gap:.5rem}.edit-input,.edit-textarea{padding:.5rem;border-radius:6px;border:1px solid #cbd5e0;width:100%;font-size:.95rem}.edit-textarea{resize:vertical;min-height:80px}.edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.btn{padding:.4rem .8rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-save{background-color:#6b46c1;color:#fff}.btn-cancel{background-color:#e2e8f0;color:#2d3748}.btn-add{background-color:#38a169;color:#fff}.contact-info p{margin:.2rem 0}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-item{display:flex;align-items:center;gap:.5rem;background:#edf2f7;padding:.3rem .6rem;border-radius:6px}.drag-handle{cursor:grab;color:#718096}.delete-icon{cursor:pointer;color:#e53e3e}.experience-item,.education-item{margin-bottom:.8rem;padding:.5rem;border-left:3px solid #6b46c1;background:#f7fafc;border-radius:6px}.experience-item-edit,.education-item-edit{position:relative;margin-bottom:.8rem;padding:.5rem;background:#f7fafc;border-radius:6px;display:flex;flex-direction:column;gap:.4rem}.experience-item-edit input,.education-item-edit input,.experience-item-edit textarea{width:100%}.experience-item-edit textarea{resize:vertical;min-height:50px}.experience-item-edit .delete-icon,.education-item-edit .delete-icon{position:absolute;top:5px;right:5px}.drag-handle{position:absolute;top:5px;left:5px}.status-message{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;font-size:1.1rem}.status-message.error{color:#e53e3e}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.accomplishments{padding:2rem 0;display:flex;flex-direction:column;gap:2rem}.accomplishments__header{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.accomplishments__category{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.accomplishments__category-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;cursor:pointer;transition:opacity .2s ease}.accomplishments__category-header h3{font-size:1.5rem;font-weight:600;color:var(--color-text)}.accomplishments__toggle-icon{font-size:1.5rem;color:var(--color-text-subtle);transition:transform .3s ease}.accomplishments__toggle-icon.collapsed{transform:rotate(0)}.accomplishments__toggle-icon.expanded{transform:rotate(180deg)}.accomplishments__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding-top:1.5rem}.achievement-card{display:flex;align-items:flex-start;gap:1rem;background-color:var(--color-background);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.achievement-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.achievement-card__icon{font-size:2rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.achievement-card__info{flex-grow:1}.achievement-card__title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.achievement-card__desc{font-size:.9rem;color:var(--color-text-subtle)}.accomplishments__empty{text-align:center;padding:3rem;font-size:1.1rem;color:var(--color-text-subtle);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.courses-container{min-height:100vh;background:#f9f9fb;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center}.courses-title{font-size:2.2rem;font-weight:700;color:#2d2d2d;margin-bottom:2rem;text-align:center;position:relative}.courses-title:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,#6a5acd,#8a2be2);margin:.5rem auto;border-radius:10px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;max-width:1200px;padding:0 1rem}.course-card{background:#fff;border-radius:15px;box-shadow:0 6px 18px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-8px);box-shadow:0 10px 20px #0000001f}.course-image{width:100%;height:160px;object-fit:cover;transition:transform .4s ease}.course-card:hover .course-image{transform:scale(1.05)}.course-content{padding:1rem 1.2rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.course-title{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.5rem}.course-desc{font-size:.9rem;color:#666;line-height:1.4;margin-bottom:1rem;flex:1}.course-btn{display:inline-block;padding:.55rem 1.1rem;background:linear-gradient(135deg,#6a5acd,#8a2be2);color:#fff;font-size:.85rem;font-weight:700;border-radius:8px;text-decoration:none;text-align:center;transition:background .3s ease,transform .2s ease}.course-btn:hover{background:linear-gradient(135deg,#5b4abf,#7020d8);transform:scale(1.05)}@media (max-width: 639px){.courses-container{padding:2rem 1rem}.courses-title{font-size:1.8rem}.courses-title:after{width:50px}.course-image{height:140px}.course-title{font-size:1.1rem}.course-desc{font-size:.85rem}.course-btn{font-size:.8rem;padding:.5rem 1rem}}@media (min-width: 640px) and (max-width: 1023px){.courses-title{font-size:2rem}.course-image{height:150px}.course-title{font-size:1.15rem}.course-desc{font-size:.9rem}}@media (min-width: 1200px){.courses-grid{gap:2rem}.courses-title{font-size:2.5rem}}.navHome{background-color:#007bff;padding:10px 20px;transition:background-color .3s ease}.navHome__inner{display:flex;justify-content:center;align-items:center}.navHome__brand{display:flex;align-items:center;text-decoration:none;color:#fff}.navHome__brandIcon{width:50px;height:50px;filter:brightness(1.3);transition:filter .3s ease}.navHome__brandIcon:hover{filter:brightness(1.5)}.navHome__brandText{margin-left:15px;font-size:2rem;font-weight:700}.hackathons-container{max-width:900px;margin:30px auto;padding:20px;background-color:#f9f9f9;border-radius:10px;transition:background-color .3s ease,color .3s ease}.dark-mode{background-color:#121212;color:#f1f1f1}.hackathons-title{text-align:center;font-size:2.5rem;margin-bottom:30px;color:#007bff;animation:fadeIn 1s ease forwards}.hackathon-section{background-color:#fff;color:#000;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:20px;transition:background-color .3s ease,color .3s ease;animation:fadeIn 1s ease forwards}.dark-mode .hackathon-section{background-color:#1e1e1e;border-color:#333;color:#f1f1f1}.hackathon-section h2{font-size:1.8rem;margin-bottom:15px}.hackathon-details p{margin:8px 0}.hackathon-form{display:flex;flex-direction:column}.hackathon-form label{margin-top:10px;font-weight:700}.hackathon-form input{padding:12px;margin-top:5px;border:1px solid #ccc;border-radius:5px;transition:border-color .3s ease,background-color .3s ease}.hackathon-form input:focus{border-color:#007bff;outline:none}.dark-mode .hackathon-form input{background-color:#2c2c2c;border-color:#555;color:#fff}.hackathon-form button{margin-top:20px;padding:12px;background-color:#007bff;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.hackathon-form button:hover{background-color:#0056b3}.hackathon-section ul{list-style:disc inside;padding-left:20px}.fade-in{opacity:0;animation:fadeIn 1s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hackathons-container{margin:20px;padding:15px}.hackathons-title{font-size:2rem}.hackathon-section h2{font-size:1.4rem}.navHome__brandText{font-size:1.5rem}.navHome__brandIcon{width:40px;height:40px}}.contact-page{font-family:Poppins,sans-serif;background:#f9fafb;color:#333;padding-bottom:4rem}.contact-hero{text-align:center;padding:4rem 1rem;background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;border-bottom-left-radius:40px;border-bottom-right-radius:40px}.contact-hero h1{font-size:2.5rem;font-weight:700}.contact-hero p{margin-top:.5rem;font-size:1.2rem;opacity:.9}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1000px;margin:3rem auto;padding:0 1rem}.contact-card{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:2rem;text-align:center;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #0000001a}.contact-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #00000026}.contact-card .icon{font-size:2.5rem;margin-bottom:1rem}.contact-card .email{color:#2563eb}.contact-card .phone{color:#16a34a}.contact-card .map{color:#ef4444}.contact-form{max-width:700px;margin:3rem auto;background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 6px 25px #0000001a}.contact-form h2{margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.form-group{position:relative;margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:12px;border:1.5px solid #ccc;border-radius:10px;outline:none;font-size:1rem;transition:border .3s}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb}.form-group label{position:absolute;top:12px;left:14px;font-size:.95rem;color:#888;transition:.3s ease;pointer-events:none}.form-group input:focus+label,.form-group textarea:focus+label,.form-group input:valid+label,.form-group textarea:valid+label{top:-8px;left:12px;font-size:.8rem;background:#fff;padding:0 5px;color:#2563eb}.btn-submit{width:100%;padding:12px;background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,background .3s}.btn-submit:hover{transform:scale(1.05);background:linear-gradient(135deg,#1d4ed8,#7e22ce)}.social-links{text-align:center;margin-top:2rem}.social-links p{margin-bottom:1rem;font-size:1.1rem;color:#555}.icons{display:flex;justify-content:center;gap:1.5rem;font-size:2rem}.icons a{transition:transform .3s ease,color .3s ease}.icons a:hover{transform:scale(1.2) rotate(5deg)}.icons .whatsapp{color:#25d366}.icons .linkedin{color:#0a66c2}.icons .instagram{color:#e1306c}.admin-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#3b82f6,#9333ea);font-family:Segoe UI,sans-serif}.admin-login-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 20px #00000026;width:380px}.admin-login-form h2{text-align:center;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;color:#333}.admin-login-form input{width:100%;padding:12px;margin-bottom:1rem;border:1px solid #ccc;border-radius:8px;outline:none;font-size:1rem;transition:all .2s}.admin-login-form input:focus{border-color:#3b82f6;box-shadow:0 0 5px #3b82f666}.admin-login-form button{width:100%;padding:12px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:.3s}.admin-login-form button:hover{background:#2563eb}.nav-btn{background-color:#fff;color:#16a34a;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;margin:.2rem}.nav-btn:hover,.nav-btn.active-nav{background-color:#22c55e;color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px #00000026}.logout-btn{background-color:#ef4444;color:#fff;font-weight:600;padding:.5rem 1.25rem;border-radius:.5rem;border:none;cursor:pointer;box-shadow:0 2px 6px #00000026;transition:all .3s ease}.logout-btn:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.dashboard-card{box-shadow:0 10px 15px #0000001a;border-radius:1rem;padding:1.5rem;color:#fff;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{transform:scale(1.05);box-shadow:0 15px 25px #0003}.dashboard-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.dashboard-card p{font-size:1.5rem;font-weight:700}.bg-blue-500{background-color:#3b82f6}.bg-green-500{background-color:#16a34a}.bg-red-500{background-color:#ef4444}.bg-yellow-500{background-color:#eab308}.bg-gray-500{background-color:#6b7280}.action-btn{color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 6px #00000026;margin:.25rem}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 10px #0003}table{border-collapse:collapse;width:100%;background-color:#fff}th,td{padding:.75rem;text-align:center;border:1px solid #d1d5db}thead th{background-color:#1f2937;color:#fff;font-weight:600}tbody tr:hover{background-color:#f3f4f6}td img{width:48px;height:48px;border-radius:.375rem;object-fit:cover;display:block;margin:0 auto}@media (max-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid{grid-template-columns:1fr}}h2,h3{font-family:Inter,sans-serif}body{font-family:Inter,sans-serif;background-color:#f9fafb}.courseDetailsPage{display:grid;grid-template-columns:250px 1fr 250px;gap:1.5rem;padding:1.5rem;flex:1;background:#f9fafb}.courseSidebar{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 6px #00000014}.courseSidebar h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.courseSidebar ul{list-style:none;padding:0}.courseSidebar li{padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:.2s}.courseSidebar li:hover{background:#f3f4f6}.courseMain{text-align:center}.courseMain h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.courseMain p{color:#4b5563;margin-bottom:1rem}.courseVideo{max-width:720px;margin:0 auto;aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 6px 16px #00000026}.courseVideo iframe{width:100%;height:100%;border:none}.courseProgress{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 6px #00000014}.courseProgress h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.progressBar{width:100%;background:#e5e7eb;border-radius:8px;overflow:hidden;height:12px;margin-bottom:.5rem}.progressBarFill{height:100%;background:#3b82f6;width:65%;transition:width .3s ease}@media (max-width: 1024px){.courseDetailsPage{grid-template-columns:1fr}.courseSidebar,.courseProgress{margin-top:1rem}.courseMain{order:-1}}.hackathon-test-container{max-width:700px;margin:40px auto;padding:20px;background-color:#f9f9f9;border-radius:10px;font-family:Arial,sans-serif}h1{text-align:center;color:#007bff;margin-bottom:30px}.test-section{margin-bottom:20px}.test-section h3{margin-bottom:10px;color:#333}.test-section select,.test-section input,.test-section textarea{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc;font-size:1rem}.test-section input:focus,.test-section textarea:focus,.test-section select:focus{border-color:#007bff;outline:none}.language-select{margin-top:10px;display:flex;align-items:center}.language-select label{margin-right:10px;font-weight:700}.submit-button{width:100%;padding:12px;background-color:#007bff;color:#fff;font-size:1rem;border:none;border-radius:5px;cursor:pointer}.submit-button:hover{background-color:#0056b3}.result-message{margin-top:20px;padding:15px;text-align:center;background-color:#e7f3ff;color:#007bff;border-radius:5px;font-weight:700}@media (max-width: 600px){.hackathon-test-container{margin:20px;padding:15px}h1{font-size:1.8rem}.submit-button{font-size:.9rem}}
