@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{padding:0;margin:0;box-sizing:border-box}button{outline:none}button:active{border:none}body{font-family:Quicksand,sans-serif;font-weight:400;font-style:normal;background:#fff}.home{width:100%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.home .homeMainContent{display:flex;align-items:center;justify-content:center;gap:6rem;max-width:1400px;margin:0 auto;padding:4rem 3rem;width:100%}.home .homeMainContent .leftSection{flex:0 0 500px;display:flex;justify-content:center}.home .homeMainContent .leftSection .aboutCard{width:100%;max-width:450px}.home .homeMainContent .leftSection .aboutCard .name{font-size:3rem;font-weight:500;color:#fff;line-height:1.1;margin:0 0 .5rem;letter-spacing:-.02em}.home .homeMainContent .leftSection .aboutCard .role{font-size:1.3rem;font-weight:400;color:#fff9;margin:0 0 1.5rem;text-align:start}.home .homeMainContent .leftSection .aboutCard .location{display:flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:1rem;margin-bottom:2rem}.home .homeMainContent .leftSection .aboutCard .location svg{color:#fff;width:18px;height:18px}.home .homeMainContent .leftSection .aboutCard .bio{font-size:1.1rem;line-height:1.6;color:#ffffffb3;margin:0 0 2rem;text-align:start}.home .homeMainContent .leftSection .aboutCard .availability{display:flex;align-items:center;gap:.6rem;margin-bottom:2.5rem}.home .homeMainContent .leftSection .aboutCard .availability .indicator{width:10px;height:10px;border-radius:50%;background:#fff;animation:pulse 2s ease-in-out infinite}.home .homeMainContent .leftSection .aboutCard .availability span{font-size:.95rem;color:#fffc;font-weight:500}.home .homeMainContent .leftSection .aboutCard .actions{display:flex;gap:1rem}.home .homeMainContent .leftSection .aboutCard .actions .secondaryBtn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;color:#ffffffb3;background:transparent;text-decoration:none;border:1px solid rgba(255,255,255,.2);border-radius:8px;transition:all .2s ease}.home .homeMainContent .leftSection .aboutCard .actions .secondaryBtn:hover{color:#ffffffe6;border-color:#ffffff4d;transform:translateY(-1px)}.home .homeMainContent .leftSection .aboutCard .actions .tertiaryBtn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;color:#ffffffb3;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.home .homeMainContent .leftSection .aboutCard .actions .tertiaryBtn:hover{color:#ffffffe6;border-color:#ffffff4d;transform:translateY(-1px)}.home .homeMainContent .rightSection{display:flex;align-items:center;justify-content:center}.home .homeMainContent .rightSection .imageSection{width:100%;height:650px;border-radius:20px;overflow:hidden}.home .homeMainContent .rightSection .imageSection img{width:100%;height:100%;object-position:center;border-radius:20px}.home .githubSection{width:100%;max-width:1500px;margin:0 auto;padding:3rem;text-align:center}.home .githubSection .githubHeader{display:flex;justify-content:center;align-items:center;gap:3rem;margin-bottom:3rem}.home .githubSection .githubHeader h2{font-size:1.6rem;font-weight:500;color:#fff;margin:0}.home .githubSection .githubHeader a{display:flex;align-items:center;gap:.3rem;color:#fff9;text-decoration:none;font-size:1rem;font-weight:400;transition:color .2s ease}.home .githubSection .githubHeader a:hover{color:#fffc}.home .githubSection .githubCalendar{width:100%;overflow:visible;display:flex;justify-content:center}.home .githubSection .githubCalendar :global(.react-activity-calendar){width:auto;max-width:100%}.home .githubSection .githubCalendar :global(.react-activity-calendar) .react-activity-calendar__scroll-container{overflow:visible!important;padding:0}.home .githubSection .githubCalendar :global(.react-activity-calendar) text{fill:#ffffff80;font-size:11px}.home .githubSection .githubCalendar :global(.react-activity-calendar) .react-activity-calendar__legend{display:none}.home .githubSection .githubCalendar :global(.react-activity-calendar) .react-activity-calendar__count{color:#ffffffb3;font-size:13px}@media (max-width: 1200px){.home .homeMainContent{flex-direction:column;gap:3rem;text-align:center;padding:3rem 2rem}.home .homeMainContent .leftSection{flex:none}.home .homeMainContent .rightSection{flex:none;display:none}.home .githubSection{padding:2rem}}@media (max-width: 768px){.home .homeMainContent{padding:2rem 1rem}.home .homeMainContent .leftSection .aboutCard .name{font-size:2.5rem;text-align:start}.home .githubSection{padding:2rem 1rem}.home .githubSection .githubHeader{flex-direction:column;gap:1rem}}@keyframes pulse{0%,to{opacity:.9}50%{opacity:.4}}.aboutPage{width:100%;min-height:100vh;background:#000;color:#fff}.aboutPage .container{max-width:1200px;margin:0 auto;padding:0 2rem}.aboutPage .sectionHeader{text-align:center;margin-bottom:4rem}.aboutPage .sectionHeader h2{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#fff;margin:0 0 1rem;letter-spacing:-.02em}.aboutPage .sectionHeader p{font-size:1.125rem;color:gray;max-width:600px;margin:0 auto;line-height:1.6}.aboutPage .nameHeader{display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;border-bottom:1px solid #1a1a1a}.aboutPage .nameHeader .animatedName{font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:-.03em;margin:0;background:linear-gradient(90deg,#fff,gray,#fff,gray,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 4s linear infinite}.aboutPage .quickInfo{padding:5rem 2rem;border-bottom:1px solid #1a1a1a}.aboutPage .quickInfo .infoContainer{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.aboutPage .quickInfo .infoContainer .infoCard{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:1px solid #1a1a1a;border-radius:8px;transition:all .3s ease}.aboutPage .quickInfo .infoContainer .infoCard:hover{border-color:#333;transform:translateY(-2px)}.aboutPage .quickInfo .infoContainer .infoCard svg{color:#fff;flex-shrink:0}.aboutPage .quickInfo .infoContainer .infoCard .infoContent h4{font-size:.75rem;color:gray;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.aboutPage .quickInfo .infoContainer .infoCard .infoContent p{font-size:1rem;color:#fff;margin:0;font-weight:500}.aboutPage .skillsSection{padding:6rem 0;border-bottom:1px solid #1a1a1a}.aboutPage .skillsSection .skillsFilter{display:flex;justify-content:center;gap:.75rem;margin-bottom:3rem;flex-wrap:wrap}.aboutPage .skillsSection .skillsFilter .filterBtn{background:transparent;border:1px solid #1a1a1a;color:gray;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.aboutPage .skillsSection .skillsFilter .filterBtn:hover{border-color:#333;color:#fff}.aboutPage .skillsSection .skillsFilter .filterBtn.active{background:#fff;border-color:#fff;color:#000}.aboutPage .skillsSection .skillsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.aboutPage .skillsSection .skillsGrid .skillCard{padding:2rem;border:1px solid #1a1a1a;border-radius:8px;transition:all .3s ease}.aboutPage .skillsSection .skillsGrid .skillCard:hover{border-color:#333;transform:translateY(-3px)}.aboutPage .skillsSection .skillsGrid .skillCard .skillTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.aboutPage .skillsSection .skillsGrid .skillCard .skillTop .skillName{font-size:1.125rem;font-weight:600;color:#fff}.aboutPage .skillsSection .skillsGrid .skillCard .skillTop .skillPercent{font-size:.875rem;color:gray;font-weight:600}.aboutPage .skillsSection .skillsGrid .skillCard .skillBarContainer{height:4px;background:#1a1a1a;border-radius:8px;overflow:hidden;margin-bottom:1rem}.aboutPage .skillsSection .skillsGrid .skillCard .skillBarContainer .skillBar{height:100%;background:#fff;border-radius:8px;transition:width 1.5s cubic-bezier(.65,0,.35,1)}.aboutPage .skillsSection .skillsGrid .skillCard .skillTag{display:inline-block;font-size:.75rem;color:gray;padding:.4rem .9rem;border:1px solid #1a1a1a;border-radius:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.aboutPage .educationSection{padding:5rem 0;border-bottom:1px solid #1a1a1a}.aboutPage .educationSection .educationList{display:flex;flex-direction:column;gap:2rem}.aboutPage .educationSection .educationList .educationCard{padding:2.5rem;border:1px solid #1a1a1a;border-radius:8px;transition:all .3s ease}.aboutPage .educationSection .educationList .educationCard:hover{border-color:#333}.aboutPage .educationSection .educationList .educationCard .educationHeader{margin-bottom:1.5rem}.aboutPage .educationSection .educationList .educationCard .educationHeader .educationTop{display:flex;justify-content:space-between;align-items:flex-start}.aboutPage .educationSection .educationList .educationCard .educationHeader .educationTop h3{font-size:1.4rem;font-weight:600;color:#fff;margin:0 0 .5rem}.aboutPage .educationSection .educationList .educationCard .educationHeader .educationTop .institution{font-size:1.1rem;color:gray;margin:0 0 .5rem}.aboutPage .educationSection .educationList .educationCard .educationHeader .educationTop .location{display:flex;align-items:center;gap:.5rem;color:gray;font-size:.875rem}.aboutPage .educationSection .educationList .educationCard .educationHeader .educationTop .location svg{flex-shrink:0}.aboutPage .educationSection .educationList .educationCard .educationHeader .educationTop .educationYear{display:flex;align-items:center;gap:.5rem;color:gray;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.aboutPage .educationSection .educationList .educationCard .educationHeader .educationTop .educationYear svg{flex-shrink:0}.aboutPage .educationSection .educationList .educationCard .educationDescription{color:gray;line-height:1.7;margin:0 0 1.5rem}.aboutPage .educationSection .educationList .educationCard .educationAchievements h4{font-size:.875rem;color:#fff;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.aboutPage .educationSection .educationList .educationCard .educationAchievements ul{list-style:none;padding:0;margin:0}.aboutPage .educationSection .educationList .educationCard .educationAchievements ul li{color:gray;margin-bottom:.75rem;padding-left:1.25rem;position:relative;line-height:1.6}.aboutPage .educationSection .educationList .educationCard .educationAchievements ul li:before{content:"—";position:absolute;left:0;color:#fff}.aboutPage .educationSection .educationList .educationCard .educationAchievements ul li:last-child{margin-bottom:0}.aboutPage .interestsSection{padding:6rem 0;border-bottom:1px solid #1a1a1a}.aboutPage .interestsSection .interestsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.aboutPage .interestsSection .interestsGrid .interestCard{padding:2.5rem 2rem;border:1px solid #1a1a1a;border-radius:8px;text-align:center;transition:all .3s ease}.aboutPage .interestsSection .interestsGrid .interestCard:hover{border-color:#333;transform:translateY(-5px)}.aboutPage .interestsSection .interestsGrid .interestCard:hover svg{transform:scale(1.1)}.aboutPage .interestsSection .interestsGrid .interestCard svg{color:#fff;margin-bottom:1.5rem;transition:all .3s ease}.aboutPage .interestsSection .interestsGrid .interestCard h4{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .75rem}.aboutPage .interestsSection .interestsGrid .interestCard p{color:gray;margin:0;line-height:1.6}@media (max-width: 768px){.aboutPage .container{padding:0 1rem}.aboutPage .nameHeader{padding:3rem 1rem}.aboutPage .nameHeader .animatedName{font-size:clamp(2rem,10vw,3rem)}.aboutPage .quickInfo .infoContainer{grid-template-columns:1fr}.aboutPage .skillsSection,.aboutPage .educationSection,.aboutPage .interestsSection{padding:4rem 0}.aboutPage .educationSection .educationList .educationCard{padding:1.5rem}.aboutPage .educationSection .educationList .educationCard .educationHeader .educationTop{flex-direction:column;gap:1rem}.aboutPage .educationSection .educationList .educationCard .educationHeader .educationTop .educationYear{align-self:flex-start}}.projectsPage{width:100%;min-height:100vh;background:#000;color:#fff}.projectsPage .nameHeader{display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;border-bottom:1px solid #1a1a1a}.projectsPage .nameHeader .animatedName{font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:-.03em;margin:0;background:linear-gradient(90deg,#fff,gray,#fff,gray,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 4s linear infinite}.projectsPage .allProjectsSection{padding:5rem 2rem 4rem;border-bottom:1px solid #1a1a1a}.projectsPage .allProjectsSection .sectionHeader{max-width:1400px;margin:0 auto 3rem;text-align:center}.projectsPage .allProjectsSection .sectionHeader h2{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#fff;margin:0 0 1rem;letter-spacing:-.02em}.projectsPage .allProjectsSection .sectionHeader p{font-size:1.125rem;color:gray}.projectsPage .allProjectsSection .projectsControls{max-width:1400px;margin:0 auto 3rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.projectsPage .allProjectsSection .projectsControls .searchBox{position:relative;flex:0 0 300px}.projectsPage .allProjectsSection .projectsControls .searchBox svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:gray}.projectsPage .allProjectsSection .projectsControls .searchBox input{width:100%;padding:.75rem 1rem .75rem 3rem;background:transparent;border:1px solid #1a1a1a;border-radius:8px;color:#fff;font-size:.9rem}.projectsPage .allProjectsSection .projectsControls .searchBox input::placeholder{color:gray}.projectsPage .allProjectsSection .projectsControls .searchBox input:focus{outline:none;border-color:#333}.projectsPage .allProjectsSection .projectsControls .filterTabs{display:flex;gap:.5rem}.projectsPage .allProjectsSection .projectsControls .filterTabs .filterTab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid #1a1a1a;border-radius:8px;color:gray;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.projectsPage .allProjectsSection .projectsControls .filterTabs .filterTab:hover{border-color:#333;color:#fff}.projectsPage .allProjectsSection .projectsControls .filterTabs .filterTab.active{background:#fff;border-color:#fff;color:#000}.projectsPage .allProjectsSection .projectsControls .filterTabs .filterTab span{white-space:nowrap}.projectsPage .allProjectsSection .projectsGrid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.projectsPage .allProjectsSection .projectsGrid .projectCard{background:transparent;border:1px solid #1a1a1a;border-radius:8px;overflow:hidden;transition:all .3s ease}.projectsPage .allProjectsSection .projectsGrid .projectCard:hover{border-color:#333;transform:translateY(-3px)}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectImageContainer{position:relative;height:200px;overflow:hidden;background:#0a0a0a}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectImageContainer .imageCarouselWrapper{position:relative;width:100%;height:100%;cursor:pointer}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectImageContainer .imageCarouselWrapper .imagesStack{position:relative;width:100%;height:100%}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectImageContainer .imageCarouselWrapper .imagesStack .slideImage{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectImageContainer .imageCarouselWrapper .imagesStack .slideImage.visible{opacity:1!important;z-index:2!important}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectImageContainer .imageCarouselWrapper .imagesStack .slideImage.hidden{opacity:0!important;z-index:1!important}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectImageContainer .projectOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:50;pointer-events:none}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectImageContainer .projectOverlay:hover{pointer-events:auto}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectImageContainer .projectOverlay .projectActions{display:flex;gap:1rem;pointer-events:auto}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectImageContainer .projectOverlay .projectActions .projectAction{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#fff;color:#000;border-radius:8px;text-decoration:none;transition:all .3s ease;cursor:pointer}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectImageContainer .projectOverlay .projectActions .projectAction:hover{transform:scale(1.1)}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectImageContainer:hover .projectOverlay{opacity:1}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectInfo{padding:1.5rem}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectInfo .projectMeta{display:flex;align-items:center;margin-bottom:1rem}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectInfo .projectMeta .projectDate{color:gray;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectInfo .projectTitle{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 .75rem;line-height:1.3}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectInfo .projectDescription{color:gray;line-height:1.6;margin:0 0 1rem;font-size:.9rem}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectInfo .projectTags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectInfo .projectTags .projectTag{background:transparent;color:gray;padding:.25rem .75rem;border-radius:8px;font-size:.75rem;border:1px solid #1a1a1a;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectInfo .detailsButton{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease}.projectsPage .allProjectsSection .projectsGrid .projectCard .projectInfo .detailsButton:hover{gap:.75rem}.projectsPage .allProjectsSection .noResults{max-width:1400px;margin:0 auto;text-align:center;padding:4rem 0}.projectsPage .allProjectsSection .noResults p{color:gray;font-size:1.1rem}@media (max-width: 768px){.projectsPage .nameHeader{padding:4rem 1rem 3rem}.projectsPage .nameHeader .animatedName{font-size:clamp(2rem,10vw,3rem)}.projectsPage .allProjectsSection{padding:4rem 1rem 3rem}.projectsPage .allProjectsSection .projectsControls{flex-direction:column;gap:1.5rem}.projectsPage .allProjectsSection .projectsControls .searchBox{flex:none;width:100%}.projectsPage .allProjectsSection .projectsControls .filterTabs{flex-wrap:wrap;justify-content:center}.projectsPage .allProjectsSection .projectsGrid{grid-template-columns:1fr;gap:1.5rem}}.projectDetailsPage{width:100%;min-height:100vh;background:#000;color:#fff;position:relative;overflow-x:hidden}.projectDetailsPage .container{max-width:1400px;margin:0 auto;padding:0 2rem}.projectDetailsPage .nameHeader{display:flex;align-items:center;justify-content:center;padding:6rem 2rem 3rem;border-bottom:1px solid #1a1a1a;background:#000;position:relative;z-index:100}.projectDetailsPage .nameHeader .animatedName{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;letter-spacing:-.03em;margin:0;text-align:center;background:linear-gradient(90deg,#fff,gray,#fff,gray,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 4s linear infinite}.projectDetailsPage .contentWithBackground{position:relative;min-height:100vh}.projectDetailsPage .contentWithBackground .backgroundSliderContainer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow{position:absolute;width:100%;overflow:hidden}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow.topRow{top:8%;height:42%}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow.bottomRow{bottom:8%;height:42%}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow .sliderTrack{display:flex;gap:2rem;animation:slideRight 45s linear infinite;will-change:transform}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow .sliderTrack.reverse{animation:slideLeft 45s linear infinite}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow .sliderTrack .sliderItem{flex-shrink:0;width:1000px;height:100%;border-radius:16px;overflow:hidden;filter:blur(.8px) brightness(1.1);opacity:.75;transition:all .4s ease;box-shadow:0 4px 20px #0000004d}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow .sliderTrack .sliderItem:hover{filter:blur(0px) brightness(1.2);opacity:.9;transform:scale(1.02)}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow .sliderTrack .sliderItem img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .blurOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1}@keyframes slideRight{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideLeft{0%{transform:translate(-50%)}to{transform:translate(0)}}.projectDetailsPage .contentWithBackground .projectHero,.projectDetailsPage .contentWithBackground .mainImage,.projectDetailsPage .contentWithBackground .overviewSection,.projectDetailsPage .contentWithBackground .techSection,.projectDetailsPage .contentWithBackground .nextSection{position:relative;z-index:10}.projectDetailsPage .contentWithBackground .projectHero{padding:4rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.projectDetailsPage .contentWithBackground .projectHero .backButton{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:3rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.projectDetailsPage .contentWithBackground .projectHero .backButton:hover{background:#ffffff47;border-color:#ffffff80;transform:translate(-3px)}.projectDetailsPage .contentWithBackground .projectHero .heroContent{max-width:900px}.projectDetailsPage .contentWithBackground .projectHero .heroContent .heroMeta{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.projectDetailsPage .contentWithBackground .projectHero .heroContent .heroMeta .metaTag{padding:.5rem 1rem;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);border-radius:8px;font-size:.875rem;color:#fff;text-transform:uppercase;letter-spacing:.05em;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.projectDetailsPage .contentWithBackground .projectHero .heroContent .heroDescription{font-size:clamp(1.125rem,2.5vw,1.5rem);line-height:1.6;color:#fff;margin:0 0 2.5rem;text-shadow:0 2px 20px rgba(0,0,0,.9)}.projectDetailsPage .contentWithBackground .projectHero .heroContent .heroLinks{display:flex;gap:1rem;flex-wrap:wrap}.projectDetailsPage .contentWithBackground .projectHero .heroContent .heroLinks .heroLink{display:inline-flex;align-items:center;gap:.75rem;background:#fff;color:#000;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.projectDetailsPage .contentWithBackground .projectHero .heroContent .heroLinks .heroLink:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fff6}.projectDetailsPage .contentWithBackground .projectHero .heroContent .heroLinks .heroLink.secondary{background:#ffffff2e;color:#fff;border:1px solid #ffffff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.projectDetailsPage .contentWithBackground .projectHero .heroContent .heroLinks .heroLink.secondary:hover{background:#fff;color:#000}.projectDetailsPage .contentWithBackground .mainImage{padding:0;background:#0000004d}.projectDetailsPage .contentWithBackground .mainImage .imageWrapper{width:100%;aspect-ratio:21/9;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden}.projectDetailsPage .contentWithBackground .mainImage .imageWrapper .detailImage{width:100%;height:100%;object-fit:cover}.projectDetailsPage .contentWithBackground .overviewSection{padding:6rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.projectDetailsPage .contentWithBackground .overviewSection .overviewGrid{display:grid;grid-template-columns:300px 1fr;gap:6rem}.projectDetailsPage .contentWithBackground .overviewSection .overviewGrid .overviewSidebar{display:flex;flex-direction:column;gap:3rem}.projectDetailsPage .contentWithBackground .overviewSection .overviewGrid .overviewSidebar .sidebarBlock h3{font-size:.75rem;color:gray;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.projectDetailsPage .contentWithBackground .overviewSection .overviewGrid .overviewSidebar .sidebarBlock p{font-size:1.125rem;color:#fff;margin:0;font-weight:500}.projectDetailsPage .contentWithBackground .overviewSection .overviewGrid .overviewSidebar .sidebarBlock .stackList{display:flex;flex-direction:column;gap:.5rem}.projectDetailsPage .contentWithBackground .overviewSection .overviewGrid .overviewSidebar .sidebarBlock .stackList span{font-size:1rem;color:#fff;font-weight:500}.projectDetailsPage .contentWithBackground .overviewSection .overviewGrid .overviewContent h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;color:#fff;margin:0 0 2rem;letter-spacing:-.02em}.projectDetailsPage .contentWithBackground .overviewSection .overviewGrid .overviewContent p{font-size:clamp(1rem,2vw,1.25rem);line-height:1.8;color:#e0e0e0;margin:0}.projectDetailsPage .contentWithBackground .techSection{padding:6rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.projectDetailsPage .contentWithBackground .techSection h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;color:#fff;margin:0 0 3rem;letter-spacing:-.02em}.projectDetailsPage .contentWithBackground .techSection .techGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.projectDetailsPage .contentWithBackground .techSection .techGrid .techItem{padding:2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.projectDetailsPage .contentWithBackground .techSection .techGrid .techItem:hover{background:#ffffff2e;border-color:#ffffff59;transform:translateY(-3px)}.projectDetailsPage .contentWithBackground .techSection .techGrid .techItem span{font-size:1.125rem;color:#fff;font-weight:500}.projectDetailsPage .contentWithBackground .nextSection{padding:6rem 2rem;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.projectDetailsPage .contentWithBackground .nextSection .nextContent{padding:4rem 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1.5rem}.projectDetailsPage .contentWithBackground .nextSection .nextContent .nextLabel{font-size:.875rem;color:#999;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.projectDetailsPage .contentWithBackground .nextSection .nextContent .nextLink{display:flex;justify-content:space-between;align-items:center;text-decoration:none;transition:all .3s ease}.projectDetailsPage .contentWithBackground .nextSection .nextContent .nextLink:hover{transform:translate(5px)}.projectDetailsPage .contentWithBackground .nextSection .nextContent .nextLink:hover svg{transform:translate(5px)}.projectDetailsPage .contentWithBackground .nextSection .nextContent .nextLink .nextTitle{font-size:clamp(1.75rem,4vw,3rem);font-weight:600;color:#fff}.projectDetailsPage .contentWithBackground .nextSection .nextContent .nextLink svg{color:#fff;flex-shrink:0;transition:transform .3s ease}.projectDetailsPage .notFound{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:4rem 2rem}.projectDetailsPage .notFound h2{font-size:2rem;color:#fff;margin:0}.projectDetailsPage .notFound .backButton{display:inline-flex;align-items:center;gap:.75rem;background:#fff;color:#000;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;border:none;transition:all .3s ease}.projectDetailsPage .notFound .backButton:hover{transform:translateY(-2px)}@media (max-width: 1400px){.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow .sliderTrack .sliderItem{width:600px}}@media (max-width: 1200px){.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow .sliderTrack .sliderItem{width:550px}}@media (max-width: 1024px){.projectDetailsPage .contentWithBackground .overviewSection .overviewGrid{grid-template-columns:1fr;gap:3rem}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow.topRow,.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow.bottomRow{height:38%}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow .sliderTrack{gap:1.5rem}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow .sliderTrack .sliderItem{width:500px}}@media (max-width: 768px){.projectDetailsPage .nameHeader{padding:4rem 1rem 2rem}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow.topRow{top:5%;height:35%}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow.bottomRow{bottom:5%;height:35%}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow .sliderTrack{gap:1.2rem;animation-duration:35s}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow .sliderTrack .sliderItem{width:400px;border-radius:14px;filter:blur(.6px) brightness(1.1)}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .blurOverlay{background:#0006}.projectDetailsPage .contentWithBackground .projectHero,.projectDetailsPage .contentWithBackground .overviewSection,.projectDetailsPage .contentWithBackground .techSection,.projectDetailsPage .contentWithBackground .nextSection{padding:3rem 1rem}.projectDetailsPage .contentWithBackground .projectHero .heroContent .heroLinks{flex-direction:column}.projectDetailsPage .contentWithBackground .projectHero .heroContent .heroLinks .heroLink{width:100%;justify-content:center}.projectDetailsPage .contentWithBackground .techSection .techGrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.projectDetailsPage .contentWithBackground .techSection .techGrid .techItem{padding:1.5rem}.projectDetailsPage .contentWithBackground .nextSection .nextContent .nextLink{flex-direction:column;align-items:flex-start;gap:1rem}.projectDetailsPage .container{padding:0 1rem}}@media (max-width: 480px){.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow.topRow,.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow.bottomRow{height:32%}.projectDetailsPage .contentWithBackground .backgroundSliderContainer .sliderRow .sliderTrack .sliderItem{width:320px}.projectDetailsPage .contentWithBackground .techSection .techGrid{grid-template-columns:1fr}}.experiencePage{width:100%;min-height:100vh;background:#000;color:#fff}.experiencePage .container{max-width:1200px;margin:0 auto;padding:0 2rem}.experiencePage .sectionHeader{text-align:center;margin-bottom:4rem}.experiencePage .sectionHeader h2{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#fff;margin:0 0 1rem;letter-spacing:-.02em}.experiencePage .sectionHeader p{font-size:1.125rem;color:gray}.experiencePage .nameHeader{display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;border-bottom:1px solid #1a1a1a}.experiencePage .nameHeader .animatedName{font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:-.03em;margin:0;background:linear-gradient(90deg,#fff,gray,#fff,gray,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 4s linear infinite}.experiencePage .workExperienceSection{padding:5rem 0;border-bottom:1px solid #1a1a1a}.experiencePage .workExperienceSection .experienceList{display:flex;flex-direction:column;gap:2rem}.experiencePage .workExperienceSection .experienceList .experienceCard{padding:2.5rem;border:1px solid #1a1a1a;border-radius:8px;transition:all .3s ease}.experiencePage .workExperienceSection .experienceList .experienceCard:hover{border-color:#333;transform:translateY(-3px)}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader{margin-bottom:1.5rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceTop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceTop .experienceTitle{flex:1}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceTop .experienceTitle h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .75rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceTop .experienceTitle .experienceMeta{display:flex;gap:2rem;flex-wrap:wrap}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceTop .experienceTitle .experienceMeta span{display:flex;align-items:center;gap:.5rem;color:gray;font-size:.9rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceTop .experienceTitle .experienceMeta span svg{flex-shrink:0}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceTop .experienceYear{display:flex;align-items:center;gap:.5rem;color:gray;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceTop .experienceYear svg{flex-shrink:0}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceType{display:inline-block;padding:.4rem 1rem;border:1px solid #1a1a1a;border-radius:8px;font-size:.75rem;color:gray;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceDescription{color:gray;line-height:1.7;margin:0 0 1.5rem;font-size:1.125rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceDetails{margin-bottom:1.5rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceDetails .detailBlock h4{font-size:.875rem;color:#fff;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceDetails .detailBlock .techTags{display:flex;flex-wrap:wrap;gap:.5rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceDetails .detailBlock .techTags .techTag{padding:.5rem 1rem;border:1px solid #1a1a1a;border-radius:8px;font-size:.875rem;color:gray;text-transform:uppercase;letter-spacing:.05em;font-weight:500;transition:all .3s ease}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceDetails .detailBlock .techTags .techTag:hover{border-color:#333;color:#fff}.experiencePage .workExperienceSection .experienceList .experienceCard .viewDetailsBtn{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:transparent;border:1px solid #ffffff;border-radius:8px;color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease}.experiencePage .workExperienceSection .experienceList .experienceCard .viewDetailsBtn:hover{background:#fff;color:#000;transform:translate(3px)}.experiencePage .workExperienceSection .experienceList .experienceCard .viewDetailsBtn:hover svg{transform:translate(3px)}.experiencePage .workExperienceSection .experienceList .experienceCard .viewDetailsBtn svg{transition:transform .3s ease}.experiencePage .certificationsSection{padding:5rem 0}.experiencePage .certificationsSection .certificationsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.experiencePage .certificationsSection .certificationsGrid .certCard{padding:2rem;border:1px solid #1a1a1a;border-radius:8px;text-align:center;transition:all .3s ease}.experiencePage .certificationsSection .certificationsGrid .certCard:hover{border-color:#333;transform:translateY(-3px)}.experiencePage .certificationsSection .certificationsGrid .certCard svg{color:#fff;margin-bottom:1rem}.experiencePage .certificationsSection .certificationsGrid .certCard h3{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 .5rem}.experiencePage .certificationsSection .certificationsGrid .certCard .certIssuer{color:gray;margin:0 0 1rem;font-size:.95rem}.experiencePage .certificationsSection .certificationsGrid .certCard .certMeta{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid #1a1a1a}.experiencePage .certificationsSection .certificationsGrid .certCard .certMeta span{font-size:.75rem;color:gray;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.experiencePage .certificationsSection .certificationsGrid .certCard .certMeta .certYear{color:#fff}@media (max-width: 768px){.experiencePage .nameHeader{padding:4rem 1rem 3rem}.experiencePage .nameHeader .animatedName{font-size:clamp(2rem,10vw,3rem)}.experiencePage .workExperienceSection,.experiencePage .certificationsSection{padding:4rem 0}.experiencePage .container{padding:0 1rem}.experiencePage .workExperienceSection .experienceList .experienceCard{padding:1.5rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceTop{flex-direction:column;gap:1rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceTop .experienceYear{align-self:flex-start}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceDescription{font-size:1rem}.experiencePage .workExperienceSection .experienceList .experienceCard .viewDetailsBtn{width:100%;justify-content:center}.experiencePage .certificationsSection .certificationsGrid{grid-template-columns:1fr}}@media (max-width: 480px){.experiencePage .nameHeader{padding:3rem 1rem 2.5rem}.experiencePage .workExperienceSection,.experiencePage .certificationsSection{padding:3rem 0}.experiencePage .sectionHeader{margin-bottom:3rem}.experiencePage .sectionHeader h2{font-size:clamp(1.5rem,6vw,2rem)}.experiencePage .sectionHeader p{font-size:1rem}.experiencePage .workExperienceSection .experienceList{gap:1.5rem}.experiencePage .workExperienceSection .experienceList .experienceCard{padding:1.25rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader{margin-bottom:1.25rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceTop .experienceTitle h3{font-size:1.25rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceHeader .experienceTop .experienceTitle .experienceMeta{gap:1rem;font-size:.85rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceDescription{font-size:.95rem;margin-bottom:1.25rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceDetails{margin-bottom:1.25rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceDetails .detailBlock .techTags{gap:.4rem}.experiencePage .workExperienceSection .experienceList .experienceCard .experienceDetails .detailBlock .techTags .techTag{padding:.4rem .875rem;font-size:.8rem}.experiencePage .workExperienceSection .experienceList .experienceCard .viewDetailsBtn{padding:.75rem 1.5rem;font-size:.9rem}.experiencePage .certificationsSection .certificationsGrid{gap:1.5rem}.experiencePage .certificationsSection .certificationsGrid .certCard{padding:1.5rem}.experiencePage .certificationsSection .certificationsGrid .certCard h3{font-size:1.1rem}.experiencePage .certificationsSection .certificationsGrid .certCard .certIssuer{font-size:.9rem}}.blogPage{width:100%;min-height:100vh;background:#000;color:#fff}.blogPage .container{max-width:1400px;margin:0 auto;padding:0 2rem}.blogPage .nameHeader{display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;border-bottom:1px solid #1a1a1a}.blogPage .nameHeader .animatedName{font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:-.03em;margin:0;background:linear-gradient(90deg,#fff,gray,#fff,gray,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 4s linear infinite}.blogPage .blogSection{padding:5rem 0}.blogPage .blogSection .sectionHeader{text-align:center;margin-bottom:4rem}.blogPage .blogSection .sectionHeader h2{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#fff;margin:0 0 1rem;letter-spacing:-.02em}.blogPage .blogSection .sectionHeader p{font-size:1.125rem;color:gray}.blogPage .blogSection .blogControls{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:4rem}.blogPage .blogSection .blogControls .searchBox{position:relative;flex:0 0 300px}.blogPage .blogSection .blogControls .searchBox svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:gray}.blogPage .blogSection .blogControls .searchBox input{width:100%;padding:.75rem 1rem .75rem 3rem;background:transparent;border:1px solid #1a1a1a;border-radius:8px;color:#fff;font-size:.9rem}.blogPage .blogSection .blogControls .searchBox input::placeholder{color:gray}.blogPage .blogSection .blogControls .searchBox input:focus{outline:none;border-color:#333}.blogPage .blogSection .blogControls .categoryTabs{display:flex;gap:.5rem;flex-wrap:wrap}.blogPage .blogSection .blogControls .categoryTabs .categoryTab{padding:.75rem 1.5rem;background:transparent;border:1px solid #1a1a1a;border-radius:8px;color:gray;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.blogPage .blogSection .blogControls .categoryTabs .categoryTab:hover{border-color:#333;color:#fff}.blogPage .blogSection .blogControls .categoryTabs .categoryTab.active{background:#fff;border-color:#fff;color:#000}.blogPage .blogSection .blogGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.blogPage .blogSection .blogGrid .blogCard{background:transparent;border:1px solid #1a1a1a;border-radius:8px;overflow:hidden;transition:all .3s ease}.blogPage .blogSection .blogGrid .blogCard:hover{border-color:#333;transform:translateY(-3px)}.blogPage .blogSection .blogGrid .blogCard:hover .cardImage .cardActualImage{transform:scale(1.05)}.blogPage .blogSection .blogGrid .blogCard:hover .readMore{gap:.75rem}.blogPage .blogSection .blogGrid .blogCard .cardLink{text-decoration:none;color:inherit;display:block}.blogPage .blogSection .blogGrid .blogCard .cardImage{height:240px;overflow:hidden;background:#0a0a0a;border-bottom:1px solid #1a1a1a}.blogPage .blogSection .blogGrid .blogCard .cardImage .cardActualImage{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blogPage .blogSection .blogGrid .blogCard .cardContent{padding:1.5rem}.blogPage .blogSection .blogGrid .blogCard .cardContent .cardCategory{display:inline-block;padding:.4rem .9rem;border:1px solid #1a1a1a;border-radius:8px;font-size:.75rem;color:gray;text-transform:uppercase;letter-spacing:.1em;font-weight:500;margin-bottom:1rem}.blogPage .blogSection .blogGrid .blogCard .cardContent .cardTitle{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1rem;line-height:1.3}.blogPage .blogSection .blogGrid .blogCard .cardContent .cardExcerpt{font-size:1rem;color:gray;line-height:1.6;margin:0 0 1.5rem}.blogPage .blogSection .blogGrid .blogCard .cardContent .cardMeta{display:flex;gap:1.5rem;margin-bottom:1.5rem}.blogPage .blogSection .blogGrid .blogCard .cardContent .cardMeta .metaItem{display:flex;align-items:center;gap:.5rem;color:gray;font-size:.875rem}.blogPage .blogSection .blogGrid .blogCard .cardContent .cardMeta .metaItem svg{flex-shrink:0}.blogPage .blogSection .blogGrid .blogCard .cardContent .cardFooter{padding-top:1.5rem;border-top:1px solid #1a1a1a}.blogPage .blogSection .blogGrid .blogCard .cardContent .cardFooter .readMore{display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;font-weight:500;transition:gap .3s ease}.blogPage .blogSection .blogGrid .blogCard .cardContent .cardFooter .readMore svg{transition:transform .3s ease}.blogPage .blogSection .noResults{text-align:center;padding:4rem 0}.blogPage .blogSection .noResults p{color:gray;font-size:1.125rem}@media (max-width: 768px){.blogPage .nameHeader{padding:4rem 1rem 3rem}.blogPage .nameHeader .animatedName{font-size:clamp(2rem,10vw,3rem)}.blogPage .blogSection{padding:4rem 0}.blogPage .blogSection .container{padding:0 1rem}.blogPage .blogSection .blogControls{flex-direction:column;gap:1.5rem}.blogPage .blogSection .blogControls .searchBox{flex:none;width:100%}.blogPage .blogSection .blogControls .categoryTabs{justify-content:center}.blogPage .blogSection .blogGrid{grid-template-columns:1fr;gap:1.5rem}}.contactPage{width:100%;min-height:100vh;background:#000;color:#fff}.contactPage .nameHeader{display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;border-bottom:1px solid #1a1a1a}.contactPage .nameHeader .animatedName{font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:-.03em;margin:0;background:linear-gradient(90deg,#fff,gray,#fff,gray,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 4s linear infinite}.contactPage .contactSection{padding:6rem 2rem}.contactPage .contactSection .container{max-width:1400px;margin:0 auto;padding:0}.contactPage .contactSection .contactGrid{display:grid;grid-template-columns:450px 1fr;gap:6rem}.contactPage .contactSection .contactGrid .contactInfo{display:flex;flex-direction:column;gap:4rem}.contactPage .contactSection .contactGrid .contactInfo .infoBlock h2{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#fff;margin:0 0 1.5rem;letter-spacing:-.02em}.contactPage .contactSection .contactGrid .contactInfo .infoBlock p{font-size:1.125rem;color:gray;line-height:1.7;margin:0}.contactPage .contactSection .contactGrid .contactInfo .infoList{display:flex;flex-direction:column;gap:2rem}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem{display:flex;gap:1.25rem}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoIcon{width:48px;height:48px;border:1px solid #1a1a1a;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoIcon svg{color:#fff}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoContent{flex:1}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoContent h4{font-size:.75rem;color:gray;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoContent p,.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoContent a{font-size:1.125rem;color:#fff;margin:0;font-weight:500;text-decoration:none;transition:color .3s ease;word-break:break-word}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoContent a:hover{color:gray}.contactPage .contactSection .contactGrid .contactInfo .socialLinks{padding-top:2rem;border-top:1px solid #1a1a1a}.contactPage .contactSection .contactGrid .contactInfo .socialLinks h3{font-size:.875rem;color:gray;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.contactPage .contactSection .contactGrid .contactInfo .socialLinks .socialIcons{display:flex;gap:1rem;flex-wrap:wrap}.contactPage .contactSection .contactGrid .contactInfo .socialLinks .socialIcons .socialIcon{width:48px;height:48px;border:1px solid #1a1a1a;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease}.contactPage .contactSection .contactGrid .contactInfo .socialLinks .socialIcons .socialIcon svg{color:#fff}.contactPage .contactSection .contactGrid .contactInfo .socialLinks .socialIcons .socialIcon:hover{border-color:#333;transform:translateY(-3px)}.contactPage .contactSection .contactGrid .contactForm form{display:flex;flex-direction:column;gap:2rem}.contactPage .contactSection .contactGrid .contactForm form .formGroup{display:flex;flex-direction:column;gap:.75rem}.contactPage .contactSection .contactGrid .contactForm form .formGroup label{font-size:.875rem;color:gray;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.contactPage .contactSection .contactGrid .contactForm form .formGroup input,.contactPage .contactSection .contactGrid .contactForm form .formGroup textarea{width:100%;padding:1rem;background:transparent;border:1px solid #1a1a1a;border-radius:8px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.contactPage .contactSection .contactGrid .contactForm form .formGroup input::placeholder,.contactPage .contactSection .contactGrid .contactForm form .formGroup textarea::placeholder{color:gray}.contactPage .contactSection .contactGrid .contactForm form .formGroup input:focus,.contactPage .contactSection .contactGrid .contactForm form .formGroup textarea:focus{outline:none;border-color:#333}.contactPage .contactSection .contactGrid .contactForm form .formGroup textarea{resize:vertical;min-height:150px}.contactPage .contactSection .contactGrid .contactForm form .submitButton{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;color:#000;padding:1.25rem 2.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.contactPage .contactSection .contactGrid .contactForm form .submitButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ffffff1a}.contactPage .contactSection .contactGrid .contactForm form .submitButton:disabled{opacity:.6;cursor:not-allowed}.contactPage .contactSection .contactGrid .contactForm form .successMessage{padding:1rem 1.5rem;background:#ffffff0d;border:1px solid #1a1a1a;border-radius:8px;color:#fff;font-size:.95rem}@media (max-width: 1024px){.contactPage .contactSection{padding:5rem 2rem}.contactPage .contactSection .contactGrid{grid-template-columns:400px 1fr;gap:4rem}}@media (max-width: 900px){.contactPage .contactSection{padding:4rem 1.5rem}.contactPage .contactSection .contactGrid{grid-template-columns:1fr;gap:4rem}.contactPage .contactSection .contactGrid .contactInfo,.contactPage .contactSection .contactGrid .contactForm{max-width:600px;margin:0 auto;width:100%}}@media (max-width: 768px){.contactPage .nameHeader{padding:4rem 1rem 3rem}.contactPage .nameHeader .animatedName{font-size:clamp(2rem,10vw,3rem)}.contactPage .contactSection{padding:4rem 1rem}.contactPage .contactSection .container{padding:0}.contactPage .contactSection .contactGrid,.contactPage .contactSection .contactGrid .contactInfo{gap:3rem}.contactPage .contactSection .contactGrid .contactInfo .infoBlock h2{font-size:clamp(1.5rem,6vw,2rem)}.contactPage .contactSection .contactGrid .contactInfo .infoBlock p{font-size:1rem}.contactPage .contactSection .contactGrid .contactInfo .infoList{gap:1.5rem}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem{gap:1rem}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoIcon{width:44px;height:44px}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoContent h4{font-size:.7rem}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoContent p,.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoContent a{font-size:1rem}.contactPage .contactSection .contactGrid .contactInfo .socialLinks .socialIcons{gap:.75rem}.contactPage .contactSection .contactGrid .contactInfo .socialLinks .socialIcons .socialIcon{width:44px;height:44px}.contactPage .contactSection .contactGrid .contactForm form{gap:1.5rem}.contactPage .contactSection .contactGrid .contactForm form .formGroup{gap:.5rem}.contactPage .contactSection .contactGrid .contactForm form .formGroup label{font-size:.8rem}.contactPage .contactSection .contactGrid .contactForm form .formGroup input,.contactPage .contactSection .contactGrid .contactForm form .formGroup textarea{padding:.875rem;font-size:.95rem}.contactPage .contactSection .contactGrid .contactForm form .formGroup textarea{min-height:120px}.contactPage .contactSection .contactGrid .contactForm form .submitButton{width:100%;padding:1rem 2rem}.contactPage .contactSection .contactGrid .contactForm form .successMessage{padding:.875rem 1.25rem;font-size:.9rem}}@media (max-width: 480px){.contactPage .nameHeader{padding:3rem 1rem 2.5rem}.contactPage .nameHeader .animatedName{font-size:clamp(1.75rem,12vw,2.5rem)}.contactPage .contactSection{padding:3rem 1rem}.contactPage .contactSection .contactGrid,.contactPage .contactSection .contactGrid .contactInfo{gap:2.5rem}.contactPage .contactSection .contactGrid .contactInfo .infoBlock h2{font-size:clamp(1.25rem,8vw,1.75rem);margin-bottom:1rem}.contactPage .contactSection .contactGrid .contactInfo .infoBlock p{font-size:.95rem}.contactPage .contactSection .contactGrid .contactInfo .infoList{gap:1.25rem}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoIcon{width:40px;height:40px}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoIcon svg{width:18px;height:18px}.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoContent p,.contactPage .contactSection .contactGrid .contactInfo .infoList .infoItem .infoContent a{font-size:.95rem}.contactPage .contactSection .contactGrid .contactInfo .socialLinks h3{font-size:.8rem;margin-bottom:1.25rem}.contactPage .contactSection .contactGrid .contactInfo .socialLinks .socialIcons .socialIcon{width:40px;height:40px}.contactPage .contactSection .contactGrid .contactInfo .socialLinks .socialIcons .socialIcon svg{width:18px;height:18px}.contactPage .contactSection .contactGrid .contactForm form{gap:1.25rem}.contactPage .contactSection .contactGrid .contactForm form .formGroup input,.contactPage .contactSection .contactGrid .contactForm form .formGroup textarea{padding:.75rem;font-size:.9rem}.contactPage .contactSection .contactGrid .contactForm form .submitButton{padding:.875rem 1.75rem;font-size:.95rem}}.notFoundPage{width:100%;min-height:100vh;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.notFoundPage .container{max-width:800px;width:100%}.notFoundPage .errorContent{text-align:center}.notFoundPage .errorContent .errorCode{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem}.notFoundPage .errorContent .errorCode .number{font-size:clamp(6rem,15vw,12rem);font-weight:700;line-height:1;background:linear-gradient(90deg,#fff,gray,#fff,gray,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 4s linear infinite}.notFoundPage .errorContent .errorTitle{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#fff;margin:0 0 1.5rem;letter-spacing:-.02em}.notFoundPage .errorContent .errorMessage{font-size:1.25rem;color:gray;line-height:1.7;margin:0 0 3rem;max-width:600px;margin-left:auto;margin-right:auto}.notFoundPage .errorContent .errorActions{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.notFoundPage .errorContent .errorActions .primaryButton{display:inline-flex;align-items:center;gap:.75rem;background:#fff;color:#000;padding:1.25rem 2.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.notFoundPage .errorContent .errorActions .primaryButton:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffffff1a}.notFoundPage .errorContent .errorActions .secondaryButton{display:inline-flex;align-items:center;gap:.75rem;background:transparent;color:#fff;padding:1.25rem 2.5rem;border:1px solid #ffffff;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.notFoundPage .errorContent .errorActions .secondaryButton:hover{background:#fff;color:#000;transform:translateY(-2px)}@media (max-width: 768px){.notFoundPage{padding:3rem 1rem}.notFoundPage .errorContent .errorCode{gap:1rem;margin-bottom:2rem}.notFoundPage .errorContent .errorMessage{font-size:1.125rem;margin-bottom:2rem}.notFoundPage .errorContent .errorActions{flex-direction:column;margin-bottom:3rem}.notFoundPage .errorContent .errorActions .primaryButton,.notFoundPage .errorContent .errorActions .secondaryButton{width:100%;justify-content:center}}.blogDetailsPage{width:100%;min-height:100vh;background:#000;color:#fff}.blogDetailsPage .container{max-width:1200px;margin:0 auto;padding:0 2rem}.blogDetailsPage .articleHeader{padding:6rem 2rem 4rem;border-bottom:1px solid #1a1a1a}.blogDetailsPage .articleHeader .container{padding:0}.blogDetailsPage .articleHeader .backButton{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid #1a1a1a;color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:3rem}.blogDetailsPage .articleHeader .backButton:hover{border-color:#333;transform:translate(-3px)}.blogDetailsPage .articleHeader .articleMeta{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.blogDetailsPage .articleHeader .articleMeta .categoryBadge{padding:.5rem 1rem;background:transparent;border:1px solid #ffffff;border-radius:8px;font-size:.75rem;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.blogDetailsPage .articleHeader .articleMeta .metaInfo{display:flex;gap:1.5rem;flex-wrap:wrap}.blogDetailsPage .articleHeader .articleMeta .metaInfo .metaItem{display:flex;align-items:center;gap:.5rem;color:gray;font-size:.9rem}.blogDetailsPage .articleHeader .articleTitle{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:#fff;margin:0 0 1.5rem;letter-spacing:-.03em;line-height:1.2;word-wrap:break-word}.blogDetailsPage .articleHeader .articleExcerpt{font-size:clamp(1rem,3vw,1.5rem);color:gray;line-height:1.6;margin:0;max-width:100%}.blogDetailsPage .featuredImage{padding:0;border-bottom:1px solid #1a1a1a}.blogDetailsPage .featuredImage .container{padding:0 2rem}.blogDetailsPage .featuredImage .imageWrapper{width:100%;aspect-ratio:21/9;background:#0a0a0a;border-radius:8px;overflow:hidden;margin:0 auto}.blogDetailsPage .featuredImage .imageWrapper .actualImage{width:100%;height:100%;object-fit:cover}.blogDetailsPage .articleContent{padding:6rem 0}.blogDetailsPage .articleContent .contentGrid{display:grid;grid-template-columns:1fr 300px;gap:4rem}.blogDetailsPage .articleContent .contentGrid .blogMainContent{min-width:0}.blogDetailsPage .articleContent .contentGrid .blogMainContent .introduction{font-size:clamp(1rem,2vw,1.25rem);line-height:1.8;color:#fff;margin:0 0 3rem}.blogDetailsPage .articleContent .contentGrid .blogMainContent .contentSection{margin-bottom:3rem}.blogDetailsPage .articleContent .contentGrid .blogMainContent .contentSection h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#fff;margin:0 0 1.5rem;letter-spacing:-.02em;word-wrap:break-word}.blogDetailsPage .articleContent .contentGrid .blogMainContent .contentSection p{font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;color:gray;margin:0;word-wrap:break-word}.blogDetailsPage .articleContent .contentGrid .blogMainContent .codeBlock{margin:3rem 0;border:1px solid #1a1a1a;border-radius:8px;overflow:hidden;width:100%}.blogDetailsPage .articleContent .contentGrid .blogMainContent .codeBlock .codeHeader{padding:1rem 1.5rem;background:#0a0a0a;border-bottom:1px solid #1a1a1a}.blogDetailsPage .articleContent .contentGrid .blogMainContent .codeBlock .codeHeader span{font-size:.875rem;color:gray;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.blogDetailsPage .articleContent .contentGrid .blogMainContent .codeBlock pre{margin:0;padding:1.5rem;background:#000;overflow-x:auto}.blogDetailsPage .articleContent .contentGrid .blogMainContent .codeBlock pre code{font-family:Monaco,Courier New,monospace;font-size:.85rem;line-height:1.6;color:#fff}.blogDetailsPage .articleContent .contentGrid .blogMainContent .conclusion{margin:3rem 0;padding:2rem;border:1px solid #1a1a1a;border-radius:8px}.blogDetailsPage .articleContent .contentGrid .blogMainContent .conclusion h3{font-size:clamp(1.125rem,2vw,1.25rem);font-weight:600;color:#fff;margin:0 0 1rem}.blogDetailsPage .articleContent .contentGrid .blogMainContent .conclusion p{font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;color:gray;margin:0}.blogDetailsPage .articleContent .contentGrid .blogMainContent .articleTags{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-top:3rem;border-top:1px solid #1a1a1a}.blogDetailsPage .articleContent .contentGrid .blogMainContent .articleTags svg{color:gray;flex-shrink:0}.blogDetailsPage .articleContent .contentGrid .blogMainContent .articleTags .tagItem{padding:.5rem 1rem;background:transparent;border:1px solid #1a1a1a;border-radius:8px;font-size:.875rem;color:gray;transition:all .3s ease;cursor:pointer}.blogDetailsPage .articleContent .contentGrid .blogMainContent .articleTags .tagItem:hover{border-color:#333;color:#fff}.blogDetailsPage .articleContent .contentGrid .sidebar{min-width:0}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard{padding:2rem;border:1px solid #1a1a1a;border-radius:8px;margin-bottom:2rem}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard:last-child{margin-bottom:0}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard h4{font-size:.875rem;color:#fff;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard .shareButtons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard .shareButtons .shareBtn{display:flex;align-items:center;justify-content:center;padding:.875rem;background:transparent;border:1px solid #1a1a1a;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard .shareButtons .shareBtn:hover{border-color:#333;transform:translateY(-2px)}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard .tocList{list-style:none;padding:0;margin:0}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard .tocList li{margin-bottom:1rem}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard .tocList li:last-child{margin-bottom:0}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard .tocList li a{color:gray;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:block;padding-left:1rem;border-left:2px solid transparent;word-wrap:break-word}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard .tocList li a:hover{color:#fff;border-left-color:#fff;padding-left:1.5rem}.blogDetailsPage .relatedPosts{padding:6rem 2rem;border-top:1px solid #1a1a1a}.blogDetailsPage .relatedPosts h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;color:#fff;margin:0 0 3rem;letter-spacing:-.02em}.blogDetailsPage .relatedPosts .relatedGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.blogDetailsPage .relatedPosts .relatedGrid .relatedCard{display:block;border:1px solid #1a1a1a;border-radius:8px;overflow:hidden;text-decoration:none;transition:all .3s ease}.blogDetailsPage .relatedPosts .relatedGrid .relatedCard:hover{border-color:#333;transform:translateY(-3px)}.blogDetailsPage .relatedPosts .relatedGrid .relatedCard:hover .relatedImage .actualImage{transform:scale(1.05)}.blogDetailsPage .relatedPosts .relatedGrid .relatedCard .relatedImage{aspect-ratio:16/9;overflow:hidden;background:#0a0a0a}.blogDetailsPage .relatedPosts .relatedGrid .relatedCard .relatedImage .actualImage{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blogDetailsPage .relatedPosts .relatedGrid .relatedCard .relatedContent{padding:1.5rem}.blogDetailsPage .relatedPosts .relatedGrid .relatedCard .relatedContent .relatedCategory{display:inline-block;padding:.4rem .9rem;border:1px solid #1a1a1a;border-radius:8px;font-size:.75rem;color:gray;text-transform:uppercase;letter-spacing:.1em;font-weight:500;margin-bottom:1rem}.blogDetailsPage .relatedPosts .relatedGrid .relatedCard .relatedContent h3{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 1rem;line-height:1.3;word-wrap:break-word}.blogDetailsPage .relatedPosts .relatedGrid .relatedCard .relatedContent .relatedMeta{display:flex;gap:1rem;font-size:.875rem;color:gray;flex-wrap:wrap}.blogDetailsPage .notFound{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:4rem 2rem}.blogDetailsPage .notFound h2{font-size:clamp(1.5rem,4vw,2rem);color:#fff;margin:0;text-align:center}.blogDetailsPage .notFound .backButton{display:inline-flex;align-items:center;gap:.75rem;background:#fff;color:#000;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;border:none;transition:all .3s ease}.blogDetailsPage .notFound .backButton:hover{transform:translateY(-2px)}@media (max-width: 1024px){.blogDetailsPage .articleContent .contentGrid{grid-template-columns:1fr;gap:3rem}.blogDetailsPage .articleContent .contentGrid .sidebar{order:-1;max-width:100%}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard .shareButtons{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.blogDetailsPage .container{padding:0 1.5rem}.blogDetailsPage .articleHeader{padding:5rem 1.5rem 3rem}.blogDetailsPage .articleHeader .articleMeta,.blogDetailsPage .articleHeader .articleMeta .metaInfo{gap:1rem}.blogDetailsPage .featuredImage .container{padding:0 1.5rem}.blogDetailsPage .featuredImage .imageWrapper{aspect-ratio:16/9}.blogDetailsPage .articleContent{padding:4rem 0}.blogDetailsPage .articleContent .contentGrid{gap:2.5rem}.blogDetailsPage .articleContent .contentGrid .blogMainContent .codeBlock pre{padding:1.25rem}.blogDetailsPage .articleContent .contentGrid .blogMainContent .codeBlock pre code{font-size:.8rem}.blogDetailsPage .articleContent .contentGrid .blogMainContent .conclusion,.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard{padding:1.5rem}.blogDetailsPage .relatedPosts{padding:4rem 1.5rem}.blogDetailsPage .relatedPosts .relatedGrid{grid-template-columns:1fr}}@media (max-width: 480px){.blogDetailsPage .container{padding:0 1rem}.blogDetailsPage .articleHeader{padding:4rem 1rem 2.5rem}.blogDetailsPage .articleHeader .backButton{padding:.625rem 1rem;font-size:.85rem}.blogDetailsPage .articleHeader .articleMeta .categoryBadge{padding:.4rem .875rem;font-size:.7rem}.blogDetailsPage .featuredImage .container{padding:0 1rem}.blogDetailsPage .articleContent{padding:3rem 0}.blogDetailsPage .articleContent .contentGrid{gap:2rem}.blogDetailsPage .articleContent .contentGrid .blogMainContent .codeBlock{margin:2rem 0}.blogDetailsPage .articleContent .contentGrid .blogMainContent .codeBlock .codeHeader{padding:.875rem 1rem}.blogDetailsPage .articleContent .contentGrid .blogMainContent .codeBlock pre{padding:1rem}.blogDetailsPage .articleContent .contentGrid .blogMainContent .conclusion{padding:1.25rem}.blogDetailsPage .articleContent .contentGrid .blogMainContent .articleTags{padding-top:2rem}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard{padding:1.25rem}.blogDetailsPage .articleContent .contentGrid .sidebar .sidebarCard .shareButtons{grid-template-columns:repeat(2,1fr)}.blogDetailsPage .relatedPosts{padding:3rem 1rem}.blogDetailsPage .relatedPosts .relatedGrid{gap:1.5rem}.blogDetailsPage .relatedPosts .relatedGrid .relatedCard .relatedContent{padding:1.25rem}}.experienceDetailsPage{width:100%;min-height:100vh;background:#000;color:#fff}.experienceDetailsPage .container{max-width:1200px;margin:0 auto;padding:0 2rem}.experienceDetailsPage .expHeader{padding:6rem 2rem 4rem;border-bottom:1px solid #1a1a1a}.experienceDetailsPage .expHeader .backButton{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid #1a1a1a;color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:3rem}.experienceDetailsPage .expHeader .backButton:hover{border-color:#333;transform:translate(-3px)}.experienceDetailsPage .expHeader .expMeta{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.experienceDetailsPage .expHeader .expMeta .expType{padding:.5rem 1rem;background:transparent;border:1px solid #ffffff;border-radius:8px;font-size:.75rem;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.experienceDetailsPage .expHeader .expMeta .expYear{display:flex;align-items:center;gap:.5rem;color:gray;font-size:.9rem}.experienceDetailsPage .expHeader .expRole{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:#fff;margin:0 0 1.5rem;letter-spacing:-.03em;line-height:1.2}.experienceDetailsPage .expHeader .expCompanyInfo{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.experienceDetailsPage .expHeader .expCompanyInfo span{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;color:#fff}.experienceDetailsPage .expHeader .expCompanyInfo span svg{color:gray}.experienceDetailsPage .expHeader .expDescription{font-size:1.25rem;color:gray;line-height:1.8;margin:0;max-width:900px}.experienceDetailsPage .expContent{padding:6rem 2rem}.experienceDetailsPage .expContent .contentBlock{margin-bottom:5rem}.experienceDetailsPage .expContent .contentBlock:last-child{margin-bottom:0}.experienceDetailsPage .expContent .contentBlock h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;color:#fff;margin:0 0 2rem;letter-spacing:-.02em}.experienceDetailsPage .expContent .contentBlock .respList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.experienceDetailsPage .expContent .contentBlock .respList li{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border:1px solid #1a1a1a;border-radius:8px;transition:all .3s ease}.experienceDetailsPage .expContent .contentBlock .respList li:hover{border-color:#333}.experienceDetailsPage .expContent .contentBlock .respList li svg{color:#fff;flex-shrink:0;margin-top:.25rem}.experienceDetailsPage .expContent .contentBlock .respList li span{font-size:1.125rem;color:gray;line-height:1.6}.experienceDetailsPage .expContent .contentBlock .projectsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.experienceDetailsPage .expContent .contentBlock .projectsGrid .projectItem{padding:2rem;border:1px solid #1a1a1a;border-radius:8px;transition:all .3s ease}.experienceDetailsPage .expContent .contentBlock .projectsGrid .projectItem:hover{border-color:#333;transform:translateY(-3px)}.experienceDetailsPage .expContent .contentBlock .projectsGrid .projectItem h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1rem}.experienceDetailsPage .expContent .contentBlock .projectsGrid .projectItem p{font-size:1.125rem;color:gray;line-height:1.7;margin:0 0 1.5rem}.experienceDetailsPage .expContent .contentBlock .projectsGrid .projectItem .impact{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #1a1a1a;border-radius:8px;font-size:.875rem;color:#fff;font-weight:500}.experienceDetailsPage .expContent .contentBlock .projectsGrid .projectItem .impact svg{color:gray}.experienceDetailsPage .expContent .contentBlock .achievementsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.experienceDetailsPage .expContent .contentBlock .achievementsGrid .achievementCard{padding:2rem;border:1px solid #1a1a1a;border-radius:8px;text-align:center;transition:all .3s ease}.experienceDetailsPage .expContent .contentBlock .achievementsGrid .achievementCard:hover{border-color:#333;transform:translateY(-3px)}.experienceDetailsPage .expContent .contentBlock .achievementsGrid .achievementCard svg{color:#fff;margin-bottom:1rem}.experienceDetailsPage .expContent .contentBlock .achievementsGrid .achievementCard p{font-size:1.125rem;color:gray;margin:0;line-height:1.6}.experienceDetailsPage .expContent .contentBlock .techGrid{display:flex;flex-wrap:wrap;gap:1rem}.experienceDetailsPage .expContent .contentBlock .techGrid .techBadge{padding:.75rem 1.5rem;border:1px solid #1a1a1a;border-radius:8px;font-size:1rem;color:#fff;text-transform:uppercase;letter-spacing:.05em;font-weight:500;transition:all .3s ease}.experienceDetailsPage .expContent .contentBlock .techGrid .techBadge:hover{border-color:#333}.experienceDetailsPage .nextExp{padding:6rem 2rem;border-top:1px solid #1a1a1a}.experienceDetailsPage .nextExp .nextExpLink{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;border:1px solid #1a1a1a;border-radius:8px;text-decoration:none;transition:all .3s ease}.experienceDetailsPage .nextExp .nextExpLink:hover{border-color:#333;transform:translateY(-3px)}.experienceDetailsPage .nextExp .nextExpLink:hover svg{transform:translate(5px)}.experienceDetailsPage .nextExp .nextExpLink .nextLabel{font-size:.875rem;color:gray;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.experienceDetailsPage .nextExp .nextExpLink .nextInfo{flex:1;display:flex;flex-direction:column;gap:.5rem}.experienceDetailsPage .nextExp .nextExpLink .nextInfo .nextRole{font-size:1.75rem;font-weight:600;color:#fff}.experienceDetailsPage .nextExp .nextExpLink .nextInfo .nextCompany{font-size:1.125rem;color:gray}.experienceDetailsPage .nextExp .nextExpLink svg{color:#fff;flex-shrink:0;transition:transform .3s ease}.experienceDetailsPage .notFound{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:4rem 2rem}.experienceDetailsPage .notFound h2{font-size:2rem;color:#fff;margin:0}.experienceDetailsPage .notFound .backButton{background:#fff;color:#000;border:none;padding:1rem 2rem;font-weight:600}@media (max-width: 768px){.experienceDetailsPage .expHeader{padding:4rem 1rem 3rem}.experienceDetailsPage .expHeader .expCompanyInfo{flex-direction:column;gap:1rem}.experienceDetailsPage .expContent{padding:4rem 1rem}.experienceDetailsPage .expContent .contentBlock{margin-bottom:3rem}.experienceDetailsPage .expContent .contentBlock .projectsGrid,.experienceDetailsPage .expContent .contentBlock .achievementsGrid{grid-template-columns:1fr}.experienceDetailsPage .nextExp{padding:4rem 1rem}.experienceDetailsPage .nextExp .nextExpLink{flex-direction:column;align-items:flex-start;padding:2rem}.experienceDetailsPage .container{padding:0 1rem}}.layoutWrapper{min-height:100vh;display:flex;flex-direction:column;background:#000;position:relative;overflow-x:hidden}.layoutWrapper .mainContent{flex:1;position:relative;z-index:1}::selection{background:#fff3;color:#fff}::-moz-selection{background:#fff3;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fffc}button{font-family:inherit;border:none;background:none;cursor:pointer}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"pnum" 1,"tnum" 0,"onum" 1,"lnum" 0}p,li,span{font-feature-settings:"kern" 1,"liga" 1,"calt" 1}@media (max-width: 768px){body{font-size:16px}}@media (max-width: 480px){body{font-size:14px}}@media (prefers-color-scheme: dark){body{background:#000;color:#fff}}@media (prefers-contrast: high){body{background:#000;color:#fff}::-webkit-scrollbar-thumb{background:#fff}}.header{position:fixed;top:20px;left:50%;transform:translate(-50%);width:calc(100% - 100px);max-width:1500px;transition:all .3s ease;z-index:20;border-radius:25px}.header.scrolled{top:15px}.header .headerContainer{margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:60px}.header .headerContainer .headerLogo{text-decoration:none;position:relative;z-index:21}.header .headerContainer .headerLogo h2{color:#fff;font-size:1.7rem;font-weight:700;margin:0;transition:color .3s ease}.header .headerContainer .headerLogo h2:hover{color:#e0e0e0}.header .headerContainer .mobileMenuToggle{display:flex;align-items:center;justify-content:center;position:relative;z-index:21;cursor:pointer;transition:all .3s ease}.header .headerContainer .mobileMenuToggle:hover{transform:scale(1.1)}.header .headerContainer .mobileMenuToggle:active{transform:scale(.95)}@media (max-width: 1100px){.header{width:calc(100% - 80px)}}@media (max-width: 900px){.header{width:calc(100% - 60px)}}@media (max-width: 750px){.header{width:calc(100% - 40px)}.header .headerContainer{padding:0 1rem}.header .headerContainer .headerLogo h2{font-size:1.5rem}}@media (max-width: 480px){.header{width:calc(100% - 30px);border-radius:20px}.header .headerContainer{height:55px;padding:0 1rem}.header .headerContainer .headerLogo h2{font-size:1.3rem}}@media (max-width: 360px){.header{width:calc(100% - 20px);border-radius:18px}.header .headerContainer{padding:0 .75rem}.header .headerContainer .headerLogo h2{font-size:1.2rem}}.fullscreenMenu{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:19;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .4s ease;overflow:hidden}.fullscreenMenu:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/t4-4gnOMyU-.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;z-index:1;filter:brightness(.8) blur(10px);animation:zoomIn .6s ease-out}.fullscreenMenu:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0009,#0006);z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fullscreenMenu.active{opacity:1;pointer-events:all}.fullscreenMenu .fullscreenMenuContent{width:100%;max-width:800px;padding:2rem;position:relative;z-index:3}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:2rem}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem{width:100%;text-align:center;transform:translateY(30px);transition:all .6s cubic-bezier(.22,1,.36,1)}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem .fullscreenNavLink{display:inline-block;color:#fff;text-decoration:none;font-size:3rem;font-weight:700;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);border-radius:10px;text-shadow:3px 3px 10px rgba(0,0,0,.9);letter-spacing:.05em}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem .fullscreenNavLink:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;border-radius:10px;opacity:0;transition:opacity .3s ease;z-index:-1}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem .fullscreenNavLink:hover{color:#fff;background:#ffffff26;text-shadow:3px 3px 15px rgb(0,0,0);box-shadow:0 10px 30px #ffffff1a}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem .fullscreenNavLink:hover:before{opacity:1}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem .fullscreenNavLink:active{transform:scale(.95) translateY(0)}@media (hover: none){.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem .fullscreenNavLink:active{background:#ffffff26;transform:scale(1.05)}}.fullscreenMenu.active .fullscreenNavItem{opacity:1;transform:translateY(0)}.fullscreenMenu.active .fullscreenNavItem:nth-child(1){transition-delay:.1s}.fullscreenMenu.active .fullscreenNavItem:nth-child(2){transition-delay:.2s}.fullscreenMenu.active .fullscreenNavItem:nth-child(3){transition-delay:.3s}.fullscreenMenu.active .fullscreenNavItem:nth-child(4){transition-delay:.4s}.fullscreenMenu.active .fullscreenNavItem:nth-child(5){transition-delay:.5s}.fullscreenMenu.active .fullscreenNavItem:nth-child(6){transition-delay:.6s}@media (max-width: 768px){.fullscreenMenu .fullscreenMenuContent{padding:1.5rem}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList{gap:1.5rem;flex-direction:column}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem .fullscreenNavLink{font-size:2.5rem;padding:.8rem 1.5rem;text-shadow:2px 2px 8px rgba(0,0,0,.9)}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem .fullscreenNavLink:hover{transform:scale(1.06) translateY(-3px)}}@media (max-width: 480px){.fullscreenMenu .fullscreenMenuContent{padding:1rem}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList{gap:1.2rem}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem .fullscreenNavLink{font-size:2rem;padding:.7rem 1.2rem;text-shadow:2px 2px 6px rgba(0,0,0,.9);letter-spacing:.02em}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem .fullscreenNavLink:hover{transform:scale(1.05) translateY(-2px)}}@media (max-width: 360px){.fullscreenMenu .fullscreenMenuContent{padding:.8rem}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList{gap:1rem}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem .fullscreenNavLink{font-size:1.7rem;padding:.6rem 1rem;text-shadow:1px 1px 5px rgba(0,0,0,.9)}.fullscreenMenu .fullscreenMenuContent .fullscreenNav .fullscreenNavList .fullscreenNavItem .fullscreenNavLink:hover{transform:scale(1.04) translateY(-1px)}}body{padding-top:90px;background-color:#000;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body.no-scroll{overflow:hidden}@media (max-width: 768px){body{padding-top:80px}}@media (max-width: 480px){body{padding-top:75px}}@keyframes zoomIn{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInScale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box}html{scroll-behavior:smooth}@media print{.header,.fullscreenMenu,.mobileMenuToggle{display:none!important}body{padding-top:0}}.footer{background:#000;color:#fff;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#ffffff,transparent)}.footer .footerContainer{max-width:1500px;margin:0 auto;padding:0 2rem}.footer .footerContainer .footerTopBrand{padding:4rem 0;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.footer .footerContainer .footerTopBrand h3{font-size:16rem;font-weight:800;margin:0;line-height:1;text-transform:uppercase;background:linear-gradient(90deg,#fff,gray,#fff,gray,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 4s linear infinite}@keyframes textShine{0%{background-position:0% center}to{background-position:200% center}}.footer .footerContainer .footerTopBrand .footerDescription{margin-top:1rem;font-size:1.25rem;font-weight:500;color:#ffffffb3;margin-left:auto;margin-right:auto;line-height:1.5}.footer .footerContainer .footerContent{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:4rem;padding:4rem 0 2rem}.footer .footerContainer .footerContent .footerSection.brandSection .socialLinks{display:flex;gap:1rem}.footer .footerContainer .footerContent .footerSection.brandSection .socialLinks .socialLink{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;transition:all .3s ease}.footer .footerContainer .footerContent .footerSection.brandSection .socialLinks .socialLink .socialIcon{font-size:1.3rem}.footer .footerContainer .footerContent .footerSection.brandSection .socialLinks .socialLink:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-3px)}.footer .footerContainer .footerContent .footerSection.linksSection .sectionTitle{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;position:relative}.footer .footerContainer .footerContent .footerSection.linksSection .sectionTitle:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:#fff}.footer .footerContainer .footerContent .footerSection.linksSection .linksList{list-style:none;padding:0;margin:0}.footer .footerContainer .footerContent .footerSection.linksSection .linksList .linkItem{margin-bottom:.8rem}.footer .footerContainer .footerContent .footerSection.linksSection .linksList .linkItem .footerLink{color:#ffffffb3;text-decoration:none;font-size:.95rem;transition:all .3s ease;position:relative}.footer .footerContainer .footerContent .footerSection.linksSection .linksList .linkItem .footerLink:hover{color:#fff;padding-left:.5rem}.footer .footerContainer .footerContent .footerSection.contactSection .sectionTitle{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;position:relative}.footer .footerContainer .footerContent .footerSection.contactSection .sectionTitle:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:#fff}.footer .footerContainer .footerContent .footerSection.contactSection .contactInfo{margin-bottom:2rem}.footer .footerContainer .footerContent .footerSection.contactSection .contactInfo .contactLink{display:flex;align-items:center;color:#ffffffb3;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer .footerContainer .footerContent .footerSection.contactSection .contactInfo .contactLink .contactIcon{margin-right:.75rem;font-size:1.2rem;color:#fff}.footer .footerContainer .footerContent .footerSection.contactSection .contactInfo .contactLink:hover{color:#fff}.footer .footerContainer .footerContent .footerSection.contactSection .ctaSection .ctaButton{display:inline-block;background:#fff;color:#000;padding:.8rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease}.footer .footerContainer .footerContent .footerSection.contactSection .ctaSection .ctaButton:hover{transform:translateY(-2px);background:#ffffffe6}.footer .footerContainer .footerBottom{border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 0}.footer .footerContainer .footerBottom .bottomContent{display:flex;justify-content:space-between;align-items:center}.footer .footerContainer .footerBottom .bottomContent .copyrightSection .copyright{color:#ffffffb3;font-size:.9rem}.footer .footerContainer .footerBottom .bottomContent .backToTop{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;transition:all .3s ease}.footer .footerContainer .footerBottom .bottomContent .backToTop .backToTopIcon{font-size:1.2rem}.footer .footerContainer .footerBottom .bottomContent .backToTop:hover{transform:translateY(-2px);background:#ffffffe6}@media (max-width: 968px){.footer .footerContainer .footerTopBrand h3{font-size:6rem}.footer .footerContainer .footerTopBrand .footerDescription{font-size:1.1rem}.footer .footerContainer .footerContent{grid-template-columns:1fr 1fr;gap:3rem}.footer .footerContainer .footerContent .contactSection{grid-column:1/-1}}@media (max-width: 768px){.footer .footerContainer{padding:0 1rem}.footer .footerContainer .footerTopBrand{padding:3rem 0}.footer .footerContainer .footerTopBrand h3{font-size:2.7rem}.footer .footerContainer .footerTopBrand .footerDescription{font-size:14px;max-width:90%;margin-left:auto;margin-right:auto}.footer .footerContainer .footerContent{grid-template-columns:1fr;gap:2rem;padding:3rem 0 2rem;text-align:center}.footer .footerContainer .footerContent .footerSection.brandSection .socialLinks{justify-content:center}.footer .footerContainer .footerContent .footerSection.linksSection .sectionTitle:after,.footer .footerContainer .footerContent .footerSection.contactSection .sectionTitle:after{left:50%;transform:translate(-50%)}.footer .footerContainer .footerContent .footerSection.contactSection .contactInfo .contactLink{justify-content:center}.footer .footerContainer .footerBottom .bottomContent{flex-direction:column;gap:1rem;text-align:center}}