*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.dashboardContainer,body{transition:background-color .3s,color .3s;transition:background-color var(--transition-speed),color var(--transition-speed)}.dashboardContainer{display:flex;flex-direction:column;min-height:100vh}.light-mode{background-color:#fff;background-color:var(--background-light);color:#333;color:var(--text-light)}.dark-mode{background-color:#121212;background-color:var(--background-dark);color:#f5f5f5;color:var(--text-dark)}.mainContent{flex:1 1;overflow-x:hidden;padding-bottom:60px;padding-top:80px}@media screen and (max-width:1024px){.mainContent{padding-top:70px}}@media screen and (max-width:768px){.mainContent{padding-top:60px}}@media screen and (max-width:480px){.mainContent{padding-top:50px}}.headerContainer{align-items:center;display:flex;height:80px;justify-content:space-between;left:0;padding:0 5%;position:fixed;top:0;transition:all .3s ease-in-out;width:100%;z-index:1000}.headerContainer.scrolled{background-color:#fffffff2;box-shadow:0 4px 15px #0000001a;height:70px}.headerContainer.dark-mode.scrolled{background-color:#121212f2;box-shadow:0 4px 15px #0006}.headerLogo h1{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0}.desktopMenu ul{display:flex;gap:30px;list-style:none}.desktopMenu button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;font-weight:500;padding:5px 0;position:relative;transition:all .3s ease}.desktopMenu button:after{background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.desktopMenu button.active:after,.desktopMenu button:hover:after{width:100%}.desktopMenu button.active{color:var(--primary-color)}.menuToggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;width:30px;z-index:1001}.menuToggle span{background-color:var(--text-light);height:2px;transition:all .3s ease-in-out;width:100%}.dark-mode .menuToggle span{background-color:var(--text-dark)}.menuToggle.open span:first-child{transform:translateY(9px) rotate(45deg)}.menuToggle.open span:nth-child(2){opacity:0}.menuToggle.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobileMenu{background-color:var(--background-light);box-shadow:-5px 0 15px #0000001a;display:none;height:100vh;padding:100px 50px;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:70%;z-index:1000}.dark-mode .mobileMenu{background-color:var(--background-dark);box-shadow:-5px 0 15px #0000004d}.mobileMenu.open{right:0}.mobileMenu ul{display:flex;flex-direction:column;gap:20px;list-style:none}.mobileMenu button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;font-weight:500;padding:10px 0;text-align:left;transition:all .3s ease;width:100%}.mobileMenu button.active{color:var(--primary-color)}.darkModeToggle{align-items:center;display:flex}.darkModeToggle input{display:none}.darkModeToggle .toggle{align-items:center;background-color:#f0f0f0;border-radius:30px;cursor:pointer;display:flex;height:26px;padding:0 3px;position:relative;transition:all .3s ease;width:50px}.dark-mode .darkModeToggle .toggle{background-color:#333}.darkModeToggle .toggleIcon{align-items:center;background-color:#fff;border-radius:50%;color:#333;display:flex;height:20px;justify-content:center;transform:translateX(0);transition:transform .3s ease;width:20px}.dark-mode .darkModeToggle .toggleIcon{background-color:#121212;color:#f5f5f5;transform:translateX(24px)}.darkModeToggle svg{height:14px;width:14px}@media screen and (max-width:1024px){.headerLogo h1{font-size:20px}.desktopMenu ul{gap:20px}}@media screen and (max-width:768px){.headerContainer{height:70px}.desktopMenu{display:none}.menuToggle{display:flex}.mobileMenu{display:block}}@media screen and (max-width:480px){.headerContainer{height:60px;padding:0 4%}.headerLogo h1{font-size:16px}}.footerContainer{background-color:#f9f9f9;border-top:1px solid #0000000d;box-shadow:0 -5px 15px #0000000d;padding:40px 5% 20px;position:relative;transition:all .3s ease;width:100%;z-index:10}.footerContainer.dark-mode{background-color:#1a1a1a;border-top:1px solid #ffffff0d;box-shadow:0 -5px 15px #0003}.footerContent{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:30px}.footerLogo{flex:1 1;min-width:260px;padding:10px 0}.footerLogo h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#007bff,#00d4ff);background:linear-gradient(to right,var(--primary-color,#007bff),var(--accent-color,#00d4ff));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;transition:all .3s ease}.footerLogo .tagline{align-items:center;color:#777;display:flex;font-size:14px;font-weight:400;gap:8px;margin-bottom:10px;transition:color .3s ease}.dark-mode .footerLogo .tagline{color:#bbb}.footerLogo .tagline a.footer-creator-class{color:#007bff;color:var(--primary-color,#007bff);font-weight:500;text-decoration:none;transition:all .3s ease}.footerLogo .tagline a.footer-creator-class:hover{color:#00d4ff;color:var(--accent-color,#00d4ff);text-decoration:underline}.footerLogo .react-icon{color:#61dafb;font-size:18px;transition:transform .3s ease}.footerLogo .spin{animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footerLogo .footer-about-mode-site{background-color:#0000000d;border-radius:12px;color:#777;display:inline-block;font-size:13px;font-style:italic;padding:6px 12px;transition:all .3s ease}.dark-mode .footerLogo .footer-about-mode-site{background-color:#ffffff0d;color:#bbb}.footerLinks{display:flex;flex:2 1;gap:20px;justify-content:space-around}.linkColumn{min-width:140px}.linkColumn h3{color:var(--secondary-color);font-size:16px;font-weight:600;margin-bottom:15px;position:relative}.dark-mode .linkColumn h3{color:#f0f0f0}.linkColumn h3:after{background-color:var(--primary-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:30px}.linkColumn ul{list-style:none;padding:0}.linkColumn ul li{margin-bottom:10px}.footer-link{align-items:center;color:#777;display:flex;font-size:14px;gap:8px;text-decoration:none;transition:all .3s ease}.dark-mode .footer-link{color:#aaa}.footer-link:hover{color:var(--primary-color);transform:translateX(5px)}.footer-link.active{font-weight:600}.footer-link.active,.icon{color:var(--primary-color)}.icon{font-size:16px}.footerContact{flex:1 1;min-width:260px}.footerContact h3{color:var(--secondary-color);font-size:16px;font-weight:600;margin-bottom:15px;position:relative}.dark-mode .footerContact h3{color:#f0f0f0}.footerContact h3:after{background-color:var(--primary-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:30px}.footerContact p{align-items:center;color:#777;display:flex;font-size:14px;gap:8px;margin-bottom:10px}.dark-mode .footerContact p{color:#aaa}.contact-icon{color:var(--primary-color);font-size:18px}.social-icons{display:flex;gap:15px;margin-top:15px}.social-icon{align-items:center;background-color:#f0f0f0;border-radius:50%;color:var(--primary-color);display:flex;font-size:18px;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.dark-mode .social-icon{background-color:#2a2a2a}.social-icon:hover{background-color:var(--primary-color);box-shadow:0 5px 10px #0000001a;color:#fff;transform:translateY(-3px)}.dark-mode .social-icon:hover{box-shadow:0 5px 10px #0000004d}.footerBottom{align-items:center;border-top:1px solid #0000000d;display:flex;justify-content:space-between;padding-top:20px}.dark-mode .footerBottom{border-top:1px solid #ffffff0d}.footerBottom p{align-items:center;color:#777;display:flex;font-size:14px;gap:5px}.dark-mode .footerBottom p{color:#aaa}.heart-icon{animation:pulse 1.5s ease infinite;color:#ff6b6b;font-size:16px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media screen and (max-width:1024px){.footerContent{gap:20px}}@media screen and (max-width:768px){.footerContent{flex-direction:column;gap:30px}.footerLinks{width:100%}.footerBottom{flex-direction:column;gap:10px;text-align:center}.footerLogo{min-width:100%;text-align:center}.footerLogo .tagline{justify-content:center}.footerLogo .footer-about-mode-site{font-size:12px;padding:5px 10px}}@media screen and (max-width:480px){.footerContainer{padding:30px 4% 15px}.footerLinks{flex-wrap:wrap}.linkColumn{flex:1 0 40%;margin-bottom:20px}.footerLogo h2{font-size:20px}.footerLogo .tagline{font-size:13px;gap:6px}.footerLogo .react-icon{font-size:16px}}.footer-creator-class{text-decoration:none}:root{--text-light:#fff;--instagram-color:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);--tiktok-color:linear-gradient(45deg,#000,#ee1d52,#69c9d0);--whatsapp-color:#25d366;--vk-color:#4c75a3;--ok-color:#ee8208;--twitter-color:#1da1f2;--threads-color:linear-gradient(45deg,#000,#8a3ab9);--github-color:#333;--leetcode-color:#ffa116;--discord-color:#5865f2}.homeContainer{align-items:center;color:#fff;color:var(--text-light);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:50px 0;position:relative;transition:color .3s,background-color .3s;transition:color var(--transition-speed),background-color var(--transition-speed);width:100%}.homeContainer.dark-mode{color:#f5f5f5;color:var(--text-dark)}.homeVideoBackground{height:100vh;left:0;object-fit:cover;opacity:1;position:fixed;top:0;transition:opacity .5s ease;width:100vw}@media (max-width:768px){.homeVideoBackground{animation:fadeInVideo 1.5s ease-in}}@keyframes fadeInVideo{0%{opacity:0}to{opacity:1}}.homeContainer:before{background-color:#0f2d5a66;content:"";height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.homeContainer.light-mode:before{background-color:#0f2d5a33}.homeContainer.dark-mode:before{background-color:#05193299}@media (max-width:768px){.homeContainer:before{background-color:#0f2d5a80}.homeContainer.light-mode:before{background-color:#0f2d5a4d}.homeContainer.dark-mode:before{background-color:#051932b3}}.homeContent{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;max-width:1400px;padding:0 50px;position:relative;width:100%;z-index:10}.light-mode .homeTitle{text-shadow:0 0 10px #00000080}.light-mode .homeSubtitle{color:#fff;text-shadow:0 0 8px #0006}.light-mode .homeAbout{color:#fff;text-shadow:0 0 5px #00000080}.dark-mode .homeTitle{text-shadow:0 0 15px #4a6cf7cc}.dark-mode .homeSubtitle{color:#a0e8ff;text-shadow:0 0 10px #00c8ff66}.dark-mode .homeAbout{color:#f0f0f0;text-shadow:0 0 10px #000000b3}.homeSocialLinksColumn{align-items:center;display:flex;flex-direction:column;gap:15px;position:relative;width:80px}.homeSocialTitle{font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:30px;position:relative;transform:rotate(-90deg);transform-origin:center;white-space:nowrap}.homeSocialTitle span{padding-bottom:5px;position:relative}.homeSocialTitle span:after{background:linear-gradient(90deg,#4a6cf7,#00c8aa);background:linear-gradient(to right,var(--primary-color),var(--accent-color));bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.homeSocialIconsWrapper{align-items:center;display:flex;flex-direction:column;gap:20px;position:relative}.homeSocialIconsWrapper:before{background:linear-gradient(180deg,#0000,#00c8aa,#0000);background:linear-gradient(to bottom,#0000,var(--accent-color),#0000);content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:1px;z-index:-1}.homeSocialIconVertical{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 10px #0000004d,0 0 15px #ffffff1a;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:40px}.homeSocialIconVertical:before{background:currentColor;content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:-1}.homeSocialIconVertical[title=Instagram]{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);background:var(--instagram-color);box-shadow:0 4px 15px #e1306c99}.homeSocialIconVertical[title=Telegram]{background:#08c;background:var(--telegram-color);box-shadow:0 4px 15px #08c9}.homeSocialIconVertical[title=Facebook]{background:#3b5998;background:var(--facebook-color);box-shadow:0 4px 15px #3b599899}.homeSocialIconVertical[title=TikTok]{background:linear-gradient(45deg,#000,#ee1d52,#69c9d0);background:var(--tiktok-color);box-shadow:0 4px 15px #0009}.homeSocialIconVertical[title=WhatsApp]{background:#25d366;background:var(--whatsapp-color);box-shadow:0 4px 15px #25d36699}.homeSocialIconVertical[title=VKontakte]{background:#4c75a3;background:var(--vk-color);box-shadow:0 4px 15px #4c75a399}.homeSocialIconVertical[title=Odnoklassniki]{background:#ee8208;background:var(--ok-color);box-shadow:0 4px 15px #ee820899}.homeSocialIconVertical[title=X]{background:#1da1f2;background:var(--twitter-color);box-shadow:0 4px 15px #1da1f299}.homeSocialIconVertical[title=Threads]{background:linear-gradient(45deg,#000,#8a3ab9);background:var(--threads-color);box-shadow:0 4px 15px #8a3ab999}.homeSocialIconVertical:hover{border-color:#fffc;box-shadow:0 6px 20px #0006,0 0 20px #fff3;color:#fff;transform:translateY(-3px) scale(1.15)}.homeProfIconLink[title=GitHub]{background:#333;background:var(--github-color);border-color:#ffffff4d;box-shadow:0 4px 15px #3339}.homeProfIconLink[title=LeetCode]{background:#ffa116;background:var(--leetcode-color);border-color:#ffffff4d;box-shadow:0 4px 15px #ffa11699}.homeProfIconLink[title=Telegram]{background:#08c;background:var(--telegram-color);border-color:#ffffff4d;box-shadow:0 4px 15px #08c9}.homeProfIconLink[title=LinkedIn]{background:#0077b5;background:var(--linkedin-color);border-color:#ffffff4d;box-shadow:0 4px 15px #0077b599}.homeProfIconLink[title=Discord]{background:#5865f2;background:var(--discord-color);border-color:#ffffff4d;box-shadow:0 4px 15px #5865f299}.dark-mode .homeSocialIconVertical{border-color:#fff3;box-shadow:0 4px 15px #00000080,0 0 10px #ffffff0d}.dark-mode .homeSocialIconVertical:hover{border-color:#ffffff80;box-shadow:0 6px 20px #0009,0 0 15px #ffffff1a}.homeProfileInfo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;border-radius:15px;box-shadow:0 10px 30px #0003;display:flex;flex:2 1;flex-direction:column;gap:30px;margin:0 auto;max-width:600px;padding:30px}.homeHeading{margin-bottom:10px;position:relative}.homeTitle{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4a9cf7,#00e8ff);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;line-height:1.2;margin:0;position:relative}.homeSubtitle{color:#2e3856;color:var(--secondary-color);display:inline-block;font-size:24px;font-weight:500;margin:10px 0 0;opacity:.9;position:relative}.dark-mode .homeSubtitle{color:#a0a8c0}.homeSubtitle:after{background:#00c8aa;background:var(--accent-color);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:30px}.homeIntro{display:flex;flex-direction:column;gap:20px;position:relative}.homeIntro:before{background:linear-gradient(180deg,#4a6cf7,#0000);background:linear-gradient(to bottom,var(--primary-color),#0000);border-radius:5px;content:"";height:100%;left:-20px;opacity:.5;position:absolute;top:0;width:5px}.homeAbout{font-size:16px;line-height:1.7;margin:0;position:relative}.homeProfIconLink{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 10px #0000004d;color:#fff;display:flex;font-size:22px;height:45px;justify-content:center;overflow:visible;position:relative;text-decoration:none;transition:all .3s ease;width:45px;z-index:1}.homeProfIconLink:hover{border-color:#fffc;box-shadow:0 6px 20px #4a6cf780;color:#fff;transform:translateY(-5px) scale(1.15)}.homeProfLinkTooltip{background:#4a6cf7;background:var(--primary-color);border-radius:5px;box-shadow:0 4px 6px #0000004d;color:#fff;font-size:12px;left:50%;opacity:0;padding:5px 10px;position:absolute;top:-35px;transform:translateX(-50%) translateY(10px);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:10}.homeProfLinkTooltip:after{border:5px solid #0000;border-top-color:#4a6cf7;border-color:var(--primary-color) #0000 #0000 #0000;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.homeProfIconLink:hover .homeProfLinkTooltip{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.homeProfileVisual{align-items:center;display:flex;flex:1.5 1;justify-content:center;max-width:450px}@media screen and (max-width:1200px){.homeContent{padding:0 30px}.homeProfileInfo{flex:1.5 1}.homeProfileVisual{flex:1 1}}@media screen and (max-width:992px){.homeContent{flex-wrap:wrap;gap:40px;justify-content:center}.homeSocialLinksColumn{flex-direction:row;justify-content:center;order:3;width:100%}.homeSocialTitle{margin-bottom:0;margin-right:15px;transform:rotate(0)}.homeSocialIconsWrapper{flex-direction:row;flex-wrap:wrap;justify-content:center}.homeSocialIconsWrapper:before{display:none}.homeProfileInfo{align-items:center;flex:1 0 100%;max-width:600px;order:1;text-align:center}.homeProfileVisual{flex:1 0 100%;order:2}.homeIntro:before{display:none}.homeSubtitle:after{left:50%;transform:translateX(-50%)}.homeProfessionalLinks{flex-direction:row;flex-wrap:nowrap;justify-content:center}}@media screen and (max-width:768px){.homeContainer{padding:30px 0}.homeContent{padding:0 20px}}@media screen and (max-width:576px){.homeContainer{padding:30px 0}.homeContent{gap:25px;padding:0 15px}.homeSocialIconsWrapper{gap:12px}.homeSocialIconVertical{font-size:14px;height:32px;width:32px}.homeTitle{font-size:32px}.homeSubtitle{font-size:18px}.homeProfileInfo{gap:20px}.homeProfessionalLinks{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.homeProfIconLink{font-size:18px;height:40px;width:40px}.homeProfLinkTooltip{font-size:10px;padding:4px 8px;top:-30px}}.homeProfessionalLinks{display:flex;flex-wrap:nowrap;gap:20px;justify-content:center;margin-top:20px}@media screen and (max-width:1200px){.homeProfessionalLinks{gap:15px}.homeProfIconLink{font-size:20px;height:40px;width:40px}}@media screen and (max-width:992px){.homeProfessionalLinks{flex-direction:row;flex-wrap:nowrap;gap:15px;justify-content:center}}@media screen and (max-width:768px){.homeProfessionalLinks{gap:12px}.homeProfIconLink{font-size:18px;height:35px;width:35px}}@media screen and (max-width:576px){.homeProfessionalLinks{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center}.homeProfIconLink{font-size:16px;height:32px;width:32px}.homeProfLinkTooltip{font-size:10px;padding:4px 8px;top:-30px}}@keyframes pulse-glow{0%{box-shadow:0 0 5px #ffffff80}50%{box-shadow:0 0 15px #fffc}to{box-shadow:0 0 5px #ffffff80}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.homeProfileInfo{animation:scaleIn 1s ease-out}.homeSocialLinksColumn{animation:fadeInLeft 1s ease-out}.homeProfileVisual{animation:fadeInRight 1s ease-out}.homeTitle{animation:fadeInUp .8s ease-out}.homeSubtitle{animation:fadeInUp 1s ease-out .2s;animation-fill-mode:both}.homeAbout{animation:fadeInUp 1.2s ease-out .4s;animation-fill-mode:both}.homeProfessionalLinks{animation:fadeInUp 1.4s ease-out .6s;animation-fill-mode:both}.homeSocialIconVertical{animation:fadeInUp .5s ease-out forwards;opacity:0}.homeSocialIconsWrapper a:first-child{animation-delay:.1s}.homeSocialIconsWrapper a:nth-child(2){animation-delay:.2s}.homeSocialIconsWrapper a:nth-child(3){animation-delay:.3s}.homeSocialIconsWrapper a:nth-child(4){animation-delay:.4s}.homeSocialIconsWrapper a:nth-child(5){animation-delay:.5s}.homeSocialIconsWrapper a:nth-child(6){animation-delay:.6s}.homeSocialIconsWrapper a:nth-child(7){animation-delay:.7s}.homeSocialIconsWrapper a:nth-child(8){animation-delay:.8s}.homeSocialIconsWrapper a:nth-child(9){animation-delay:.9s}.homeVideoBackground{backface-visibility:hidden;will-change:transform}.homeAbout,.homeContainer,.homeContainer:before,.homeProfIconLink,.homeProfileInfo,.homeSocialIconVertical,.homeSubtitle,.homeTitle{transition:all .5s ease}.homeProfIconLink:focus,.homeSocialIconVertical:focus{outline:2px solid #00c8aa;outline:2px solid var(--accent-color);outline-offset:2px}.portfolioContainer{color:#333;color:var(--text-light);margin:0 auto;max-width:1200px;padding:80px 20px;position:relative;width:100%}.dark-mode .portfolioContainer{color:#f5f5f5;color:var(--text-dark)}.portfolioHeader{margin-bottom:60px;text-align:center}.portfolioTitle{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4a6cf7,#00c8aa);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:42px;font-weight:700;margin-bottom:15px}.portfolioSubtitle{font-size:18px;margin:0 auto;max-width:600px;opacity:.8}.portfolioGrid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.portfolioCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-light);border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 5px 15px #00000014;box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dark-mode .portfolioCard{background:#1e1e324d;background:var(--card-dark);box-shadow:0 5px 15px #0000004d;box-shadow:var(--card-shadow-dark)}.portfolioCard:hover{border-color:#4a6cf7;border-color:var(--primary-color);box-shadow:0 8px 25px #00000026;box-shadow:var(--card-shadow-hover);transform:translateY(-10px)}.dark-mode .portfolioCard:hover{box-shadow:0 8px 25px #00000080;box-shadow:var(--card-shadow-hover-dark)}.portfolioCardImageContainer{height:0;overflow:hidden;padding-bottom:60%;position:relative;width:100%}.portfolioCardImage{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;transition:transform .5s ease;width:100%}.portfolioCard:hover .portfolioCardImage{transform:scale(1.05)}.portfolioCardOverlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.portfolioCard:hover .portfolioCardOverlay{opacity:1}.portfolioCardButton{background:#4a6cf7;background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;opacity:0;padding:10px 20px;transform:translateY(20px);transition:all .3s ease}.portfolioCard:hover .portfolioCardButton{opacity:1;transform:translateY(0)}.portfolioCardButton:hover{background:#00c8aa;background:var(--accent-color)}.portfolioCardContent{display:flex;flex-direction:column;flex-grow:1;padding:20px}.portfolioCardTitle{font-size:20px;font-weight:600;line-height:1.3;margin:0 0 15px}.portfolioCardTech{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.portfolioCardTechItem{align-items:center;background:#4a6cf71a;border-radius:5px;display:flex;font-size:14px;gap:5px;padding:5px 10px}.dark-mode .portfolioCardTechItem{background:#4a6cf733}.portfolioCardTechIcon{color:#4a6cf7;color:var(--primary-color);font-size:14px}.portfolioCardTechText{white-space:nowrap}.portfolioCardTechMore{background:#0000000d;border-radius:5px;color:#2e3856;color:var(--secondary-color);font-size:12px;padding:5px 10px}.dark-mode .portfolioCardTechMore{background:#ffffff1a;color:#f5f5f5;color:var(--text-dark)}.portfolioModal{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.portfolioModalOverlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;height:100%;left:0;position:absolute;top:0;width:100%}.portfolioModalContent{animation:modalFadeIn .4s cubic-bezier(.165,.84,.44,1);background:#fff;background:var(--background-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 15px 50px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%;z-index:1001}.dark-mode .portfolioModalContent{background:#121212;background:var(--background-dark);box-shadow:0 15px 50px #00000080}.portfolioModalClose{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#333;color:var(--text-light);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10}.dark-mode .portfolioModalClose{background:#ffffff1a;color:#f5f5f5;color:var(--text-dark)}.portfolioModalClose:hover{background:#f44336;background:var(--error-color);color:#fff;transform:rotate(90deg)}.portfolioModalImageContainer{height:300px;overflow:hidden;position:relative;width:100%}.portfolioModalImage{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;transition:transform .5s ease;width:100%}.portfolioModalImage:hover{transform:scale(1.05)}.portfolioModalDetails{padding:30px}.portfolioModalTitle{color:#4a6cf7;color:var(--primary-color);font-size:28px;font-weight:700;margin:0 0 15px}.portfolioModalDate{align-items:center;color:#2e3856;color:var(--secondary-color);display:flex;font-size:15px;gap:10px;margin-bottom:20px}.dark-mode .portfolioModalDate{color:#f5f5f5;color:var(--text-dark);opacity:.8}.portfolioModalIcon{color:#00c8aa;color:var(--accent-color)}.portfolioModalDescription{font-size:16px;line-height:1.6;margin-bottom:30px}.portfolioModalSubtitle{font-size:20px;font-weight:600;margin:0 0 15px}.portfolioModalTechSection{margin-bottom:30px}.portfolioModalTechGrid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.portfolioModalTechItem{align-items:center;background:#4a6cf70d;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:15px 10px;text-align:center;transition:all .3s ease}.dark-mode .portfolioModalTechItem{background:#4a6cf71a}.portfolioModalTechItem:hover{background:#4a6cf71a;transform:translateY(-3px)}.dark-mode .portfolioModalTechItem:hover{background:#4a6cf733}.portfolioModalTechIcon{color:#4a6cf7;color:var(--primary-color);font-size:24px}.portfolioModalLinks{display:flex;flex-wrap:wrap;gap:15px}.portfolioModalButton{align-items:center;border-radius:8px;display:flex;flex:1 1;font-weight:600;gap:10px;justify-content:center;min-width:120px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.portfolioModalButtonGithub{background:#2e3856;background:var(--secondary-color);color:#fff}.portfolioModalButtonGithub:hover{background:#232b45;transform:translateY(-3px)}.portfolioModalButtonLive{background:#4a6cf7;background:var(--primary-color);color:#fff}.portfolioModalButtonLive:hover{background:#3a5bd9;transform:translateY(-3px)}@media screen and (max-width:992px){.portfolioContainer{padding:60px 30px}.portfolioTitle{font-size:38px}.portfolioSubtitle{font-size:16px}.portfolioGrid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.portfolioModalImageContainer{height:250px}.portfolioModalTitle{font-size:24px}}@media screen and (max-width:768px){.portfolioContainer{padding:50px 20px}.portfolioTitle{font-size:32px}.portfolioGrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.portfolioModalContent{max-width:95%}.portfolioModalTechGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.portfolioModalLinks{flex-direction:column}}@media screen and (max-width:576px){.portfolioContainer{padding:40px 15px}.portfolioTitle{font-size:28px}.portfolioGrid{grid-template-columns:1fr}.portfolioCardImageContainer{padding-bottom:65%}.portfolioModalDetails{padding:20px}.portfolioModalImageContainer{height:200px}.portfolioModalTechGrid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:350px){.portfolioModalTechGrid{grid-template-columns:1fr}}:root{--border-radius:12px;--card-shadow:0 5px 15px #00000014;--card-shadow-hover:0 8px 25px #00000026;--card-shadow-dark:0 5px 15px #0000004d;--card-shadow-hover-dark:0 8px 25px #00000080;--card-border:1px solid #ffffff1a;--card-border-hover:1px solid #4a6cf74d}.skillContainer{color:#333;color:var(--text-light);margin:0 auto;max-width:1200px;padding:80px 20px;width:100%}.dark-mode .skillContainer{color:#f5f5f5;color:var(--text-dark)}.skillHeader{margin-bottom:60px;position:relative;text-align:center}.skillTitle{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4a6cf7,#00c8aa);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:42px;font-weight:700;margin-bottom:15px}.skillSubtitle{font-size:18px;margin:0 auto 30px;max-width:600px;opacity:.8}.skillCvSection{margin-top:30px}.skillCvButton{align-items:center;background:linear-gradient(45deg,#4a6cf7,#3a5bd9);background:linear-gradient(45deg,var(--primary-color),#3a5bd9);border-radius:8px;box-shadow:0 4px 15px #4a6cf74d;color:#fff;display:inline-flex;font-weight:600;gap:10px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.skillCvButton:hover{box-shadow:0 6px 20px #4a6cf766;transform:translateY(-3px)}.skillCvIcon{font-size:18px}.skillSection{margin-bottom:70px}.skillSectionHeader{margin-bottom:30px;position:relative}.skillSectionTitle{align-items:center;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0;position:relative}.skillSectionTitle:after{background:#00c8aa;background:var(--accent-color);border-radius:2px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60px}.skillSectionIcon{color:#4a6cf7;color:var(--primary-color);font-size:24px}.skillEducationGrid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.skillEducationCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-light);border:1px solid #ffffff1a;border:var(--card-border);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 5px 15px #00000014;box-shadow:var(--card-shadow);cursor:pointer;display:flex;gap:20px;padding:25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dark-mode .skillEducationCard{background:#1e1e324d;background:var(--card-dark);box-shadow:0 5px 15px #0000004d;box-shadow:var(--card-shadow-dark)}.skillEducationCard:hover{border:1px solid #4a6cf74d;border:var(--card-border-hover);box-shadow:0 8px 25px #00000026;box-shadow:var(--card-shadow-hover);transform:translateY(-10px)}.dark-mode .skillEducationCard:hover{box-shadow:0 8px 25px #00000080;box-shadow:var(--card-shadow-hover-dark)}.skillEducationLogo{align-items:center;background:#fffc;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.skillEducationLogo img{height:100%;object-fit:cover;width:100%}.skillEducationContent{display:flex;flex:1 1;flex-direction:column;gap:10px}.skillEducationName{color:#4a6cf7;color:var(--primary-color);font-size:20px;font-weight:600;margin:0}.skillEducationDegree{font-size:16px;font-weight:500;margin:0}.skillEducationMeta{align-items:center;display:flex;font-size:14px;gap:15px;margin-top:5px;opacity:.8}.skillMetaIcon{color:#00c8aa;color:var(--accent-color);font-size:14px;margin-right:5px}.skillEducationLink{align-items:center;color:#4a6cf7;color:var(--primary-color);display:inline-flex;font-size:14px;font-weight:500;gap:5px;margin-top:auto;text-decoration:none;transition:all .3s ease}.skillEducationLink:hover{color:#00c8aa;color:var(--accent-color)}.skillLinkIcon{font-size:12px}.skillTechGrid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skillTechCard{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-light);border:1px solid #ffffff1a;border:var(--card-border);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 5px 15px #00000014;box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;gap:15px;padding:25px;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dark-mode .skillTechCard{background:#1e1e324d;background:var(--card-dark);box-shadow:0 5px 15px #0000004d;box-shadow:var(--card-shadow-dark)}.skillTechCard:hover{border:1px solid #4a6cf74d;border:var(--card-border-hover);box-shadow:0 8px 25px #00000026;box-shadow:var(--card-shadow-hover);transform:translateY(-10px)}.dark-mode .skillTechCard:hover{box-shadow:0 8px 25px #00000080;box-shadow:var(--card-shadow-hover-dark)}.skillTechIconWrapper{align-items:center;background:#4a6cf71a;border-radius:50%;display:flex;height:70px;justify-content:center;margin-bottom:5px;transition:all .3s ease;width:70px}.dark-mode .skillTechIconWrapper{background:#4a6cf733}.skillTechCard:hover .skillTechIconWrapper{background:#4a6cf733;transform:scale(1.1)}.dark-mode .skillTechCard:hover .skillTechIconWrapper{background:#4a6cf74d}.skillTechIcon{color:#4a6cf7;color:var(--primary-color);font-size:30px}.skillTechContent{display:flex;flex-direction:column;gap:10px;width:100%}.skillTechName{font-size:18px;font-weight:600;margin:0}.skillTechMeta{display:flex;flex-direction:column;font-size:14px;gap:5px}.skillTechLevel{background:#00c8aa1a;border-radius:15px;color:#00c8aa;color:var(--accent-color);font-size:12px;font-weight:500;padding:3px 10px}.dark-mode .skillTechLevel{background:#00c8aa33}.skillTechDuration{align-items:center;display:flex;justify-content:center;opacity:.8}.skillLanguageGrid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skillLanguageCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-light);border:1px solid #ffffff1a;border:var(--card-border);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 5px 15px #00000014;box-shadow:var(--card-shadow);padding:25px;transition:all .3s ease}.dark-mode .skillLanguageCard{background:#1e1e324d;background:var(--card-dark);box-shadow:0 5px 15px #0000004d;box-shadow:var(--card-shadow-dark)}.skillLanguageCard:hover{border:1px solid #4a6cf74d;border:var(--card-border-hover);box-shadow:0 8px 25px #00000026;box-shadow:var(--card-shadow-hover);transform:translateY(-5px)}.dark-mode .skillLanguageCard:hover{box-shadow:0 8px 25px #00000080;box-shadow:var(--card-shadow-hover-dark)}.skillLanguageContent{display:flex;flex-direction:column;gap:10px}.skillLanguageName{color:#4a6cf7;color:var(--primary-color);font-size:20px;font-weight:600;margin:0}.skillLanguageProficiency{font-size:16px;font-weight:500;margin:5px 0 0}.skillLanguageCertificate{align-items:center;border-top:1px solid #0000001a;display:flex;font-size:14px;justify-content:space-between;margin-top:10px;padding-top:10px}.dark-mode .skillLanguageCertificate{border-top:1px solid #ffffff1a}.skillCertificateDownload{align-items:center;background:#4a6cf71a;border-radius:50%;color:#4a6cf7;color:var(--primary-color);display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.dark-mode .skillCertificateDownload{background:#4a6cf733}.skillCertificateDownload:hover{background:#4a6cf7;background:var(--primary-color);color:#fff;transform:translateY(-2px)}.skillModal{align-items:center;display:flex;justify-content:center;padding:20px;position:fixed;z-index:1000}.skillModal,.skillModalOverlay{height:100%;left:0;top:0;width:100%}.skillModalOverlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;position:absolute}.skillModalContent{animation:modalFadeIn .4s cubic-bezier(.165,.84,.44,1);background:#fff;background:var(--background-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 15px 50px #0000004d;color:#333;color:var(--text-light);max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%;z-index:1001}.dark-mode .skillModalContent{background:#121212;background:var(--background-dark);box-shadow:0 15px 50px #00000080;color:#f5f5f5;color:var(--text-dark)}.skillModalClose{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#333;color:var(--text-light);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10}.dark-mode .skillModalClose{background:#ffffff1a;color:#f5f5f5;color:var(--text-dark)}.skillModalClose:hover{background:#f44336;background:var(--error-color);color:#fff;transform:rotate(90deg)}.skillModalHeader{border-bottom:1px solid #0000001a;display:flex;gap:20px;padding:30px 30px 20px}.dark-mode .skillModalHeader{border-bottom:1px solid #ffffff1a}.skillModalLogo{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100px}.skillModalLogo img{height:100%;object-fit:cover;width:100%}.skillModalTechHeader{background:linear-gradient(135deg,#4a6cf71a,#00c8aa1a)}.dark-mode .skillModalTechHeader{background:linear-gradient(135deg,#4a6cf733,#00c8aa33)}.skillModalTechIconWrapper{align-items:center;background:#fffc;border-radius:50%;box-shadow:0 4px 15px #0000001a;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.skillModalTechIcon{color:#4a6cf7;color:var(--primary-color);font-size:40px}.skillModalHeaderContent{display:flex;flex:1 1;flex-direction:column;gap:10px}.skillModalTitle{color:#4a6cf7;color:var(--primary-color);font-size:24px;font-weight:700;margin:0}.skillModalSubtitle{font-size:18px;margin:0;opacity:.9}.skillModalMeta{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.skillModalMetaItem{align-items:center;display:flex;font-size:14px;opacity:.8}.skillModalMetaIcon{color:#00c8aa;color:var(--accent-color);font-size:16px;margin-right:6px}.skillModalTechLevel{background:#00c8aa1a;border-radius:15px;color:#00c8aa;color:var(--accent-color);font-size:14px;font-weight:500;padding:5px 12px}.dark-mode .skillModalTechLevel{background:#00c8aa33}.skillModalTechCategory{background:#4a6cf71a;border-radius:15px;color:#4a6cf7;color:var(--primary-color);font-size:14px;font-weight:500;padding:5px 12px}.dark-mode .skillModalTechCategory{background:#4a6cf733}.skillModalBody{display:flex;flex-direction:column;gap:30px;padding:30px}.skillModalSection{display:flex;flex-direction:column;gap:15px}.skillModalSectionTitle{border-bottom:1px solid #0000001a;color:#2e3856;color:var(--secondary-color);font-size:20px;font-weight:600;margin:0;padding-bottom:10px}.dark-mode .skillModalSectionTitle{border-bottom:1px solid #ffffff1a;color:#f5f5f5;color:var(--text-dark)}.skillModalDescription{font-size:16px;line-height:1.6;margin:0}.skillModalProjectList{display:flex;flex-wrap:wrap;gap:10px;list-style-type:none;margin:0;padding:0}.skillModalProjectItem{background:#4a6cf71a;border-radius:20px;font-size:14px;font-weight:500;padding:8px 15px}.dark-mode .skillModalProjectItem{background:#4a6cf733}.skillModalCertificates{display:flex;flex-direction:column;gap:20px}.skillCertificateCard{background:#ffffff80;border-radius:10px;box-shadow:0 4px 15px #0000000d;overflow:hidden;transition:all .3s ease}.dark-mode .skillCertificateCard{background:#ffffff08;box-shadow:0 4px 15px #0003}.skillCertificateCard:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.dark-mode .skillCertificateCard:hover{box-shadow:0 8px 25px #0000004d}.skillCertificateContent{padding:20px}.skillCertificateName{color:#4a6cf7;color:var(--primary-color);font-size:18px;font-weight:600;margin:0 0 10px}.skillCertificateMeta{display:flex;flex-wrap:wrap;font-size:14px;justify-content:space-between;margin-bottom:15px}.skillCertificateIssuer{font-weight:500}.skillCertificateDate{align-items:center;display:flex;opacity:.8}.skillCertificateDescription{color:#333;color:var(--text-light);font-size:14px;line-height:1.6;margin:0 0 20px}.dark-mode .skillCertificateDescription{color:#f5f5f5;color:var(--text-dark)}.skillCertificateActions{display:flex;gap:15px;justify-content:flex-end}.skillCertificateDownloadBtn,.skillCertificateVerify{align-items:center;border-radius:5px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 15px;text-decoration:none;transition:all .3s ease}.skillCertificateVerify{background:#4a6cf71a;color:#4a6cf7;color:var(--primary-color)}.dark-mode .skillCertificateVerify{background:#4a6cf733}.skillCertificateVerify:hover{background:#4a6cf7;background:var(--primary-color);color:#fff}.skillCertificateDownloadBtn{background:#00c8aa1a;color:#00c8aa;color:var(--accent-color)}.dark-mode .skillCertificateDownloadBtn{background:#00c8aa33}.skillCertificateDownloadBtn:hover{background:#00c8aa;background:var(--accent-color);color:#fff}.skillActionIcon{font-size:14px}.skillModalFooter{display:flex;justify-content:center;margin-top:20px}.skillModalButton{align-items:center;background:linear-gradient(45deg,#4a6cf7,#00c8aa);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:8px;box-shadow:0 4px 15px #4a6cf74d;color:#fff;display:flex;font-weight:600;gap:10px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.skillModalButton:hover{box-shadow:0 8px 25px #4a6cf766;transform:translateY(-3px)}.skillButtonIcon{font-size:16px}@media screen and (max-width:992px){.skillContainer{padding:60px 30px}.skillTitle{font-size:38px}.skillSubtitle{font-size:16px}.skillModalHeader{padding:25px 25px 15px}.skillModalBody{padding:25px}}@media screen and (max-width:768px){.skillContainer{padding:50px 20px}.skillTitle{font-size:32px}.skillEducationGrid{grid-template-columns:1fr}.skillModalHeader{align-items:center;flex-direction:column;gap:15px;text-align:center}.skillModalMeta{justify-content:center}.skillCertificateMeta{flex-direction:column;gap:5px}.skillCertificateActions{flex-direction:column;gap:10px}.skillCertificateDownloadBtn,.skillCertificateVerify{justify-content:center}}@media screen and (max-width:576px){.skillContainer{padding:40px 15px}.skillTitle{font-size:28px}.skillSectionTitle{font-size:24px}.skillLanguageGrid,.skillTechGrid{grid-template-columns:1fr}.skillEducationCard{align-items:center;flex-direction:column;text-align:center}.skillEducationContent{align-items:center}.skillEducationMeta{justify-content:center}.skillModalLogo{height:80px;width:80px}.skillModalTechIconWrapper{height:70px;width:70px}.skillModalTitle{font-size:22px}.skillModalHeader{padding:20px 20px 12px}.skillModalBody{padding:20px}}:root{--background-secondary:#f8f9fa;--background-accent:#f5f7fa;--text-secondary:#7f8c8d;--text-tertiary:#95a5a6;--heading-color:#2c3e50;--quote-color:#34495e;--accent-color:#3498db;--accent-secondary:#2980b9;--star-color:#f1c40f;--star-inactive:#e0e0e0;--card-shadow:0 5px 15px #0000000d;--card-shadow-hover:0 15px 30px #0000001a;--card-border:#f0f0f0;--filter-active-bg:#3498db;--filter-active-text:#fff;--filter-inactive-bg:#f5f7fa;--filter-inactive-text:#7f8c8d;--button-bg:#3498db;--button-hover:#2980b9;--button-text:#fff;--skill-bg:#e8f4fc;--skill-text:#3498db;--carousel-dots:#e0e0e0;--carousel-active:#3498db;--stat-bg:linear-gradient(135deg,#3498db,#2980b9);--stat-text:#fff;--stat-shadow:0 5px 15px #3498db4d;--cta-bg:#f8f9fa;--modal-overlay:#000000bf;--modal-border:#e0e0e0;--input-bg:#f8f9fa;--input-border:#e0e0e0;--input-focus-border:#3498db;--progress-bg:#e0e0e0;--progress-active:#3498db;--form-label:#2c3e50;--error-color:#e74c3c;--success-color:#2ecc71;--linkedin-color:#0077b5;--instagram-color:#e4405f;--youtube-color:red;--facebook-color:#3b5998;--telegram-color:#08c}.dark-mode{--background-secondary:#1e1e1e;--background-accent:#282828;--text-tertiary:#888;--heading-color:#f0f0f0;--quote-color:#ccc;--accent-color:#2196f3;--accent-secondary:#1976d2;--star-color:#ffc107;--star-inactive:#424242;--card-shadow:0 5px 15px #0003;--card-shadow-hover:0 15px 30px #0000004d;--card-border:#333;--filter-active-bg:#2196f3;--filter-active-text:#fff;--filter-inactive-bg:#333;--filter-inactive-text:#a0a0a0;--button-bg:#2196f3;--button-hover:#1976d2;--button-text:#fff;--skill-bg:#333;--skill-text:#2196f3;--carousel-dots:#424242;--carousel-active:#2196f3;--stat-bg:linear-gradient(135deg,#1976d2,#0d47a1);--stat-text:#fff;--stat-shadow:0 5px 15px #2196f34d;--cta-bg:#1e1e1e;--modal-overlay:#000000d9;--modal-border:#333;--input-bg:#282828;--input-border:#444;--input-focus-border:#2196f3;--progress-bg:#444;--progress-active:#2196f3;--form-label:#e0e0e0}.testimonialsContainer{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:2rem;transition:all .3s ease}.themeToggle{display:flex;justify-content:flex-end;margin-bottom:1rem}.themeToggle button{align-items:center;background:none;border:none;border-radius:50%;color:#3498db;color:var(--accent-color);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:all .3s ease}.themeToggle button:hover{background-color:#f5f7fa;background-color:var(--background-accent);transform:rotate(15deg)}.testimonialsHeader{margin-bottom:3rem;text-align:center}.testimonialsHeader h2{color:#2c3e50;color:var(--heading-color);font-size:2.5rem;margin-bottom:.5rem}.testimonialsHeader p{color:#7f8c8d;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.testimonialFilters{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:2rem}.testimonialFilters button{background:#f5f7fa;background:var(--filter-inactive-bg);border:none;border-radius:30px;color:#7f8c8d;color:var(--filter-inactive-text);cursor:pointer;font-size:.9rem;padding:.7rem 1.4rem;transition:all .3s ease}.testimonialFilters button.active{background:#3498db;background:var(--filter-active-bg);box-shadow:0 4px 10px #2196f34d;color:#fff;color:var(--filter-active-text)}.testimonialFilters button:hover:not(.active){background:#f5f7fa;background:var(--background-accent);transform:translateY(-2px)}.testimonialsCarousel{background:#fff;background:var(--card-bg);border-radius:15px;box-shadow:0 5px 15px #0000000d;box-shadow:var(--card-shadow);margin-bottom:3rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.carouselContent{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:992px){.carouselContent{grid-template-columns:1.5fr 1fr}}.testimonialQuote{background:#f8f9fa;background:var(--background-secondary);border-radius:10px;padding:1.5rem;position:relative;transition:background-color .3s ease}.quoteIcon{color:#3498db;color:var(--accent-color);font-size:2rem;left:1rem;opacity:.2;position:absolute;top:1rem}.testimonialQuote p{color:#34495e;color:var(--quote-color);font-size:1.1rem;font-style:italic;line-height:1.7;margin-top:2rem}.testimonialInfo{display:flex;flex-direction:column;gap:1.5rem}.testimonialProfile{align-items:center;display:flex;gap:1.2rem}.profileImage{border:3px solid #3498db;border:3px solid var(--accent-color);border-radius:50%;height:80px;object-fit:cover;width:80px}.profileDetails h3{color:#2c3e50;color:var(--heading-color);font-size:1.3rem;margin:0 0 .3rem}.position{color:#7f8c8d;color:var(--text-secondary);font-size:1rem;margin:0 0 .5rem}.companyInfo{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.companyIcon{color:#3498db;color:var(--accent-color)}.companyInfo p{color:#7f8c8d;color:var(--text-secondary)}.companyLogo{height:30px;margin-left:.5rem;object-fit:contain;width:30px}.linkedInProfile{align-items:center;display:flex;gap:.5rem}.linkedInIcon{color:#0077b5}.linkedInProfile a{color:#0077b5;font-size:.9rem;text-decoration:none}.linkedInProfile a:hover{text-decoration:underline}.testimonialMeta{margin-top:1rem}.ratingContainer{display:flex;gap:.3rem;margin-bottom:.7rem}.star{color:#e0e0e0;color:var(--star-inactive);font-size:1.2rem}.star.filled{color:#f1c40f;color:var(--star-color)}.testimonialDate{color:#95a5a6;color:var(--text-tertiary);font-size:.9rem;margin-bottom:1rem}.skillsHighlighted{margin-top:1rem}.skillsHighlighted p{color:#7f8c8d;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.skillTags{display:flex;flex-wrap:wrap;gap:.5rem}.skillTag{background:#e8f4fc;background:var(--skill-bg);border-radius:20px;color:#3498db;color:var(--skill-text);font-size:.8rem;padding:.4rem .8rem;transition:all .3s ease}.carouselNavigation{gap:1rem;margin-top:2rem}.carouselNavigation,.navButton{align-items:center;display:flex;justify-content:center}.navButton{background:#fff;background:var(--card-bg);border:1px solid #f0f0f0;border:1px solid var(--card-border);border-radius:50%;color:#333;color:var(--text-primary);cursor:pointer;height:40px;transition:all .3s ease;width:40px}.navButton:hover{background:#3498db;background:var(--accent-color);border-color:#3498db;border-color:var(--accent-color);color:#fff;color:var(--button-text)}.carouselIndicators{display:flex;gap:.5rem}.indicator{background:#e0e0e0;background:var(--carousel-dots);border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.indicator.active{background:#3498db;background:var(--carousel-active);transform:scale(1.2)}.noTestimonials{background:#f8f9fa;background:var(--background-secondary);border-radius:10px;color:#7f8c8d;color:var(--text-secondary);padding:3rem;text-align:center;transition:all .3s ease}.testimonialsGrid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr);margin-bottom:3rem}@media (min-width:768px){.testimonialsGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.testimonialsGrid{grid-template-columns:repeat(3,1fr)}}.testimonialCard{background:#fff;background:var(--card-bg);border-radius:10px;box-shadow:0 5px 15px #0000000d;box-shadow:var(--card-shadow);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.testimonialCard:hover{box-shadow:0 15px 30px #0000001a;box-shadow:var(--card-shadow-hover);transform:translateY(-5px)}.cardHeader{display:flex;gap:1rem;margin-bottom:1rem}.cardProfileImage{border-radius:50%;height:60px;object-fit:cover;width:60px}.cardProfileInfo h3{color:#2c3e50;color:var(--heading-color);font-size:1.1rem;margin:0 0 .2rem}.cardProfileInfo p{color:#7f8c8d;color:var(--text-secondary);font-size:.9rem;margin:0}.companyName{color:#95a5a6!important;color:var(--text-tertiary)!important;font-size:.85rem!important}.cardRating{display:flex;gap:.2rem;margin-bottom:1rem}.cardRating .star{font-size:1rem}.cardQuote{margin-bottom:1rem;position:relative}.cardQuoteIcon{color:#3498db;color:var(--accent-color);font-size:1.5rem;margin-bottom:.5rem;opacity:.2}.cardQuote p{color:#34495e;color:var(--quote-color);font-size:.95rem;line-height:1.6}.cardFooter{align-items:center;border-top:1px solid #f0f0f0;border-top:1px solid var(--card-border);display:flex;justify-content:space-between;padding-top:1rem}.cardDate{color:#95a5a6;color:var(--text-tertiary);font-size:.85rem;margin:0}.cardCategory{background:#f8f9fa;background:var(--background-secondary);border-radius:15px;color:#7f8c8d;color:var(--text-secondary);font-size:.75rem;padding:.3rem .7rem;text-transform:capitalize}.testimonialStats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}@media (min-width:768px){.testimonialStats{grid-template-columns:repeat(4,1fr)}}.statItem{background:linear-gradient(135deg,#3498db,#2980b9);background:var(--stat-bg);border-radius:10px;box-shadow:0 5px 15px #3498db4d;box-shadow:var(--stat-shadow);color:#fff;color:var(--stat-text);padding:1.5rem;text-align:center;transition:all .3s ease}.statItem:hover{box-shadow:0 8px 20px #2196f366;transform:translateY(-3px)}.statItem h3{font-size:2rem;margin:0 0 .5rem}.statItem p{font-size:1rem;margin:0;opacity:.8}.testimonialCTA{background:#f8f9fa;background:var(--cta-bg);border-radius:10px;margin-bottom:2rem;padding:2rem;text-align:center;transition:all .3s ease}.testimonialCTA h3{color:#2c3e50;color:var(--heading-color);font-size:1.5rem;margin-bottom:1.5rem}.ctaButton{background:#3498db;background:var(--button-bg);border:none;border-radius:30px;color:#fff;color:var(--button-text);cursor:pointer;font-size:1rem;padding:.8rem 2rem;transition:all .3s ease}.ctaButton:hover{background:#2980b9;background:var(--button-hover);box-shadow:0 5px 15px #2196f366;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.carouselContent{animation:fadeIn .5s ease-out}.modalOverlay{align-items:center;background-color:#000000bf;background-color:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modalContent{animation:modalFadeIn .3s ease-out;background-color:#fff;background-color:var(--modal-bg);border-radius:10px;box-shadow:0 10px 30px #0003;max-height:90vh;max-width:700px;overflow-y:auto;padding:2rem;position:relative;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.closeModal{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:30px}.closeModal:hover{background-color:#f5f7fa;background-color:var(--background-accent);color:#333;color:var(--text-primary)}.modalHeader{margin-bottom:2rem;text-align:center}.modalHeader h2{color:#2c3e50;color:var(--heading-color);font-size:1.8rem;margin-bottom:1.5rem}.formProgress{margin-bottom:2rem}.formProgress,.progressStep{align-items:center;display:flex;justify-content:center}.progressStep{background-color:#e0e0e0;background-color:var(--progress-bg);border-radius:50%;color:#7f8c8d;color:var(--text-secondary);font-weight:700;height:40px;transition:all .3s ease;width:40px}.progressStep.active{background-color:#3498db;background-color:var(--progress-active);box-shadow:0 5px 15px #2196f34d;color:#fff;transform:scale(1.1)}.progressLine{background-color:#e0e0e0;background-color:var(--progress-bg);height:3px;transition:all .3s ease;width:100px}@media (max-width:600px){.progressLine{width:50px}}.formStep{margin-bottom:2rem}.formStep h3{color:#2c3e50;color:var(--heading-color);font-size:1.3rem;text-align:center}.formGroup,.formStep h3{margin-bottom:1.5rem}.formGroup label{color:#2c3e50;color:var(--form-label);display:block;font-weight:500;margin-bottom:.5rem}.formGroup input,.formGroup select,.formGroup textarea{background-color:#f8f9fa;background-color:var(--input-bg);border:1px solid #e0e0e0;border:1px solid var(--input-border);border-radius:8px;color:#333;color:var(--text-primary);font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{border-color:#3498db;border-color:var(--input-focus-border);box-shadow:0 0 0 3px #3498db33;outline:none}.formGroup textarea{min-height:100px;resize:vertical}.imageUploadContainer{align-items:center;display:flex;flex-direction:column;margin-top:1rem}.uploadButtons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;max-width:280px;width:100%}.uploadBtn{align-items:center;background-color:#f5f7fa;background-color:var(--background-accent);border:1px solid #e0e0e0;border:1px solid var(--input-border);border-radius:30px;color:#333;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.uploadBtn.cameraBtn{background-color:#3498db;background-color:var(--button-bg);color:#fff;color:var(--button-text)}.uploadBtn.uploadFileBtn{background-color:#f5f7fa;background-color:var(--background-accent);color:#333;color:var(--text-primary)}.uploadBtn:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.uploadBtn.cameraBtn:hover{background-color:#2980b9;background-color:var(--button-hover)}.uploadBtn svg{font-size:1.2rem}.imagePreview{border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-bottom:1rem;overflow:hidden;position:relative}.imagePreview img{display:block;max-height:200px;max-width:200px;object-fit:cover}.removeImageBtn{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:30px}.removeImageBtn:hover{background-color:#000000b3;transform:scale(1.1)}.skillsSection,.socialProfiles{margin-bottom:2rem}.skillsSection h4,.socialProfiles h4{color:#2c3e50;color:var(--heading-color);font-size:1.1rem;margin-bottom:1rem}.skillsSection p{color:#7f8c8d;color:var(--text-secondary);margin-bottom:1rem}.socialIcon{font-size:1.2rem;margin-right:.5rem}.socialIcon.linkedin{color:#0077b5;color:var(--linkedin-color)}.socialIcon.instagram{color:#e4405f;color:var(--instagram-color)}.socialIcon.youtube{color:red;color:var(--youtube-color)}.socialIcon.facebook{color:#3b5998;color:var(--facebook-color)}.socialIcon.telegram{color:#08c;color:var(--telegram-color)}.socialIcon.website{color:#3498db;color:var(--accent-color)}.formGroup select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}.formGroup select:focus{border-color:#3498db;border-color:var(--input-focus-border);box-shadow:0 0 0 3px #3498db33}.socialLinkInput{animation:fadeIn .3s ease-out;margin-top:1rem}.addSkillContainer{display:flex;gap:.5rem;margin-bottom:1rem}.addSkillContainer input{background-color:#f8f9fa;background-color:var(--input-bg);border:1px solid #e0e0e0;border:1px solid var(--input-border);border-radius:8px;color:#333;color:var(--text-primary);flex:1 1;padding:.8rem 1rem}.addSkillContainer button{background-color:#3498db;background-color:var(--button-bg);border:none;border-radius:8px;color:#fff;color:var(--button-text);cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.addSkillContainer button:hover{background-color:#2980b9;background-color:var(--button-hover)}.skillsList{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skillItem{background-color:#e8f4fc;background-color:var(--skill-bg);border-radius:20px;font-size:.9rem;gap:.5rem;padding:.4rem .8rem}.skillItem,.skillItem button{align-items:center;color:#3498db;color:var(--skill-text);display:flex}.skillItem button{background:none;border:none;border-radius:50%;cursor:pointer;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.skillItem button:hover{color:#e74c3c;color:var(--error-color)}.starRating{display:flex;gap:.5rem;justify-content:center;margin:1rem 0 2rem}.starRating .star{cursor:pointer;font-size:2rem;transition:all .2s ease}.starRating .star:hover{transform:scale(1.2)}.formSubmit{margin-top:2rem;text-align:center}.formSubmit p{color:#7f8c8d;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.modalActions{border-top:1px solid #f0f0f0;border-top:1px solid var(--card-border);display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.actionButton{align-items:center;border-radius:30px;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.8rem 2rem;transition:all .3s ease}.actionButton.next,.actionButton.submit{background-color:#3498db;background-color:var(--button-bg);border:none;color:#fff;color:var(--button-text)}.actionButton.next:hover:not(:disabled),.actionButton.submit:hover:not(:disabled){background-color:#2980b9;background-color:var(--button-hover);box-shadow:0 5px 15px #2196f34d;transform:translateY(-2px)}.actionButton.back{background-color:initial;border:1px solid #e0e0e0;border:1px solid var(--input-border);color:#7f8c8d;color:var(--text-secondary)}.actionButton.back:hover{background-color:#f5f7fa;background-color:var(--background-accent);color:#333;color:var(--text-primary)}.actionButton:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.modalContent{padding:1.5rem}.modalHeader h2{font-size:1.5rem}.progressStep{height:35px;width:35px}.uploadButtons{flex-direction:column}.actionButton{font-size:.9rem;padding:.7rem 1.5rem}}@media (max-width:480px){.modalContent{padding:1rem}.formStep h3{font-size:1.1rem}.progressStep{font-size:.8rem;height:30px;width:30px}.progressLine{width:40px}.actionButton{font-size:.85rem;padding:.6rem 1.2rem}.starRating .star{font-size:1.8rem}}:root{--background-color:#fff;--card-bg:#fff;--text-primary:#333;--text-secondary:#666;--text-tertiary:#888;--border-color:#eee;--shadow-color:#0000001a;--shadow-hover:#00000026;--input-bg:#f5f5f5;--button-bg:#f5f5f5;--button-text:#666;--active-button-bg:#4a6bff;--active-button-text:#fff;--icon-color:#777;--modal-bg:#fff;--modal-overlay:#000c;--close-button-bg:#0000001a;--close-button-hover:#0003;--text-type-bg:#e0f7fa;--text-type-color:#00838f;--audio-type-bg:#e8f5e9;--audio-type-color:#2e7d32;--video-type-bg:#ffebee;--video-type-color:#c62828;--like-color:#e91e63;--dislike-color:#5c6bc0;--share-color:#4caf50;--audio-gradient:linear-gradient(180deg,#2e7d3233,#2e7d3280);--video-gradient:linear-gradient(180deg,#c6282833,#c6282880);--audio-player-bg:#e8f5e9}.dark-mode{--background-color:#121212;--card-bg:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-tertiary:grey;--border-color:#333;--shadow-color:#0000004d;--shadow-hover:#0006;--input-bg:#2c2c2c;--button-bg:#2c2c2c;--button-text:#a0a0a0;--active-button-bg:#4a6bff;--active-button-text:#fff;--icon-color:#a0a0a0;--modal-bg:#1e1e1e;--modal-overlay:#000000e6;--close-button-bg:#ffffff1a;--close-button-hover:#fff3;--text-type-bg:#003135;--text-type-color:#4dd0e1;--audio-type-bg:#0d3013;--audio-type-color:#66bb6a;--video-type-bg:#420000;--video-type-color:#ef5350;--audio-gradient:linear-gradient(180deg,#2e7d3266,#2e7d32b3);--video-gradient:linear-gradient(180deg,#c6282866,#c62828b3);--audio-player-bg:#0d3013}body,html{transition:background-color .3s ease,color .3s ease}.blogsContainer{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:2rem;transition:all .3s ease}.theme-toggle{display:flex;justify-content:flex-end;margin-bottom:1rem}.theme-toggle button{align-items:center;background:none;border:none;border-radius:50%;color:#4a6bff;color:var(--active-button-bg);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:all .3s ease}.theme-toggle button:hover{background-color:#f5f5f5;background-color:var(--button-bg);transform:rotate(15deg)}.blogs-header{margin-bottom:3rem;text-align:center}.blogs-header h1{color:#333;color:var(--text-primary);font-size:2.5rem;margin-bottom:.5rem}.blogs-header p{color:#666;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.blogs-search-filter{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width:768px){.blogs-search-filter{align-items:center;flex-direction:row;justify-content:space-between}}.search-box{align-items:center;background-color:#f5f5f5;background-color:var(--input-bg);border-radius:30px;display:flex;max-width:400px;padding:.5rem 1rem;width:100%}.search-box svg{color:#777;color:var(--icon-color);margin-right:.5rem}.search-box input{background:#0000;border:none;color:#333;color:var(--text-primary);font-size:1rem;outline:none;width:100%}.search-box input::placeholder{color:#888;color:var(--text-tertiary)}.category-filter{display:flex;gap:.5rem}.category-filter button{background:#f5f5f5;background:var(--button-bg);border:none;border-radius:20px;color:#666;color:var(--button-text);cursor:pointer;font-size:.9rem;padding:.5rem 1.2rem;transition:all .3s ease}.category-filter button.active{background:#4a6bff;background:var(--active-button-bg);color:#fff;color:var(--active-button-text)}.blogs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.blogs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blogs-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:#fff;background:var(--card-bg);border-radius:12px;box-shadow:0 5px 15px #0000001a;box-shadow:0 5px 15px var(--shadow-color);cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{box-shadow:0 10px 25px #00000026;box-shadow:0 10px 25px var(--shadow-hover);transform:translateY(-5px)}.blog-thumbnail{height:180px;overflow:hidden;position:relative}.blog-thumbnail img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.blog-card:hover .blog-thumbnail img{transform:scale(1.05)}.media-icon{align-items:center;background:#0009;border-radius:20px;bottom:10px;color:#fff;display:flex;font-size:.8rem;gap:.5rem;padding:.4rem .8rem;position:absolute;right:10px}.blog-content{padding:1.2rem}.blog-type{background:#f5f5f5;background:var(--button-bg);border-radius:15px;color:#666;color:var(--button-text);display:inline-block;font-size:.7rem;margin-bottom:.7rem;padding:.2rem .7rem;text-transform:uppercase}.blog-card.text .blog-type{background:#e0f7fa;background:var(--text-type-bg);color:#00838f;color:var(--text-type-color)}.blog-card.audio .blog-type{background:#e8f5e9;background:var(--audio-type-bg);color:#2e7d32;color:var(--audio-type-color)}.blog-card.video .blog-type{background:#ffebee;background:var(--video-type-bg);color:#c62828;color:var(--video-type-color)}.blog-card h3{color:#333;color:var(--text-primary);font-size:1.2rem;line-height:1.4;margin-bottom:.7rem}.blog-card p{color:#666;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.blog-meta{color:#888;color:var(--text-tertiary);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:1rem}.blog-actions{border-top:1px solid #eee;border-top:1px solid var(--border-color);padding-top:1rem}.action-buttons{display:flex;gap:.8rem}.action-buttons button{align-items:center;background:none;border:none;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;transition:color .3s ease}.like-button:hover{color:#e91e63;color:var(--like-color)}.dislike-button:hover{color:#5c6bc0;color:var(--dislike-color)}.share-button:hover{color:#4caf50;color:var(--share-color)}.blog-detail-modal{align-items:center;background:#000c;background:var(--modal-overlay);display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;background:var(--modal-bg);border-radius:12px;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:90%}.close-button,.modal-content{color:#333;color:var(--text-primary)}.close-button{align-items:center;background:#0000001a;background:var(--close-button-bg);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .3s ease;width:30px}.close-button:hover{background:#0003;background:var(--close-button-hover)}.modal-header{padding:2rem 2rem 1rem}.modal-header h2{color:#333;color:var(--text-primary);font-size:1.8rem;margin:.5rem 0 1rem}.modal-header .blog-type{background:#f5f5f5;background:var(--button-bg);color:#666;color:var(--button-text)}.modal-header .blog-meta{color:#888;color:var(--text-tertiary)}.modal-body{padding:0 2rem 1rem}.featured-image{border-radius:8px;margin-bottom:1.5rem;width:100%}.text-body{color:#666;color:var(--text-secondary);line-height:1.8}.audio-content,.video-content{display:flex;flex-direction:column;gap:1.5rem}.audio-thumbnail{border-radius:8px;width:100%}.audio-player,.video-player{width:100%}audio,video{background-color:#f5f5f5;background-color:var(--button-bg);border-radius:8px;width:100%}.audio-description,.video-description{color:#666;color:var(--text-secondary);line-height:1.7}.modal-actions{border-top:1px solid #eee;border-top:1px solid var(--border-color);padding:1rem 2rem 2rem}.modal-actions .action-buttons{justify-content:center}.modal-actions .action-buttons button{font-size:1rem;padding:.6rem 1.2rem}.blog-card.audio .blog-thumbnail:before{background:linear-gradient(180deg,#2e7d3233,#2e7d3280);background:var(--audio-gradient);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.blog-card.video .blog-thumbnail:before{background:linear-gradient(180deg,#c6282833,#c6282880);background:var(--video-gradient);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.audio-player audio::-webkit-media-controls-panel{background-color:#e8f5e9;background-color:var(--audio-player-bg)}.blog-card.text:hover{border-bottom:3px solid #00838f;border-bottom:3px solid var(--text-type-color)}.blog-card.audio:hover{border-bottom:3px solid #2e7d32;border-bottom:3px solid var(--audio-type-color)}.blog-card.video:hover{border-bottom:3px solid #c62828;border-bottom:3px solid var(--video-type-color)}.modal-header .blog-type.text{background:#e0f7fa;background:var(--text-type-bg);color:#00838f;color:var(--text-type-color)}.modal-header .blog-type.audio{background:#e8f5e9;background:var(--audio-type-bg);color:#2e7d32;color:var(--audio-type-color)}.modal-header .blog-type.video{background:#ffebee;background:var(--video-type-bg);color:#c62828;color:var(--video-type-color)}@media (max-width:768px){.modal-content{width:95%}.modal-header h2{font-size:1.5rem}.modal-body{padding:0 1.5rem 1rem}.category-filter{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;width:100%}.category-filter button{white-space:nowrap}}@media (max-width:480px){.blogsContainer{padding:1rem}.blogs-header h1{font-size:2rem}.blogs-header p{font-size:1rem}.blog-card h3{font-size:1.1rem}.action-buttons{justify-content:space-between}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-card{animation:fadeInUp .5s ease-out}.blogsContainer{transition:background-color .3s ease,color .3s ease}.blog-card,.category-filter button,.modal-content,.search-box{transition:background-color .3s ease,box-shadow .3s ease,color .3s ease,border-color .3s ease}.search-box input:focus{outline:2px solid #4a6bff;outline:2px solid var(--active-button-bg);outline-offset:-2px}.action-buttons button:focus,.category-filter button:focus,.close-button:focus,.theme-toggle button:focus{outline:2px solid #4a6bff;outline:2px solid var(--active-button-bg);outline-offset:2px}.blogs-grid:empty:after{background:#fff;background:var(--card-bg);border-radius:12px;box-shadow:0 5px 15px #0000001a;box-shadow:0 5px 15px var(--shadow-color);color:#666;color:var(--text-secondary);content:"No blogs found. Try a different search.";display:block;font-size:1.2rem;grid-column:1/-1;padding:3rem;text-align:center}:root{--success-color:#4caf50;--error-color:#f44336}.contactContainer{color:#333;color:var(--text-light);margin:0 auto;max-width:1200px;padding:80px 20px;width:100%}.dark-mode .contactContainer{color:#f5f5f5;color:var(--text-dark)}.contactHeader{margin-bottom:60px;text-align:center}.contactTitle{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4a6cf7,#00c8aa);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:42px;font-weight:700;margin-bottom:15px}.contactSubtitle{font-size:18px;margin:0 auto;max-width:600px;opacity:.8}.contactContent{display:flex;flex-direction:column;gap:60px}.contactInfoSection{display:flex;flex-direction:column;gap:30px}.contactSectionTitle{display:inline-block;font-size:24px;font-weight:600;margin-bottom:30px;position:relative}.contactSectionTitle:after{background:#00c8aa;background:var(--accent-color);border-radius:2px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60px}.contactInfoGrid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.contactInfoCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-light);border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:15px;padding:25px;transition:all .3s;transition:all var(--transition-speed)}.dark-mode .contactInfoCard{background:#1e1e324d;background:var(--card-dark)}.contactInfoCard:hover{border-color:#4a6cf7;border-color:var(--primary-color);box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.dark-mode .contactInfoCard:hover{box-shadow:0 10px 20px #0000004d}.contactInfoCardFull{grid-column:1/-1}.contactIconWrapper{align-items:center;background:#4a6cf71a;border-radius:10px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.dark-mode .contactIconWrapper{background:#4a6cf733}.contactIcon{color:#4a6cf7;color:var(--primary-color);font-size:22px}.contactInfoDetails{display:flex;flex-direction:column;gap:5px}.contactInfoTitle{font-size:18px;font-weight:600;margin:0}.contactInfoText{font-size:10px;margin:0;opacity:.8}.contactInfoLink{color:#4a6cf7;color:var(--primary-color);display:inline-block;font-size:14px;margin-top:5px;position:relative;text-decoration:none;transition:all .3s ease}.contactInfoLink:after{background:#4a6cf7;background:var(--primary-color);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.contactInfoLink:hover:after{width:100%}.contactFormSection{gap:30px}.contactForm,.contactFormSection{display:flex;flex-direction:column}.contactForm{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-light);border:1px solid #ffffff1a;border-radius:20px;gap:20px;padding:40px}.dark-mode .contactForm{background:#1e1e324d;background:var(--card-dark)}.contactFormGroup,.contactInputWrapper{position:relative}.contactInputIcon{color:#2e3856;color:var(--secondary-color);font-size:16px;left:15px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%)}.dark-mode .contactInputIcon{color:#f5f5f5;color:var(--text-dark);opacity:.6}.contactInput{background:#ffffffb3;border:1px solid #0000001a;border-radius:10px;font-size:16px;padding:15px 15px 15px 45px;transition:all .3s ease;width:100%}.dark-mode .contactInput{background:#0003;border:1px solid #ffffff1a;color:#f5f5f5;color:var(--text-dark)}.contactInput::placeholder{color:#0006}.dark-mode .contactInput::placeholder{color:#fff6}.contactInput:focus{border-color:#4a6cf7;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a6cf733;outline:none}.contactTextarea{background:#ffffffb3;border:1px solid #0000001a;border-radius:10px;font-family:inherit;font-size:16px;min-height:150px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.dark-mode .contactTextarea{background:#0003;border:1px solid #ffffff1a;color:#f5f5f5;color:var(--text-dark)}.contactTextarea::placeholder{color:#0006}.dark-mode .contactTextarea::placeholder{color:#fff6}.contactTextarea:focus{border-color:#4a6cf7;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a6cf733;outline:none}.contactFormAttachments{display:flex;flex-wrap:wrap;gap:20px}.contactFormAudio,.contactFormFile{flex:1 1;min-width:220px}.contactFileLabel{align-items:center;background:#4a6cf71a;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px 15px;transition:all .3s ease}.contactFileLabel:hover,.dark-mode .contactFileLabel{background:#4a6cf733}.dark-mode .contactFileLabel:hover{background:#4a6cf74d}.contactFileIcon{color:#4a6cf7;color:var(--primary-color);font-size:18px}.contactFileInput{display:none}.contactFileSelected{color:#4a6cf7;color:var(--primary-color);font-size:14px;margin:10px 0 0;word-break:break-all}.contactAudioButton{align-items:center;background:#4a6cf71a;border:none;border-radius:10px;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:15px;gap:10px;padding:12px 15px;transition:all .3s ease}.contactAudioButton:hover,.dark-mode .contactAudioButton{background:#4a6cf733}.dark-mode .contactAudioButton:hover{background:#4a6cf74d}.contactAudioButtonRecording{background:#f443361a;color:#f44336;color:var(--error-color)}.contactAudioButtonRecording:hover,.dark-mode .contactAudioButtonRecording{background:#f4433633}.dark-mode .contactAudioButtonRecording:hover{background:#f443364d}.contactAudioButtonRecording .contactAudioIcon{color:#f44336;color:var(--error-color)}.contactAudioIcon{color:#4a6cf7;color:var(--primary-color);font-size:18px}.contactAudioPreview{margin-top:15px}.contactAudioPlayer{height:40px;width:100%}.contactFormSubmit{margin-top:10px}.contactSubmitButton{align-items:center;background:#4a6cf7;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:15px 30px;transition:all .3s ease;width:100%}.contactSubmitButton:hover{background:#3a5bd9;box-shadow:0 5px 15px #4a6cf74d;transform:translateY(-2px)}.contactSubmitIcon{font-size:16px}@media screen and (max-width:992px){.contactContainer{padding:60px 30px}.contactTitle{font-size:38px}.contactSubtitle{font-size:16px}.contactForm{padding:30px}}@media screen and (max-width:768px){.contactContainer{padding:50px 20px}.contactTitle{font-size:32px}.contactInfoGrid{grid-template-columns:1fr}.contactFormAttachments{flex-direction:column}}@media screen and (max-width:576px){.contactContainer{padding:40px 15px}.contactTitle{font-size:28px}.contactForm,.contactInfoCard{padding:20px}}:root{--primary-color:#4a6cf7;--secondary-color:#2e3856;--accent-color:#00c8aa;--text-light:#333;--text-dark:#f5f5f5;--background-light:#fff;--background-dark:#121212;--card-light:#ffffff1a;--card-dark:#1e1e324d;--transition-speed:0.3s}.aboutContainer{color:#333;color:var(--text-light);margin:0 auto;max-width:1200px;padding:80px 20px;width:100%}.dark-mode .aboutContainer{color:#f5f5f5;color:var(--text-dark)}.aboutHeader{margin-bottom:60px;position:relative;text-align:center}.aboutTitle{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4a6cf7,#00c8aa);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:42px;font-weight:700;margin-bottom:20px}.aboutHeaderLine{background:linear-gradient(90deg,#4a6cf7,#00c8aa);background:linear-gradient(to right,var(--primary-color),var(--accent-color));border-radius:2px;height:4px;margin:0 auto;width:80px}.aboutContent{display:flex;flex-direction:column;gap:60px}.aboutSection{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-light);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.dark-mode .aboutSection{background:#1e1e324d;background:var(--card-dark);box-shadow:0 10px 30px #0003}.aboutSection:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.dark-mode .aboutSection:hover{box-shadow:0 15px 35px #0000004d}.aboutIntro{padding:40px;text-align:center}.aboutIntroText{font-size:20px;font-weight:500;line-height:1.6;margin:0 auto;max-width:800px;position:relative}.aboutIntroText:after,.aboutIntroText:before{color:#00c8aa;color:var(--accent-color);content:'"';font-size:40px;opacity:.5;position:absolute}.aboutIntroText:before{left:-15px;top:-20px}.aboutIntroText:after{bottom:-30px;right:-15px}.sectionTitle{align-items:center;display:flex;gap:15px;margin-bottom:25px}.sectionIcon{color:#4a6cf7;color:var(--primary-color);font-size:28px}.sectionTitle h2{font-size:26px;font-weight:600;margin:0;position:relative}.sectionTitle h2:after{background:#00c8aa;background:var(--accent-color);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.sectionContent{display:flex;flex-direction:column;gap:20px}.sectionContent p{font-size:16px;line-height:1.7;margin:0}.skillsContainer{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start}.skillCard{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:10px;padding:10px 15px;transition:all .3s ease}.dark-mode .skillCard{background:#0003;border:1px solid #ffffff0d}.skillCard:hover{background:#4a6cf726;border-color:#4a6cf7;border-color:var(--primary-color);transform:translateY(-3px)}.dark-mode .skillCard:hover{background:#4a6cf74d}.skillIcon{color:#4a6cf7;color:var(--primary-color);font-size:18px}.interestContainer{display:flex;flex-direction:column;gap:25px}.interestItem{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:15px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.dark-mode .interestItem{background:#0003}.interestItem:hover{background:#4a6cf71a;border-left:4px solid #4a6cf7;border-left:4px solid var(--primary-color);transform:translateX(5px)}.dark-mode .interestItem:hover{background:#4a6cf733}.interestIcon{color:#4a6cf7;color:var(--primary-color);flex-shrink:0;font-size:30px;margin-top:5px}.interestText h3{font-size:18px;margin:0 0 10px}.interestText p{font-size:15px;line-height:1.6;margin:0}.achievementsContainer{display:flex;flex-direction:column;gap:20px}.achievementItem{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:15px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.dark-mode .achievementItem{background:#0003}.achievementItem:hover{border-color:#00c8aa;border-color:var(--accent-color);box-shadow:0 10px 20px #0000000d;transform:scale(1.02)}.dark-mode .achievementItem:hover{box-shadow:0 10px 20px #0003}.achievementIcon{color:#00c8aa;color:var(--accent-color);flex-shrink:0;font-size:30px;margin-top:5px}.achievementText h3{font-size:18px;margin:0 0 10px}.achievementText p{font-size:15px;line-height:1.6;margin:0}.hobbiesRow{display:flex;flex-wrap:wrap;gap:20px}.hobbyCard{align-items:center;background:#ffffff14;border-radius:15px;display:flex;flex:1 1;flex-direction:column;gap:15px;justify-content:center;min-width:120px;padding:25px;text-align:center;transition:all .3s ease}.dark-mode .hobbyCard{background:#0003}.hobbyCard:hover{background:linear-gradient(135deg,#4a6cf733,#00c8aa33);box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.dark-mode .hobbyCard:hover{background:linear-gradient(135deg,#4a6cf74d,#00c8aa4d);box-shadow:0 10px 20px #0000004d}.hobbyIcon{color:#00c8aa;color:var(--accent-color);font-size:38px}.growthContainer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.growthItem{background:#ffffff0d;border-radius:15px;border-top:3px solid #0000;padding:25px;transition:all .3s ease}.dark-mode .growthItem{background:#0003}.growthItem:hover{border-top:3px solid #4a6cf7;border-top:3px solid var(--primary-color);transform:translateY(-3px)}.growthText h3{display:inline-block;font-size:18px;margin:0 0 15px;position:relative}.growthText h3:after{background:#00c8aa;background:var(--accent-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:30px}.growthText p{font-size:15px;line-height:1.6;margin:0}.financeContainer{display:flex;flex-direction:column;gap:20px}.financeItem{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:15px;display:flex;gap:20px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.dark-mode .financeItem{background:#0003}.financeItem:before{background:linear-gradient(180deg,#4a6cf7,#00c8aa);background:linear-gradient(to bottom,var(--primary-color),var(--accent-color));content:"";height:0;left:0;position:absolute;top:0;transition:height .3s ease;width:5px}.financeItem:hover:before{height:100%}.financeItem:hover{padding-left:25px;transform:translateX(3px)}.financeIcon{color:#4a6cf7;color:var(--primary-color);flex-shrink:0;font-size:30px;margin-top:5px}.financeText h3{font-size:18px;margin:0 0 10px}.financeText p{font-size:15px;line-height:1.6;margin:0}@media screen and (max-width:992px){.aboutContainer{padding:60px 30px}.aboutTitle{font-size:38px}.growthContainer{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media screen and (max-width:768px){.aboutContainer{padding:50px 20px}.aboutTitle{font-size:32px}.aboutIntroText{font-size:18px}.sectionTitle h2{font-size:22px}.skillsContainer{justify-content:center}.growthContainer{grid-template-columns:1fr}.achievementItem,.financeItem,.interestItem{flex-direction:column;gap:15px}.achievementIcon,.financeIcon,.interestIcon{font-size:28px}}@media screen and (max-width:576px){.aboutContainer{padding:40px 15px}.aboutSection{padding:20px}.aboutTitle{font-size:28px}.aboutIntroText{font-size:16px}.hobbiesRow{flex-direction:column}.hobbyCard{flex-direction:row;justify-content:flex-start}.sectionIcon{font-size:24px}.sectionTitle h2{font-size:20px}}
/*# sourceMappingURL=main.b5a94f16.css.map*/