.NavbarComponent{width:100%;position:relative}.NavbarComponent-in{width:90%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:2rem .5rem .5rem;position:fixed;top:0;left:50%;transform:translateX(-50%);backdrop-filter:blur(10px);z-index:1000}.navbar-one{width:fit-content;display:flex;align-items:center;justify-content:center;gap:.5rem}.navbar-one img{width:50px;height:50px;object-fit:cover;cursor:pointer}.navbar-one h1{font-size:1.2rem;font-weight:600}.navbar-two{width:fit-content;display:flex;gap:2rem;padding:.5rem 2rem;border-radius:20px;background-color:#f2f2f2}.navbar-two a{text-decoration:none;color:black;font-weight:600}.navbar-three{width:fit-content;display:flex;gap:1rem}.navbar-register{padding:.5rem 1rem;border-radius:5px;color:white;font-weight:600;background-color:rgb(0,117,222);cursor:pointer;text-decoration:none}.navbar-register:hover{background-color:rgb(0,97,252)}.navbar-login{padding:.5rem 2rem;border-radius:5px;color:white;font-weight:600;background-color:black!important;cursor:pointer;text-decoration:none}.navbar-login:hover{background-color:rgb(0,0,0)!important}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:0;width:30px;height:24px;position:relative;z-index:1001}.hamburger-line{display:block;width:100%;height:2px;background-color:#000;margin:6px 0;transition:all .3s ease-in-out}.hamburger-line.open:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{display:none;position:fixed;top:0;right:100%;width:100%;height:100vh;background-color:white;padding-top:5rem;transition:right .3s ease-in-out;z-index:1000}.mobile-menu.open{right:0}@media (max-width:768px){.hamburger{display:block}.navbar-three:not(.mobile),.navbar-two:not(.mobile){display:none}.mobile-menu{display:flex}.mobile-menu,.navbar-two.mobile{flex-direction:column;align-items:center;gap:0}.navbar-two.mobile{background:none;padding:0;width:100%}.navbar-two.mobile a{font-size:1.2rem;padding:1rem;width:100%;text-align:center}.navbar-three.mobile{flex-direction:column;align-items:center;width:100%;gap:.5rem;margin-top:1rem}.navbar-three.mobile a{width:90%;text-align:center;margin:.25rem 0}.navbar-login,.navbar-register{padding:.75rem 0}}.HomeComponent{width:100%;height:100%}.HomeComponent-in{width:90%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-one{width:55%;text-align:center;font-size:2.8rem;font-weight:600;padding:10rem 0 0}.home-one span{width:fit-content;background-color:rgb(177,207,254);border-left:2px solid rgb(38,119,249);border-right:2px solid rgb(38,119,249);padding:.2rem}.home-two{width:55%;text-align:center;font-size:1.2rem;font-weight:500;padding:1rem 0;color:rgb(126,126,126)}.home-three{width:55%;display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem 0}.home-three a{padding:.5rem 1rem;border-radius:5px;color:white;font-weight:600;background-color:rgb(0,117,222);cursor:pointer}.home-three a:hover{background-color:rgb(0,97,252)}.home-four{width:100%;padding:2rem 0 1rem;display:flex}.home-four h1{font-size:1.5rem;font-weight:600}.home-five{width:100%;height:100%;padding:1rem 0 0;display:flex;align-items:center;justify-content:space-between}.home-five-one{width:24%;border-radius:20px;background-color:#fce7f3;padding:2rem;border:2px solid #fce7f3}.home-five-one:hover{border:2px solid #f9a8d4}.home-five-one svg{font-size:2rem;color:#ec4899;font-weight:600}.home-five-one h1{font-size:1.4rem;font-weight:600;padding:.5rem 0;color:rgb(86,86,86)}.home-five-one p{font-size:.8rem;color:rgb(86,86,86)}.home-five-two{width:24%;padding:2rem;border-radius:20px;background-color:#fef3c7;border:2px solid #fef3c7}.home-five-two:hover{border:2px solid #fcd34d}.home-five-two svg{font-size:2rem;color:#f59e0b;font-weight:600}.home-five-two h1{font-size:1.4rem;font-weight:600;padding:.5rem 0;color:rgb(86,86,86)}.home-five-two p{font-size:.8rem;color:rgb(86,86,86)}.home-five-three{width:24%;padding:2rem;border-radius:20px;background-color:#dbeafe;border:2px solid #dbeafe}.home-five-three:hover{border:2px solid #93c5fd}.home-five-three svg{font-size:2rem;color:#3b82f6;font-weight:600}.home-five-three h1{font-size:1.4rem;font-weight:600;padding:.5rem 0;color:rgb(86,86,86)}.home-five-three p{font-size:.8rem;color:rgb(86,86,86)}.home-five-four{width:24%;padding:2rem;border-radius:20px;background-color:#dcfce7;border:2px solid #dcfce7}.home-five-four:hover{border:2px solid #86efac}.home-five-four svg{font-size:2rem;color:#22c55e;font-weight:600}.home-five-four h1{font-size:1.4rem;font-weight:600;padding:.5rem 0;color:rgb(86,86,86)}.home-five-four p{font-size:.8rem;color:rgb(86,86,86)}@media (max-width:668px){.home-one{width:100%}.home-one h1{font-size:2.2rem}.home-two{width:100%;font-size:.8rem}.home-three{width:100%;padding:1rem 0 4rem}.home-four{padding:1rem 0}.home-five{flex-direction:column;align-items:center;justify-content:center;gap:1rem}.home-five-four,.home-five-one,.home-five-three,.home-five-two{width:100%}}.ProcessComponent{width:100%}.ProcessComponent-in{width:100%;padding:0 0 4rem}.process-one{width:90%;margin:auto;padding:1rem 0;font-size:1.5rem;font-weight:800;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.process-two{width:90%;margin:auto;display:flex;align-items:stretch;justify-content:space-between;gap:1rem}.process-two-one{width:24%;padding:1rem;background-color:#f1f1f1;border-radius:16px;border:1px solid #dee2e600;cursor:pointer}.process-two-one:hover{border:1px solid #dee2e6;background-color:white}.process-two-one h1{font-size:1.2rem;font-weight:600;color:#111827;padding:.5rem 0}.process-two-one p{font-size:1rem;color:#6b7280}@media (max-width:668px){.process-one{padding:0 0 2rem}.process-two{flex-direction:column}.process-two-one{width:100%}.process-two-one h1{font-size:1rem}}.ProjectsComponent{width:100%}.ProjectsComponent-in{width:100%;padding:0 0 4rem}.projects-one{padding:1rem 0;font-size:1.5rem;font-weight:800;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.projects-one,.projects-two{width:90%;margin:auto;display:flex;align-items:center;justify-content:center}.projects-two{gap:1rem}.project-domain{width:fit-content;padding:.2rem .5rem;border-radius:16px;cursor:pointer}.project-domain h1{font-size:1rem;color:#111827}.project-domain:hover{background-color:#f1f1f1}.project-domain.active{background-color:#e0e0e0}.project-domain.active h1{color:#000}.projects-three{width:90%;margin:auto;padding-top:2rem}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width:768px){.project-grid{grid-template-columns:repeat(2,1fr)}.projects-two{flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.project-domain{width:80%;text-align:center}}@media (max-width:480px){.project-grid{grid-template-columns:1fr}}.project-card{background-color:rgb(255,255,255);border:1px solid #eaeaea;border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05)}.project-card:hover{background-color:rgb(245,245,245)}.project-card-one{width:100%;padding:.5rem 0}.project-card-one h1{width:fit-content;font-size:.8rem;font-weight:600;margin-bottom:.5rem;background-color:rgb(254,243,199);border:1px solid rgb(180,83,9);color:rgb(180,83,9);padding:.2rem .5rem;border-radius:16px}.project-card-two{width:100%}.project-card-two h1{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.project-card-two p{font-size:.8rem;color:#666}.project-card-three{width:100%;padding:1rem 0 0}.project-card-three p{font-size:.8rem;color:#666}.project-card-one.beginner h1{background-color:#FEF9C3;border:1px solid #f59e0b;color:#92400E}.project-card-one.intermediate h1{background-color:#DBEAFE;border:1px solid #3b82f6;color:#1E40AF}.project-card-one.advanced h1{background-color:#F3E8FF;border:1px solid #8b5cf6;color:#6B21A8}.TaglineComponent,.TaglineComponent-in{width:100%;padding:4rem 0}.TaglineComponent-in{display:flex;flex-direction:column;align-items:center;justify-content:center}.tagline-one{width:fit-content;padding:1rem 2rem .5rem}.tagline-one h1{font-size:2.5rem;font-weight:500;color:#111827;font-family:Times New Roman,Times,serif}.tagline-two{width:fit-content}.tagline-two h1{font-size:1.5rem;font-weight:800;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (max-width:668px){.TaglineComponent{padding:2rem 0}.tagline-one h1{font-size:2rem}.tagline-two h1{font-size:1.2rem}}.RegisterComponent{width:100%}.RegisterComponent-in{width:100%;padding:4rem 0;flex-direction:column;gap:1rem}.RegisterComponent-in,.register-one{display:flex;align-items:center;justify-content:center}.register-one{width:50%;text-align:center}.register-one h1{font-size:3.5rem;font-weight:800;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.register-two{width:50%;display:flex;align-items:center;justify-content:center}.register-two a{text-decoration:none;font-size:1.2rem;padding:.5rem 2rem;border-radius:5px;color:white;font-weight:600;border:1px solid black;background-color:black;cursor:pointer}.register-two a:hover{background-color:#333}@media (max-width:668px){.register-one{width:100%}.RegisterComponent-in{padding:0 0 4rem}.register-one h1{font-size:2.2rem}.register-two{width:100%}}