@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";.about-me-page{min-height:100vh;background:var(--bg-color);position:relative;overflow-x:hidden}.about-me-hero{min-height:100vh;padding:12rem 9% 6rem;position:relative;display:flex;align-items:center;background:linear-gradient(135deg,var(--bg-color) 0%,var(--second-bg-color) 100%)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.1}.hero-shapes{position:relative;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:var(--main-color);animation:float 6s ease-in-out infinite}.shape-1{width:200px;height:200px;top:20%;left:10%;animation-delay:0s}.shape-2{width:150px;height:150px;top:60%;right:15%;animation-delay:2s}.shape-3{width:100px;height:100px;bottom:20%;left:60%;animation-delay:4s}.hero-content{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:center;width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:2}.hero-text h1{font-size:6rem;font-weight:700;line-height:1.2;color:var(--text-color);margin-bottom:1.5rem;animation:slideInLeft 1s ease-out}.hero-text h1 span{color:var(--main-color);position:relative}.hero-text h1 span:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:var(--main-color);animation:expandWidth 1.5s ease-out .5s both}.hero-text h2{font-size:3.5rem;color:var(--text-color);margin-bottom:1rem;font-weight:600;animation:slideInLeft 1s ease-out .2s both}.hero-subtitle{font-size:2rem;color:var(--main-color);font-weight:500;margin-bottom:3rem;opacity:.9;animation:slideInLeft 1s ease-out .4s both}.hero-stats{display:flex;gap:3rem;margin-top:2rem;animation:slideInLeft 1s ease-out .6s both}.stat-item{text-align:center;padding:2rem;background:var(--second-bg-color);border-radius:1.5rem;border:2px solid transparent;transition:all .3s ease;min-width:120px}.stat-item:hover{border-color:var(--main-color);transform:translateY(-5px);box-shadow:0 1rem 2rem #754ef933}.stat-number{display:block;font-size:3rem;font-weight:700;color:var(--main-color);margin-bottom:.5rem}.hero-image{position:relative;animation:slideInRight 1s ease-out .8s both}.image-container{position:relative;display:flex;justify-content:center;align-items:center}.about-me-photo{width:350px;height:350px;border-radius:50%;object-fit:cover;border:6px solid var(--main-color);box-shadow:0 2rem 4rem #0000004d;position:relative;z-index:2;transition:transform .3s ease}.about-me-photo:hover{transform:scale(1.05)}.image-decoration{position:absolute;width:100%;height:100%;pointer-events:none}.decoration-circle{position:absolute;width:400px;height:400px;border:3px dashed var(--main-color);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3;animation:rotate 20s linear infinite}.decoration-dots{position:absolute;width:20px;height:20px;background:var(--main-color);border-radius:50%;top:20%;right:20%;animation:pulse 2s ease-in-out infinite}.decoration-dots:before,.decoration-dots:after{content:"";position:absolute;width:15px;height:15px;background:var(--main-color);border-radius:50%}.decoration-dots:before{top:-40px;left:-30px;animation:pulse 2s ease-in-out .5s infinite}.decoration-dots:after{bottom:-50px;right:-40px;animation:pulse 2s ease-in-out 1s infinite}.about-me-content{padding:6rem 9% 8rem;max-width:1400px;margin:0 auto}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:6rem}.story-section,.philosophy-section{background:var(--second-bg-color);padding:4rem;border-radius:2rem;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.story-section:before,.philosophy-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(117,78,249,.1),transparent);transition:left .5s ease}.story-section:hover:before,.philosophy-section:hover:before{left:100%}.story-section:hover,.philosophy-section:hover{border-color:var(--main-color);transform:translateY(-10px);box-shadow:0 2rem 4rem #754ef933}.content-grid section{background:var(--second-bg-color);padding:4rem;border-radius:2rem;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.content-grid section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(117,78,249,.1),transparent);transition:left .5s ease}.content-grid section:hover:before{left:100%}.content-grid section:hover{border-color:var(--main-color);transform:translateY(-10px);box-shadow:0 2rem 4rem #754ef933}.section-icon{display:flex;justify-content:center;margin-bottom:2rem}.section-icon i{font-size:4rem;color:var(--main-color);padding:1.5rem;background:#754ef91a;border-radius:50%;border:2px solid var(--main-color)}.about-me-content h3{font-size:3rem;color:var(--text-color);margin-bottom:2.5rem;text-align:center;position:relative}.about-me-content h3:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--main-color);border-radius:2px}.about-me-content p{font-size:1.6rem;line-height:1.8;color:var(--text-color);margin-bottom:1.5rem;text-align:justify}.philosophy-card blockquote{font-size:1.8rem;line-height:1.6;color:var(--main-color);font-style:italic;text-align:center;margin:2rem 0;padding:2rem;background:#754ef90d;border-radius:1.5rem;border-left:5px solid var(--main-color);position:relative}.philosophy-card blockquote:before{content:'"';position:absolute;top:-10px;left:20px;font-size:6rem;color:var(--main-color);opacity:.3}.skills-section{background:var(--second-bg-color);padding:6rem 4rem;border-radius:2rem;margin-bottom:6rem;position:relative;overflow:hidden}.skills-section:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(117,78,249,.1),transparent);animation:rotate 10s linear infinite}.skills-section>*{position:relative;z-index:2}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:4rem}.skill-category{background:var(--bg-color);padding:3rem 2.5rem;border-radius:2rem;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.skill-category:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(117,78,249,.05),transparent);transition:left .8s ease}.skill-category:hover:before{left:100%}.skill-category:hover{border-color:var(--main-color);transform:translateY(-5px) scale(1.02);box-shadow:0 1.5rem 3rem #754ef926}.skill-category h4{font-size:2.2rem;color:var(--main-color);margin-bottom:2rem;text-align:center;position:relative}.skill-category ul{list-style:none;padding:0}.skill-category li{font-size:1.6rem;color:var(--text-color);padding:.8rem 0;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.skill-category li:before{content:"▸";color:var(--main-color);font-weight:700;font-size:1.4rem;flex-shrink:0;transition:transform .3s ease}.skill-category li:hover:before{transform:translate(5px)}.skill-category li:hover{color:var(--main-color)}.timeline{margin-top:4rem;position:relative}.timeline-item{display:flex;gap:3rem;margin-bottom:4rem;position:relative;padding:3rem;background:var(--second-bg-color);border-radius:2rem;border-left:5px solid var(--main-color);transition:all .3s ease}.timeline-item:hover{transform:translate(10px);box-shadow:0 1rem 2rem #754ef933}.timeline-date{font-size:1.8rem;font-weight:600;color:var(--main-color);min-width:140px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#754ef91a;border-radius:1rem;padding:1rem;height:fit-content}.timeline-content h4{font-size:2.2rem;color:var(--text-color);margin-bottom:1.5rem}.timeline-content p{margin:0;line-height:1.7}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;margin-top:4rem}.interest-item{text-align:center;padding:3rem 2.5rem;background:var(--second-bg-color);border-radius:2rem;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden}.interest-item:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(117,78,249,.1) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .6s ease;border-radius:50%}.interest-item:hover:before{width:300px;height:300px}.interest-item:hover{border-color:var(--main-color);transform:translateY(-10px) scale(1.05);box-shadow:0 2rem 4rem #754ef933}.interest-item>*{position:relative;z-index:2}.interest-item i{font-size:5rem;color:var(--main-color);margin-bottom:2rem;transition:transform .4s ease}.interest-item:hover i{transform:scale(1.2) rotateY(180deg)}.interest-item h4{font-size:2.2rem;color:var(--text-color);margin-bottom:1.5rem;font-weight:600}.interest-item p{font-size:1.5rem;text-align:center;margin:0;line-height:1.6}.contact-cta{text-align:center;padding:3rem 4rem 1rem!important;background:linear-gradient(135deg,var(--main-color),rgba(117,78,249,.8));border-radius:2rem;color:#fff;position:relative;overflow:hidden}.contact-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 15s linear infinite}.contact-cta>*{position:relative;z-index:2}.contact-cta h3{color:#fff;font-size:3.5rem;margin-bottom:4rem}.contact-cta h3:after{display:none}.contact-cta p{color:#ffffffe6;font-size:1.8rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.social-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.social-links a{display:inline-flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:#ffffff1a;border:2px solid white;border-radius:50%;font-size:2.5rem;color:#fff;text-decoration:none;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-links a:hover{background:#fff;color:var(--main-color);transform:translateY(-5px) scale(1.1);box-shadow:0 1rem 2rem #0000004d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes expandWidth{0%{width:0}to{width:100%}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width: 1200px){.hero-content{gap:4rem}.hero-text h1{font-size:5rem}.hero-text h2{font-size:3rem}.about-me-photo{width:300px;height:300px}}@media (max-width: 991px){.about-me-hero{padding:10rem 3% 4rem}.about-me-content{padding:4rem 3% 6rem}.hero-content{grid-template-columns:1fr;gap:4rem;text-align:center}.hero-text{order:2}.hero-image{order:1}.hero-stats{justify-content:center}.content-grid{grid-template-columns:1fr;gap:3rem}.skills-grid{grid-template-columns:1fr}.timeline-item{flex-direction:column;gap:1.5rem}.interests-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.hero-text h1{font-size:4rem}.hero-text h2{font-size:2.5rem}.hero-subtitle{font-size:1.8rem}.hero-stats{flex-direction:column;align-items:center;gap:2rem}.stat-item{width:100%;max-width:200px}.about-me-photo{width:250px;height:250px}.about-me-content h3{font-size:2.5rem}.about-me-content p{font-size:1.5rem}.skill-category li{font-size:1.4rem;gap:.8rem}.skill-category li:before{font-size:1.2rem}.contact-cta{padding:3rem 2rem}.contact-cta h3{font-size:2.8rem}.contact-cta p{font-size:1.6rem;margin-bottom:2.5rem;text-align:center;max-width:100%}.social-links a{width:4.5rem;height:4.5rem;font-size:2rem}}@media (max-width: 450px){.about-me-hero{padding:8rem 2% 3rem}.about-me-content{padding:3rem 2% 4rem}.hero-text h1{font-size:3.2rem}.hero-text h2{font-size:2.2rem}.hero-subtitle{font-size:1.6rem}.about-me-photo{width:200px;height:200px}.content-grid section,.skill-category,.interest-item{padding:2.5rem 2rem}.skill-category li{font-size:1.3rem;gap:.6rem}.skill-category li:before{font-size:1rem}.skills-section{padding:4rem 2rem}.contact-cta{padding:2.5rem 1.5rem}.contact-cta p{font-size:1.4rem;margin-bottom:2rem;line-height:1.5}.interests-grid{grid-template-columns:1fr}.hero-stats,.social-links{gap:1.5rem}}.page-not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--bg-color);overflow:hidden}.not-found-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.not-found-content{text-align:center;max-width:600px;padding:4rem 2rem;position:relative;z-index:10}.error-code{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:3rem;font-size:8rem;font-weight:900;color:var(--main-color);text-shadow:0 0 30px rgba(117,78,249,.5);line-height:1}.error-code .stat-number{display:block;background:linear-gradient(135deg,var(--main-color),rgba(117,78,249,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s ease-in-out infinite}.error-title{font-size:3.5rem;color:var(--text-color);margin-bottom:2rem;font-weight:700}.error-message{font-size:1.8rem;color:var(--text-color);opacity:.8;margin-bottom:4rem;line-height:1.6}.error-actions{display:flex;gap:2rem;justify-content:center;margin-bottom:4rem;flex-wrap:wrap}.error-actions .btn{display:inline-flex;align-items:center;gap:1rem;padding:1.5rem 3rem;font-size:1.6rem;font-weight:600;border-radius:3rem;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--main-color),rgba(117,78,249,.8));color:#fff}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 1rem 3rem #754ef966}.btn-secondary{background:transparent!important;color:var(--text-color)!important;border-color:var(--main-color)}.btn-secondary:hover{background:var(--main-color)!important;color:#fff!important;transform:translateY(-3px);box-shadow:0 1rem 3rem #754ef94d}.error-suggestions{background:var(--second-bg-color);padding:3rem;border-radius:2rem;border-left:5px solid var(--main-color)}.error-suggestions h3{font-size:2.2rem;color:var(--text-color);margin-bottom:2rem;font-weight:600}.error-suggestions ul{list-style:none;padding:0}.error-suggestions li{margin-bottom:1.5rem}.error-suggestions a{color:var(--text-color);text-decoration:none;font-size:1.6rem;padding:1rem 1.5rem;border-radius:1rem;display:inline-block;transition:all .3s ease;background:#754ef91a}.error-suggestions a:hover{color:var(--main-color);background:#754ef933;transform:translate(10px)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.not-found-content{padding:3rem 1.5rem}.error-code{font-size:6rem;gap:1rem}.error-title{font-size:2.8rem}.error-message{font-size:1.6rem}.error-actions{flex-direction:column;align-items:center;gap:1.5rem}.error-actions .btn{width:100%;max-width:280px;justify-content:center}.error-suggestions{padding:2rem;text-align:left}}@media (max-width: 450px){.error-code{font-size:4.5rem}.error-title{font-size:2.4rem}.error-message{font-size:1.4rem}.error-suggestions h3{font-size:1.8rem}.error-suggestions a{font-size:1.4rem}}html{scroll-behavior:smooth}.project-page{min-height:100vh;background:var(--bg-color);color:var(--text-color);padding-top:8rem}@media (min-width: 1024px){.project-page{padding-top:6rem}}.project-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:6rem 0 8rem;margin-bottom:6rem;position:relative;overflow:hidden}.project-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.project-header{text-align:center;max-width:800px;margin:0 auto}.project-title{font-size:6rem;font-weight:800;margin-bottom:3rem;color:#fff;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.02em}@media (min-width: 1440px){.project-title{font-size:7.5rem}}.project-subtitle{font-size:2rem;color:#fffffff2;margin-bottom:4rem;line-height:1.7;max-width:900px;margin-left:auto;margin-right:auto;font-weight:400}@media (min-width: 1440px){.project-subtitle{font-size:2.4rem;max-width:1100px}}.project-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:1.2rem;padding:1.8rem 3.5rem;border-radius:60px;text-decoration:none;font-weight:600;font-size:1.4rem;transition:all .4s ease;border:2px solid transparent;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 25px #0000001a}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #00000026}@media (min-width: 1440px){.btn-primary,.btn-secondary{padding:2.2rem 4.5rem;font-size:1.6rem}}.btn-primary{background:var(--main-color);color:#fff;font-weight:700;border:2px solid var(--main-color);box-shadow:0 8px 25px #007bff66}.btn-primary:hover{background:#fff;color:var(--main-color);border-color:#fff;transform:translateY(-3px);box-shadow:0 15px 40px #ffffff4d}.btn-secondary{background:#48bb78;color:#fff!important;border:2px solid #48bb78;font-weight:700;box-shadow:0 8px 25px #48bb7866}.btn-secondary:hover{background:#38a169;color:#fff!important;border-color:#38a169;transform:translateY(-3px);box-shadow:0 15px 40px #38a16980}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (min-width: 1440px){.container{max-width:1600px;padding:0 3rem}}.project-content{display:flex;flex-direction:column;gap:8rem}@media (min-width: 1440px){.project-content{gap:10rem}}.project-section{background:var(--second-bg-color);padding:5rem;border-radius:25px;box-shadow:0 20px 60px #00000014;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 1440px){.project-section{padding:6rem 8rem}}.project-section h2{font-size:4rem;margin-bottom:4rem;color:var(--main-color);text-align:center;font-weight:700;letter-spacing:-.01em;position:relative;padding-bottom:1.5rem}.project-section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--main-color),transparent);border-radius:2px}@media (min-width: 1440px){.project-section h2{font-size:5rem;margin-bottom:5rem}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3.5rem;margin-top:4rem}@media (min-width: 1200px){.features-grid{grid-template-columns:repeat(3,1fr);gap:4rem}}@media (min-width: 1440px){.features-grid{gap:5rem;margin-top:5rem}}.feature-card{background:var(--bg-color);padding:3.5rem;border-radius:20px;text-align:center;transition:all .4s ease;border:1px solid rgba(0,123,255,.08);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .6s ease}@media (min-width: 1440px){.feature-card{padding:4.5rem}}.feature-card:hover{transform:translateY(-8px) scale(1.02);border-color:#007bff33;box-shadow:0 25px 60px #0000001a}.feature-card:hover:before{left:100%}.feature-icon{font-size:4rem;margin-bottom:1.5rem}.feature-card h3{font-size:2rem;margin-bottom:1.5rem;color:var(--main-color);font-weight:600;letter-spacing:-.01em}@media (min-width: 1440px){.feature-card h3{font-size:2.4rem}}.feature-card p{color:var(--text-color);opacity:.85;line-height:1.7;font-size:1.3rem}@media (min-width: 1440px){.feature-card p{font-size:1.5rem;line-height:1.8}}.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3.5rem;margin-top:4rem}@media (min-width: 1200px){.highlights{grid-template-columns:repeat(2,1fr);gap:4rem}}@media (min-width: 1440px){.highlights{gap:5rem;margin-top:5rem}}.highlight-item{padding:3.5rem;background:var(--bg-color);border-radius:20px;border-left:6px solid var(--main-color);transition:all .3s ease;position:relative}.highlight-item:hover{transform:translate(5px);border-left-width:10px;box-shadow:0 15px 40px #0000000d}@media (min-width: 1440px){.highlight-item{padding:4.5rem}}.highlight-item h4{font-size:1.8rem;margin-bottom:1.2rem;color:var(--main-color);font-weight:600;letter-spacing:-.01em}@media (min-width: 1440px){.highlight-item h4{font-size:2.2rem}}.highlight-item p{color:var(--text-color);opacity:.85;line-height:1.7;font-size:1.3rem}@media (min-width: 1440px){.highlight-item p{font-size:1.5rem;line-height:1.8}}.feature-details{display:flex;flex-direction:column;gap:3rem;margin-top:3rem}@media (min-width: 1440px){.feature-details{gap:4rem;margin-top:4rem}}.feature-detail{padding:3rem;background:var(--bg-color);border-radius:15px;border:1px solid rgba(0,123,255,.08);transition:all .3s ease;position:relative;overflow:hidden}.feature-detail:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--main-color),transparent)}.feature-detail:hover{border-color:#007bff33;box-shadow:0 20px 50px #00000014}@media (min-width: 1440px){.feature-detail{padding:4rem}}.feature-detail h4{font-size:1.4rem;margin-bottom:1rem;color:var(--main-color)}.feature-detail p{color:var(--text-color);opacity:.8;line-height:1.6}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3.5rem;margin-top:4rem}@media (min-width: 1200px){.screenshots-grid{grid-template-columns:repeat(3,1fr);gap:4rem}}.screenshot-item{background:var(--second-bg-color);border-radius:20px;border:3px solid rgba(var(--main-color-rgb, 0, 123, 255),.2);position:relative;overflow:hidden;transition:all .4s ease;cursor:pointer}.screenshot-item:hover{transform:translateY(-8px);border-color:var(--main-color);box-shadow:0 20px 40px #007bff33}.screenshot-item img{width:100%;height:auto;border-radius:17px 17px 0 0;transition:transform .3s ease}.screenshot-item:hover img{transform:scale(1.02)}.screenshot-caption{padding:2rem;text-align:center}.screenshot-caption p{font-size:1.8rem;font-weight:600;color:var(--text-color);margin-bottom:.8rem}.screenshot-caption span{font-size:1.3rem;color:var(--text-color);opacity:.7}@media (max-width: 768px){.project-title{font-size:3.5rem}.project-subtitle{font-size:1.6rem}.project-links{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:250px;justify-content:center;font-size:1.2rem;padding:1.5rem 3rem;font-weight:700}.project-section{padding:3rem}.project-section h2{font-size:3rem}.features-grid{grid-template-columns:1fr;gap:3rem}.feature-card{padding:3rem}.feature-card h3{font-size:1.8rem}.feature-card p{font-size:1.2rem}.highlights{grid-template-columns:1fr;gap:3rem}.highlight-item{padding:3rem}.highlight-item h4{font-size:1.6rem}.highlight-item p{font-size:1.2rem}.screenshots-grid{grid-template-columns:1fr;gap:3rem}.screenshot-caption{padding:1.5rem}.screenshot-caption p{font-size:1.6rem}.screenshot-caption span{font-size:1.2rem}.container{padding:0 1.5rem}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-color);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeOut .8s ease-in-out 2.5s forwards}.loading-content{text-align:center;position:relative;z-index:10}.loading-logo{margin-bottom:3rem;animation:slideInFromTop 1s ease-out}.loading-logo h1{font-size:5rem;font-weight:700;color:var(--text-color);margin:0;letter-spacing:2px}.loading-logo span{color:var(--main-color);animation:pulse 2s ease-in-out infinite}.loading-spinner{margin:3rem 0;animation:slideInFromLeft 1s ease-out .3s both}.spinner{width:60px;height:60px;border:4px solid var(--second-bg-color);border-top:4px solid var(--main-color);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.loading-text{animation:slideInFromBottom 1s ease-out .6s both}.loading-text p{font-size:1.8rem;color:var(--text-color);margin:0;opacity:.8;animation:textFade 2s ease-in-out infinite}.loading-particles{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:8px;height:8px;background:var(--main-color);border-radius:50%;opacity:0;animation:particleFloat 4s ease-in-out infinite}.particle:nth-child(1){top:20%;left:15%;animation-delay:0s}.particle:nth-child(2){top:30%;right:20%;animation-delay:.5s}.particle:nth-child(3){bottom:30%;left:25%;animation-delay:1s}.particle:nth-child(4){bottom:20%;right:15%;animation-delay:1.5s}.particle:nth-child(5){top:50%;left:10%;animation-delay:2s}.particle:nth-child(6){top:60%;right:10%;animation-delay:2.5s}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes textFade{0%,to{opacity:.8}50%{opacity:.4}}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0)}50%{opacity:.8;transform:translateY(-20px)}}@media (max-width: 768px){.loading-logo h1{font-size:4rem}.loading-text p{font-size:1.6rem}.spinner{width:50px;height:50px}}@media (max-width: 450px){.loading-logo h1{font-size:3rem}.loading-text p{font-size:1.4rem}.spinner{width:40px;height:40px;border-width:3px}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Poppins,sans-serif}:root{--bg-color: #fdfdfd;--text-color: #333;--main-color: #754ef9;--white-color: #fdfdfd;--shadow-color: rgba(0, 0, 0, .2);--second-bg-color: #f8f8f8}*::selection{background:var(--main-color);color:var(--bg-color)}.dark-mode{--bg-color: #0b061f;--text-color: #fdfdfd;--shadow-color: rgba(0, 0, 0, .7);--second-bg-color: #1a1a2e}html{font-size:62.5%;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-color)}.header{position:fixed;top:0;left:0;width:100%;padding:2rem 7%;background:transparent;display:flex;align-items:center;z-index:100;transition:.5s}.header.sticky{background:var(--bg-color);box-shadow:0 .1rem 1rem var(--shadow-color)}.logo{font-size:2.5rem;color:var(--main-color);font-weight:600;margin-right:auto}.navbar a{position:relative;font-size:1.7rem;color:var(--text-color);font-weight:500;margin-right:3.5rem;transition:color .3s ease}.header:not(.sticky) .navbar a{color:var(--white-color);text-shadow:0 2px 4px rgba(0,0,0,.3)}.header.sticky .navbar a{color:var(--text-color);text-shadow:none}.header.sticky .navbar a.active,.navbar a.active,.navbar a:hover{color:var(--main-color)}.navbar a.active:before{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:.2rem;background:var(--main-color);border-radius:1px}.header:not(.sticky) .navbar a.active:before{background:var(--white-color)}.header.sticky .navbar a:before{background:var(--main-color);opacity:.7}#darkMode-icon{font-size:2.4rem;color:var(--text-color);cursor:pointer;transition:color .3s ease}.header:not(.sticky) #darkMode-icon{color:var(--white-color);text-shadow:0 2px 4px rgba(0,0,0,.3)}.header.sticky #darkMode-icon{color:var(--text-color);text-shadow:none}#darkMode-icon:hover{color:var(--main-color)}#menu-icon{font-size:3.6rem;color:var(--text-color);display:none;cursor:pointer;transition:color .3s ease}.header:not(.sticky) #menu-icon{color:var(--white-color);text-shadow:0 2px 4px rgba(0,0,0,.3)}#menu-icon:hover{color:var(--main-color)}section{min-height:100vh;padding:8rem 7% 1rem}.home{display:flex;align-items:center}.home .home-content{max-width:44rem}.home-content h3{font-size:3.2rem;font-weight:700;line-height:.3}.home-content h1{font-size:8rem;font-weight:700;margin-bottom:.3rem}.home-content p{font-size:1.6rem}.home-content .social-media a{display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;background:transparent;border:.2rem solid var(--main-color);border-radius:50%;box-shadow:0 .2rem .5rem var(--shadow-color);font-size:2rem;color:var(--main-color);margin:2.5rem 1.5rem 3rem 0;transition:.5s ease}.home-content .social-media a:hover{background:var(--main-color);color:var(--white-color)}.btn{display:inline-block;padding:1.2rem 2.8rem;background:var(--main-color);border-radius:.6rem;box-shadow:0 .2rem .5rem var(--shadow-color);font-size:1.6rem;color:var(--white-color);letter-spacing:.1rem;font-weight:600;border:.2rem solid transparent;transition:.5s ease}.btn:hover{background:transparent;color:var(--main-color);border-color:var(--main-color)}.home .profession-container{position:absolute;top:50%;right:0;transform:translateY(-50%);width:100vw;height:100vh;overflow:hidden;pointer-events:none}.home .profession-container .profession-box{position:absolute;top:0;right:0;width:768px;height:100vh;display:flex;justify-content:center;align-items:center;animation:professionRotate 13s ease-out infinite}@keyframes professionRotate{0%,20%{transform:rotate(0)}25%,45%{transform:rotate(-90deg)}50%,70%{transform:rotate(-180deg)}75%,95%{transform:rotate(-270deg)}to{transform:rotate(-360deg)}}.home .profession-box .profession{position:absolute;left:0;display:flex;align-items:center;flex-direction:column;color:var(--main-color);transform:rotate(calc(360deg / 4 * var(--i)));transform-origin:384px;background:var(--bg-color);padding:13px 0}.home .profession-box .profession:nth-child(1) i{margin-right:15px}.home .profession-box .profession:nth-child(2),.home .profession-box .profession:nth-child(4){padding-bottom:20px}.home .profession i{font-size:3.8rem}.home .profession h3{font-size:3.2rem;line-height:1;font-weight:600}.home .profession-box .circle{width:560px;height:560px;border:3px solid var(--main-color);border-radius:50%;z-index:-1}.home .profession-container .overlay{position:absolute;top:0;right:0;width:0;height:0;border-top:50vh solid var(--main-color);border-right:384px solid var(--main-color);border-bottom:50vh solid var(--main-color);border-left:384px solid transparent}.home-img img{position:absolute;bottom:0;right:40px;pointer-events:none;max-width:480px;max-height:100vh}span{color:var(--main-color)}.about{display:flex;justify-content:center;align-items:center;gap:4rem}.about-img img{width:40vw}.heading{font-size:4.5rem;text-align:center}.about-content h2{text-align:left;line-height:1.2}.about-content h3{font-size:2rem}.about-content p{font-size:1.6rem;margin:2rem 0 3rem}.services{min-height:auto;padding-bottom:10rem}.services h2{margin-bottom:5rem}.services .services-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}.services-container .services-box{flex:1 1 30rem;background:var(--bg-color);padding:3rem 2rem 4rem;border-radius:2rem;box-shadow:0 .1rem .5rem var(--shadow-color);text-align:center;border-top:.6rem solid var(--main-color);border-bottom:.6rem solid var(--main-color);transition:.5s ease}.services-container .services-box:hover{box-shadow:0 .1rem 2rem var(--shadow-color);transform:scale(1.02)}.services-box i{font-size:7rem;color:var(--main-color)}.services-box h3{font-size:2.6rem;transition:.5s ease}.services-box:hover h3{color:var(--main-color)}.services-box p{font-size:1.6rem;margin:1rem 0 3rem}.portfolio{min-height:auto;padding-bottom:10rem}.portfolio h2{margin-bottom:4rem}.portfolio .portfolio-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:2.5rem}.portfolio-container .portfolio-box{position:relative;display:flex;border-radius:2rem;box-shadow:0 0 1rem #0000001a;overflow:hidden}.portfolio-box img{width:100%;transition:.5s ease}.portfolio-box:hover img{transform:scale(1.1)}.portfolio-box .portfolio-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.1),var(--main-color));color:var(--white-color);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 4rem;opacity:0;transition:.5s ease}.portfolio-box:hover .portfolio-layer{opacity:1}.portfolio-layer h4{font-size:3rem}.portfolio-layer p{font-size:1.6rem;margin:.3rem 0 1rem}.portfolio-layer a{display:inline-flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:var(--white-color);border-radius:50%}.portfolio-layer a i{font-size:2rem;color:#333}.testimonial-container{display:flex;align-items:center;flex-direction:column;width:100%;padding:5rem 1rem}.testimonial-container .testimonial-wrapper{position:relative;max-width:90rem;width:100%;padding:5rem}.testimonial-wrapper .testimonial-box{padding:1rem;border-radius:2rem;overflow:hidden}.testimonial-content .testimonial-slide{display:flex;align-items:center;flex-direction:column;background:var(--bg-color);border-radius:2rem;box-shadow:0 .1rem .5rem var(--shadow-color);padding:3rem 5rem;border-top:.8rem solid var(--main-color);border-bottom:.8rem solid var(--main-color)}.testimonial-slide img{width:14rem;height:14rem;object-fit:cover;border-radius:50%;border:.5rem solid var(--bg-color);outline:.5rem solid var(--main-color)}.testimonial-slide h3{font-size:2.5rem;margin:2rem 0}.testimonial-slide p{font-size:1.4rem;text-align:center}.testimonial-box .swiper-button-next,.testimonial-box .swiper-button-prev{color:var(--main-color)}.testimonial-box .swiper-button-next{right:0}.testimonial-box .swiper-button-prev{left:0}.testimonial-box .swiper-pagination-bullet{background:#000c}.testimonial-box .swiper-pagination-bullet-active{background:var(--main-color)}.contact{min-height:auto;padding-bottom:7rem}.contact h2{margin-bottom:3rem}.contact form{max-width:70rem;margin:1rem auto 3rem;text-align:center}.contact form .input-box{display:flex;justify-content:space-between;flex-wrap:wrap}.contact form .input-box input,.contact form textarea{width:100%;padding:1.5rem;font-size:1.6rem;color:var(--text-color);background:var(--bg-color);border-radius:.8rem;margin:.7rem 0;box-shadow:0 .1rem .5rem var(--shadow-color)}.contact form .input-box input{width:49%}.contact form textarea{resize:none}.contact form .btn{margin-top:2rem;cursor:pointer}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:2rem 7%;background:var(--main-color)}.footer-text p{font-size:1.6rem;color:var(--white-color)}.footer-iconTop a{display:inline-flex;justify-content:center;align-items:center;padding:.8rem;background:var(--white-color);border-radius:.8rem;border:.2rem solid var(--main-color);outline:.2rem solid transparent;transition:.5s ease}.footer-iconTop a:hover{outline-color:var(--white-color)}.footer-iconTop a i{font-size:2.4rem;color:#333}@media (max-width: 1200px){html{font-size:55%}.home .profession-container .profession-box{right:-10%}.home .profession-container .overlay{right:-6%}.home-img img{right:0}}@media (max-width: 1100px){.home .profession-container .profession-box{right:-15%}.home-img img{max-width:420px}}@media (max-width: 1024px){.header{padding:2rem 3%}section{padding:8rem 3% 1rem}.home .profession-container .profession-box{right:-20%}.home .profession-container .overlay{right:-12%}.home-img img{max-width:400px}}@media (max-width: 991px){.home .home-content{max-width:50rem}.home .profession-container .profession-box{right:-35%}.home .profession-container .overlay{right:-30%}.home-img img{display:none}.footer{padding:2rem 3%}}@media (max-width: 896px){.home .profession-container .profession-box{right:-50%}.home .profession-container .overlay{right:-43%}}@media (max-width: 879px){.portfolio .portfolio-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){#menu-icon{display:block}#darkMode-icon{position:absolute;right:7rem;font-size:2.6rem;color:var(--text-color);margin-bottom:.1rem}.navbar{position:absolute;top:100%;left:0;width:100%;padding:1rem 3%;background:var(--bg-color);border-top:.1rem solid rgba(0,0,0,.2);box-shadow:0 .5rem 1rem #0000001a;display:none}.navbar.active{display:block}.navbar a{display:block;font-size:2rem;margin:3rem 0;color:var(--text-color)}.navbar a:nth-child(1),.navbar a:nth-child(2){color:var(--text-color)}.navbar a.active{color:var(--main-color)}.navbar a:before{display:none}.home{padding:0 3% 23rem;justify-content:center;text-align:center}.home-content h3{font-size:2.6rem}.home-content h1{font-size:6.5rem}.home-content .social-media a{margin:2.5rem .75rem 3rem}.home .profession-container{left:0;width:100%;height:100%}.home .profession-container .profession-box{position:fixed;top:450px;left:0;width:100%}.home .profession-box .profession{padding:0 13px;left:auto;transform-origin:0}.home .profession-box .profession:nth-child(1){transform:rotate(-90deg) translate(-120px,-210px)}.home .profession-box .profession:nth-child(1) i{margin-right:0}.home .profession-box .profession:nth-child(2){transform:rotate(0) translateY(-325px)}.home .profession-box .profession:nth-child(3){transform:rotate(90deg) translate(-115px,-450px)}.home .profession-box .profession:nth-child(4){transform:rotate(180deg) translate(-220px,-325px)}.home .profession-box .circle{position:fixed;width:670px;height:670px;z-index:-1}.home .profession-container .overlay{position:fixed;top:70rem;left:50%;right:0;transform:rotate(90deg) translate(-50%,50%) scaleY(3);border-width:23.9rem}.about{flex-direction:column-reverse;text-align:center}.about-content h2{text-align:center}.about-img img{width:70vw;margin-top:-2rem}.testimonial-container .testimonial-wrapper{padding:5rem 0}.testimonial-content .testimonial-slide{padding:3rem 2rem}.testimonial-box .swiper-button-next,.testimonial-box .swiper-button-prev{display:none}}@media (max-width: 580px){.portfolio .portfolio-container{grid-template-columns:1fr}}@media (max-width: 450px){html{font-size:50%}#darkMode-icon{right:6rem}.home .profession-box .profession:nth-child(1){transform:rotate(-90deg) translate(-110px,-220px)}.home .profession-box .profession:nth-child(2){transform:rotate(0) translate(5px,-325px)}.home .profession-box .profession:nth-child(3){transform:rotate(90deg) translate(-105px,-440px)}.home .profession-box .profession:nth-child(4){transform:rotate(180deg) translate(-210px,-325px)}.home .profession-container .overlay{top:80rem}.contact form .input-box input{width:100%}.footer{flex-direction:column-reverse}.footer p{text-align:center;margin-top:2rem}}@media (max-width: 365px){.about-img img{width:90vw}}@media (max-width: 315px){.home-content h1{font-size:5.5rem}}img{border-radius:20px}.status-message{padding:1rem;margin:1rem 0;border-radius:8px;text-align:center;font-weight:600}.status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.btn:disabled{opacity:.6;cursor:not-allowed}.status-message.info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}section{margin-bottom:0!important;padding-bottom:2rem!important}.home{padding-bottom:3rem!important}.about,.services{padding-top:5rem!important;padding-bottom:3rem!important}.contact{padding-top:5rem!important}.about-img,.services-container,.contact form{margin-bottom:2rem!important}.heading{margin-bottom:3rem!important}.about-content h3,.home-content h3{margin-bottom:1.5rem!important}.about-content p,.home-content p{margin-bottom:1rem!important}.btn{margin-top:2rem!important}.social-media{margin:2rem 0!important}section{position:relative;overflow:hidden}.home{background:linear-gradient(135deg,var(--bg-color) 0%,var(--second-bg-color) 100%)}.home-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.05}.background-shapes{position:relative;width:100%;height:100%}.bg-shape{position:absolute;background:var(--main-color);border-radius:50%;animation:floatShape 8s ease-in-out infinite}.bg-shape-1{width:300px;height:300px;top:10%;left:5%;animation-delay:0s}.bg-shape-2{width:200px;height:200px;top:70%;right:10%;animation-delay:2s}.bg-shape-3{width:150px;height:150px;bottom:20%;left:70%;animation-delay:4s}.content-text{max-width:600px;animation:slideInLeft 1s ease-out}.greeting{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;animation:fadeInUp 1s ease-out .2s both}.greeting-text{font-size:2.4rem;color:var(--main-color);font-weight:500;position:relative}.greeting-decoration{width:60px;height:3px;background:linear-gradient(90deg,var(--main-color),transparent);border-radius:2px}.home-content h1{font-size:7rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;animation:fadeInUp 1s ease-out .4s both}.name-part{display:block;background:linear-gradient(135deg,var(--text-color),var(--main-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.name-part:first-child{animation:slideInLeft 1s ease-out .6s both}.name-part:last-child{animation:slideInRight 1s ease-out .8s both}.role-container{position:relative;margin-bottom:2rem;animation:fadeInUp 1s ease-out 1s both}.role-text{font-size:3.2rem;color:var(--text-color);font-weight:600;margin-bottom:1rem}.role-underline{width:200px;height:4px;background:linear-gradient(90deg,var(--main-color),rgba(117,78,249,.3));border-radius:2px;animation:expandWidth 1.5s ease-out 1.2s both}.description{margin-bottom:4rem;animation:fadeInUp 1s ease-out 1.4s both}.main-desc{font-size:2rem;line-height:1.6;margin-bottom:1.5rem;color:var(--text-color);font-weight:500}.sub-desc{font-size:1.6rem;line-height:1.8;color:rgba(var(--text-color-rgb),.8);opacity:.9}.home-stats{display:flex;gap:3rem;margin-bottom:3rem;animation:fadeInUp 1s ease-out 1.6s both}.stat-box{text-align:center;padding:2rem 1.5rem;background:#754ef91a;border-radius:1.5rem;border:2px solid transparent;transition:all .3s ease;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-box:hover{border-color:var(--main-color);transform:translateY(-10px);box-shadow:0 1.5rem 3rem #754ef94d}.stat-number{display:block;font-size:2.8rem;font-weight:700;color:var(--main-color);margin-bottom:.5rem}.stat-label{font-size:1.4rem;color:var(--text-color);font-weight:500}.social-media{display:flex;gap:2rem;margin-bottom:4rem;animation:fadeInUp 1s ease-out 1.8s both}.social-media a{display:inline-flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:#754ef91a;border:2px solid var(--main-color);border-radius:50%;font-size:2.5rem;color:var(--main-color);text-decoration:none;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-media a:hover{background:var(--main-color);color:var(--bg-color);transform:translateY(-5px) scale(1.1);box-shadow:0 1rem 2rem #754ef966}.cta-buttons{display:flex;gap:2rem;animation:fadeInUp 1s ease-out 2s both}.btn-primary{background:linear-gradient(135deg,var(--main-color),rgba(117,78,249,.8));color:#fff;padding:1.5rem 3rem;border-radius:5rem;font-weight:600;font-size:1.6rem;transition:all .3s ease;border:2px solid var(--main-color);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem #754ef966}.btn-secondary{background:transparent!important;color:var(--text-color)!important;padding:1.5rem 3rem;border:2px solid var(--main-color);border-radius:5rem;font-weight:600;font-size:1.6rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--main-color)!important;color:#fff!important;transform:translateY(-3px);box-shadow:0 1rem 2rem #754ef94d}.about{position:relative;display:grid;grid-template-columns:minmax(260px,420px) minmax(320px,1fr);grid-template-areas:"media content";align-items:center;gap:clamp(3rem,6vw,7rem);min-height:100vh;padding:clamp(4rem,10vh,12rem) clamp(2.5rem,7vw,8rem);background:var(--bg-color);overflow:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.about:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(117,78,249,.05) 0%,transparent 50%);pointer-events:none}.about-img{grid-area:media;position:relative;display:flex;justify-content:center;align-items:center;justify-self:center;max-width:420px;width:min(100%,380px)}.image-wrapper{position:relative;border-radius:2rem;overflow:hidden;max-width:400px;box-shadow:0 2rem 4rem #0003;transition:transform .3s ease}.image-wrapper:hover{transform:scale(1.05)}.image-wrapper img{width:100%;height:auto;display:block;border-radius:2rem}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#754ef9cc,#754ef999);opacity:0;transition:opacity .3s ease;display:flex;justify-content:center;align-items:center;border-radius:2rem}.image-wrapper:hover .image-overlay{opacity:1}.overlay-content i{font-size:6rem;color:#fff;animation:pulse 2s ease-in-out infinite}.about-content{grid-area:content;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2.5rem;max-width:min(62rem,100%);width:min(100%,62rem);justify-self:stretch}.about .heading{font-size:clamp(3.6rem,4vw,4.6rem);text-align:left}.about-content h3{font-size:clamp(1.9rem,2.4vw,2.2rem);line-height:1.5}.about-content p{font-size:clamp(1.5rem,1.8vw,1.7rem);line-height:1.7}.content-header{margin-bottom:3rem}.content-header h2{position:relative;margin-bottom:1rem}.content-header h2:after{content:"";position:absolute;bottom:-10px;left:0;width:120px;height:4px;background:linear-gradient(90deg,var(--main-color),rgba(117,78,249,.3));border-radius:2px}.section-subtitle{font-size:1.8rem;color:var(--main-color);font-weight:500;opacity:.8}.intro-card{background:var(--second-bg-color);padding:3rem;border-radius:2rem;margin-bottom:3rem;border-left:5px solid var(--main-color);position:relative;overflow:hidden}.intro-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(117,78,249,.05),transparent);transition:left .8s ease}.intro-card:hover:before{left:100%}.intro-card h3{font-size:2.2rem;margin:0;color:var(--text-color);font-weight:600;line-height:1.5;position:relative;z-index:2}.about-details,.about-gallery{margin-bottom:4rem}.about-gallery .gallery-container{overflow:hidden;margin-bottom:2rem}.about-gallery .gallery-track{display:flex;gap:3rem;transition:transform .3s ease;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0}.about-gallery .gallery-track::-webkit-scrollbar{display:none}.about-gallery .gallery-track .detail-item{flex:0 0 500px;scroll-snap-align:center;margin-bottom:0}@media (min-width: 1400px){.about-gallery .gallery-track .detail-item{flex:0 0 600px}}.about-gallery .gallery-indicators{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.detail-item{display:flex;gap:2rem;margin-bottom:2.5rem;padding:2rem;background:#754ef90d;border-radius:1.5rem;transition:all .3s ease;border:2px solid transparent}.detail-item:hover{border-color:var(--main-color);transform:translate(10px);box-shadow:0 1rem 2rem #754ef926}.detail-icon{flex-shrink:0;width:6rem;height:6rem;background:var(--main-color);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.detail-item:hover .detail-icon{transform:scale(1.1) rotateY(180deg)}.detail-icon i{font-size:3rem;color:#fff}.detail-content h4{font-size:2rem;color:var(--text-color);margin-bottom:1rem;font-weight:600}.detail-content p{font-size:1.6rem;line-height:1.7;color:var(--text-color);opacity:.9;margin:0}.cta-container{display:flex;align-items:center;gap:3rem;flex-wrap:wrap}.btn-about{background:linear-gradient(135deg,var(--main-color),rgba(117,78,249,.8));color:#fff;padding:1.5rem 3rem;border-radius:3rem;font-weight:600;font-size:1.6rem;transition:all .3s ease;border:2px solid var(--main-color);position:relative;overflow:hidden}.btn-about:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-about:hover:before{left:100%}.btn-about:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem #754ef966}.quick-facts{display:flex;gap:1.5rem;flex-wrap:wrap}.fact-item{background:var(--second-bg-color);padding:.8rem 1.5rem;border-radius:2rem;font-size:1.4rem;font-weight:500;color:var(--text-color);border:2px solid transparent;transition:all .3s ease}.fact-item:hover{border-color:var(--main-color);transform:translateY(-3px);box-shadow:0 .5rem 1rem #754ef933}.services{background:linear-gradient(135deg,var(--second-bg-color) 0%,var(--bg-color) 100%);position:relative}.services:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(117,78,249,.05) 0%,transparent 50%);pointer-events:none}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:4rem;position:relative;z-index:2}.services-box{background:var(--bg-color);padding:4rem 3rem;border-radius:2rem;text-align:center;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:0 1rem 2rem #0000001a}.services-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(117,78,249,.05),transparent);transition:left .6s ease}.services-box:hover:before{left:100%}.services-box:hover{border-color:var(--main-color);transform:translateY(-15px);box-shadow:0 2rem 4rem #754ef933}.services-box i{font-size:6rem;color:var(--main-color);margin-bottom:2rem;transition:all .3s ease}.services-box:hover i{transform:scale(1.2) rotateY(360deg)}.services-box h3{font-size:2.6rem;margin-bottom:2rem;color:var(--text-color);font-weight:600}.services-box p{font-size:1.6rem;line-height:1.7;margin-bottom:2rem;color:var(--text-color);opacity:.9}.project-tech{margin:2rem 0;padding:1rem 2rem;background:#754ef91a;border-radius:1rem;border-left:4px solid var(--main-color)}.project-tech strong{color:var(--main-color);font-weight:600}.services-box .btn{margin-top:2rem;padding:1.2rem 2.5rem;background:var(--main-color);color:#fff;border-radius:3rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.services-box .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.services-box .btn:hover:before{left:100%}.services-box .btn:hover{background:#754ef9e6;transform:translateY(-3px);box-shadow:0 .5rem 1.5rem #754ef94d}.contact{background:linear-gradient(135deg,var(--bg-color) 0%,var(--second-bg-color) 100%);position:relative}.contact:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 100%,rgba(117,78,249,.08) 0%,transparent 70%);pointer-events:none}.section-divider{height:2px;background:linear-gradient(90deg,transparent,var(--main-color),transparent);margin:0;opacity:.3}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes expandWidth{0%{width:0}to{width:200px}}@media (max-width: 1200px){.about{grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:clamp(3rem,5vw,5.5rem);padding:clamp(4rem,9vh,10rem) clamp(2rem,6vw,6rem)}.detail-item{flex-direction:column;text-align:center}.about-gallery .gallery-track .detail-item{flex:0 0 350px}.about-gallery .gallery-track{gap:2.5rem}.detail-icon{align-self:center}}@media (max-width: 991px){.home-content h1{font-size:5rem}.role-text{font-size:2.4rem}.main-desc{font-size:1.8rem}.home-stats,.cta-buttons{justify-content:center;flex-wrap:wrap}.services-container{grid-template-columns:1fr;gap:3rem}.about{grid-template-columns:1fr;grid-template-areas:"content" "media";text-align:center;gap:clamp(3rem,8vw,5rem);padding:clamp(4rem,12vh,10rem) clamp(2rem,8vw,4rem)}.about-img{justify-self:center;width:min(70vw,360px)}.content-header h2:after{left:50%;transform:translate(-50%)}.about .heading{text-align:center}.about-content{align-items:center;justify-self:center;text-align:center}.cta-container{justify-content:center}}@media (max-width: 768px){.home-content h1{font-size:4rem}.intro-card{padding:2.5rem 2rem;margin:0 auto;max-width:calc(100vw - 6rem)}.role-text{font-size:2rem}.main-desc{font-size:1.6rem}.sub-desc{font-size:1.4rem}.home-stats{flex-direction:column;align-items:center;gap:2rem}.stat-box{width:100%;max-width:200px}.social-media{justify-content:center}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:250px;text-align:center}}@media (max-width: 450px){.home-content h1{font-size:3.2rem}.intro-card{padding:2rem 1.5rem;margin:0 auto;max-width:calc(100vw - 4rem)}.greeting-text{font-size:2rem}.role-text{font-size:1.8rem}.home-stats{gap:1.5rem}.social-media a{width:4rem;height:4rem;font-size:2rem}}.section-header{text-align:center;margin-bottom:6rem;position:relative}.section-header h2{font-size:4.5rem;margin-bottom:1.5rem;position:relative}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--main-color),rgba(117,78,249,.3));border-radius:2px}.section-description{font-size:1.8rem;color:var(--text-color);opacity:.8;max-width:500px;margin:0 auto;line-height:1.6}.projects-section{background:linear-gradient(135deg,var(--bg-color) 0%,var(--second-bg-color) 100%);position:relative}.projects-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(117,78,249,.05) 0%,transparent 50%);pointer-events:none}.projects-gallery{position:relative;z-index:2;max-width:1400px;margin:0 auto}.gallery-container{overflow:hidden;margin-bottom:2rem}.gallery-track{display:flex;gap:4rem;transition:transform .3s ease;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0}.gallery-track::-webkit-scrollbar{display:none}.gallery-track .project-card{flex:0 0 700px;scroll-snap-align:center;margin:0;padding:3.5rem!important}@media (min-width: 1400px){.gallery-track .project-card{flex:0 0 800px;padding:4rem!important}}.gallery-indicators{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.gallery-dot{width:1.2rem;height:1.2rem;border-radius:50%;background:#754ef94d;cursor:pointer;transition:all .3s ease}.gallery-dot.active{background:var(--main-color);transform:scale(1.3)}.gallery-dot:hover{background:var(--main-color);transform:scale(1.1)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:4rem;position:relative;z-index:2;max-width:1400px;margin:0 auto}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}}.project-card{background:var(--bg-color);border-radius:2.5rem;padding:3.5rem;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:0 1rem 3rem #0000001a}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(117,78,249,.05),transparent);transition:left .6s ease}.project-card:hover:before{left:100%}.project-card:hover{border-color:var(--main-color);transform:translateY(-15px);box-shadow:0 2rem 5rem #754ef933}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;position:relative;z-index:2}.project-icon{width:7rem;height:7rem;background:linear-gradient(135deg,var(--main-color),rgba(117,78,249,.8));border-radius:2rem;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.project-card:hover .project-icon{transform:rotateY(360deg) scale(1.1)}.project-icon i{font-size:3.5rem;color:#fff}.project-number{font-size:1.6rem;font-weight:700;color:var(--main-color);background:#754ef91a;padding:.8rem 1.5rem;border-radius:1.5rem;border:2px solid var(--main-color)}.card-content{position:relative;z-index:2;margin-bottom:3rem}.project-title{font-size:2.4rem;color:var(--text-color);margin-bottom:1.5rem;font-weight:700;line-height:1.3}.project-description{font-size:1.6rem;line-height:1.7;color:var(--text-color);opacity:.9;margin-bottom:2.5rem}.project-tech{margin-bottom:2rem}.tech-label{font-size:1.4rem;font-weight:600;color:var(--main-color);display:block;margin-bottom:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:1rem}.tech-tag{background:#754ef91a;color:var(--main-color);padding:.6rem 1.2rem;border-radius:2rem;font-size:1.3rem;font-weight:500;border:1px solid rgba(117,78,249,.2);transition:all .3s ease}.tech-tag:hover{background:var(--main-color);color:#fff;transform:translateY(-2px)}.card-footer{position:relative;z-index:2}.project-buttons{display:flex;flex-direction:column;gap:1.5rem}.secondary-buttons{display:flex;gap:1rem;flex-wrap:wrap}.project-btn{display:inline-flex;align-items:center;gap:1rem;color:#fff!important;padding:1.2rem 2rem;border-radius:2.5rem;font-weight:600;font-size:1.4rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid transparent;justify-content:center;min-width:140px}.primary-btn{background:linear-gradient(135deg,var(--main-color),rgba(117,78,249,.8))}.github-btn{background:#333;border-color:#444}.github-btn:hover{background:#24292e;border-color:#555}.project-btn.live-demo-btn{background:transparent;border-color:var(--main-color);color:var(--text-color)!important}.project-btn.live-demo-btn span,.project-btn.live-demo-btn i{color:var(--text-color)!important}.project-btn.live-demo-btn:hover{background:var(--main-color)!important;color:#fff!important}.project-btn.live-demo-btn:hover span,.project-btn.live-demo-btn:hover i{color:#fff!important}.project-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.project-btn:hover:before{left:100%}.project-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.primary-btn:hover{box-shadow:0 8px 25px #754ef966}.project-btn span{color:#fff!important}.project-btn i{font-size:2rem;color:#fff!important;transition:transform .3s ease}.project-btn:hover i{transform:translate(5px);color:#fff!important}.card-glow{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80%;height:4px;background:linear-gradient(90deg,transparent,var(--main-color),transparent);border-radius:2px;opacity:0;transition:opacity .3s ease}.project-card:hover .card-glow{opacity:1}.goals-section{background:linear-gradient(135deg,var(--second-bg-color) 0%,var(--bg-color) 100%);position:relative}.goals-gallery{position:relative;z-index:2;max-width:1400px;margin:0 auto}.goals-gallery .gallery-container{overflow:hidden;margin-bottom:2rem}.goals-gallery .gallery-track{display:flex;gap:4rem;transition:transform .3s ease;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0}.goals-gallery .gallery-track::-webkit-scrollbar{display:none}.goals-gallery .gallery-track .goal-card{flex:0 0 450px;scroll-snap-align:center;margin:0;padding:2.5rem!important}.goals-gallery .gallery-indicators{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.goals-section:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(117,78,249,.05) 0%,transparent 50%);pointer-events:none}.goals-timeline{position:relative;max-width:900px;margin:0 auto 6rem;z-index:2}.goal-item{display:flex;gap:3rem;margin-bottom:4rem;opacity:0;transform:translateY(50px);animation:slideInUp .8s ease-out var(--delay) forwards}.timeline-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:2rem;height:2rem;background:var(--main-color);border-radius:50%;border:4px solid var(--bg-color);box-shadow:0 0 0 4px var(--main-color);position:relative;z-index:3;transition:all .3s ease}.goal-item:hover .timeline-dot{transform:scale(1.3);box-shadow:0 0 0 8px #754ef94d}.timeline-line{width:3px;height:8rem;background:linear-gradient(180deg,var(--main-color),rgba(117,78,249,.3));margin-top:1rem;border-radius:2px}.goal-card{flex:1;background:var(--bg-color);border-radius:2rem;padding:3rem;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:0 1rem 2rem #0000001a}.goal-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(117,78,249,.05),transparent);transition:left .6s ease}.goal-card:hover:before{left:100%}.goal-item:hover .goal-card{border-color:var(--main-color);transform:translate(10px);box-shadow:0 2rem 4rem #754ef933}.goal-header{display:flex;gap:2rem;align-items:center;margin-bottom:2rem;position:relative;z-index:2}.goal-icon{width:6rem;height:6rem;background:linear-gradient(135deg,var(--main-color),rgba(117,78,249,.8));border-radius:1.5rem;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.goal-item:hover .goal-icon{transform:rotateY(180deg) scale(1.1)}.goal-icon i{font-size:3rem;color:#fff}.goal-meta{display:flex;flex-direction:column;gap:.5rem}.goal-number{font-size:1.4rem;font-weight:600;color:var(--main-color);text-transform:uppercase;letter-spacing:1px}.goal-timeline{font-size:1.3rem;color:var(--text-color);opacity:.7;background:var(--second-bg-color);padding:.4rem 1rem;border-radius:1rem;width:fit-content}.goal-content{position:relative;z-index:2;margin-bottom:2rem}.goal-title{font-size:2.2rem;color:var(--text-color);margin-bottom:1.5rem;font-weight:700;line-height:1.3}.goal-description{font-size:1.6rem;line-height:1.7;color:var(--text-color);opacity:.9}.goal-progress{position:relative;z-index:2}.progress-bar{width:100%;height:8px;background:#754ef91a;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--main-color),rgba(117,78,249,.7));width:var(--progress);border-radius:4px;transition:width 1s ease-out .5s;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}.progress-text{font-size:1.4rem;font-weight:600;color:var(--main-color);text-transform:uppercase;letter-spacing:1px}.goals-summary{display:flex;justify-content:center;position:relative;z-index:2;margin-top:8rem}.summary-card{background:linear-gradient(135deg,var(--main-color),rgba(117,78,249,.8));color:#fff;padding:4rem;border-radius:2rem;text-align:center;max-width:600px;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 15s linear infinite}.summary-card>*{position:relative;z-index:2}.summary-card h4{font-size:2.4rem;margin-bottom:1.5rem;font-weight:700}.summary-card p{font-size:1.6rem;line-height:1.7;opacity:.9}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 991px){.projects-grid{grid-template-columns:1fr;gap:3rem}.gallery-track .project-card{flex:0 0 400px}.gallery-track{gap:3rem}.project-description,.project-tech{display:none}.card-content{margin-bottom:1.5rem}.goals-gallery .gallery-track .goal-card{flex:0 0 400px}.goals-gallery .gallery-track{gap:3rem}.goal-item{flex-direction:column;gap:2rem}.timeline-connector{flex-direction:row;width:100%;justify-content:center}.timeline-line{width:8rem;height:3px;margin-top:0;margin-left:1rem}}@media (max-width: 768px){.section-header h2{font-size:3.5rem}.section-description{font-size:1.6rem}.projects-grid{grid-template-columns:1fr;gap:2.5rem}.gallery-track .project-card{flex:0 0 350px}.gallery-track{gap:2.5rem}.goals-gallery .gallery-track .goal-card{flex:0 0 350px}.goals-gallery .gallery-track{gap:2.5rem}.project-card,.goal-card{padding:2.5rem}.project-title,.goal-title{font-size:2rem}.summary-card{padding:3rem 2rem}.timeline-connector{display:none}.goal-item{margin-bottom:2.5rem}.project-buttons{gap:1.3rem}.secondary-buttons{justify-content:center}.project-btn{padding:1.1rem 2rem;font-size:1.3rem}}@media (max-width: 450px){.section-header h2{font-size:3rem}.projects-grid{grid-template-columns:1fr}.gallery-track .project-card{flex:0 0 300px}.gallery-track{gap:2rem}.goals-gallery .gallery-track .goal-card{flex:0 0 300px}.goals-gallery .gallery-track{gap:2rem}.project-card,.goal-card{padding:2rem}.card-header{flex-direction:column;gap:1.5rem;text-align:center}.tech-tags{justify-content:center}.goal-header{flex-direction:column;text-align:center;gap:1.5rem}.project-buttons{gap:1.2rem}.secondary-buttons{justify-content:center;gap:.8rem}.project-btn{padding:1rem 1.8rem;font-size:1.3rem;min-width:120px}}@media (max-width: 768px){.header{padding:1.5rem 4%}.logo{font-size:2.2rem}#darkMode-icon{position:absolute;right:6rem;font-size:2.8rem;padding:.5rem;border-radius:.5rem;transition:all .3s ease}#darkMode-icon:active{transform:scale(.95)}#menu-icon{display:block;font-size:3.2rem;padding:.5rem;border-radius:.5rem;transition:all .3s ease}#menu-icon:active{transform:scale(.95)}.navbar{position:absolute;top:100%;left:0;width:100%;padding:2rem 4%;background:var(--bg-color);border-top:.1rem solid rgba(117,78,249,.2);box-shadow:0 1rem 2rem #0000001a;display:none;z-index:1000}.navbar.active{display:block;animation:slideDown .3s ease-out}.navbar a{display:block;font-size:2rem;margin:2rem 0;padding:1.2rem 2rem;color:var(--text-color)!important;border-radius:1rem;transition:all .3s ease;text-align:center;background:#754ef90d}.navbar a:hover,.navbar a.active{color:#fff!important;background:var(--main-color);transform:translateY(-2px);box-shadow:0 .5rem 1rem #754ef94d}.navbar a:before{display:none}.home{padding:8rem 4% 4rem;flex-direction:column;text-align:center;min-height:auto;position:relative;overflow:hidden}.home-content{order:1;max-width:100%;position:relative;z-index:10}.home-blog-container{order:2}.content-text{max-width:100%}.home-content h1{font-size:3.5rem!important;line-height:1.2;margin-bottom:2rem}.role-text{font-size:2rem!important}.main-desc{font-size:1.6rem!important;text-align:center}.sub-desc{font-size:1.4rem!important;text-align:center}.home-stats{flex-direction:column!important;gap:2rem!important;align-items:center}.stat-box{width:100%!important;max-width:280px;padding:2.5rem 2rem}.social-media{justify-content:center!important;gap:2rem!important;margin:3rem 0!important}.social-media a{width:5.5rem!important;height:5.5rem!important;font-size:2.8rem!important}.cta-buttons{flex-direction:column!important;align-items:center;gap:2rem!important}.btn-primary,.btn-secondary{width:100%!important;max-width:280px;padding:1.8rem 3rem!important;font-size:1.8rem!important;text-align:center}.profession-container,.home-img{display:none!important}.home-background{opacity:.3}.bg-shape{transform:scale(.5)}.greeting{margin-bottom:2rem!important}.greeting-text{font-size:1.8rem!important}.role-container{margin-bottom:2rem!important}.description{margin-bottom:4rem!important}.description p{margin-bottom:2rem!important}@keyframes mobileGreeting{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.greeting{animation:mobileGreeting .8s ease-out}.home-content h1 .name-part:first-child{animation:mobileGreeting 1s ease-out .2s both}.home-content h1 .name-part:last-child{animation:mobileGreeting 1s ease-out .4s both}.role-text{animation:mobileGreeting 1s ease-out .6s both}.about{padding:6rem 4% 4rem!important;flex-direction:column!important;text-align:center;gap:4rem!important}.about-img{display:none!important}.about-content{flex:none!important}.content-header h2:after{left:50%!important;transform:translate(-50%)!important}.intro-card{padding:2rem 1.5rem;text-align:center;margin:0 auto;max-width:calc(100vw - 4rem)}.intro-card h3{font-size:2rem!important;text-align:center}.detail-item{flex-direction:column;text-align:center;padding:2.5rem 2rem}.detail-item:hover{transform:translateY(-5px)!important}.about-gallery .gallery-track .detail-item{flex:0 0 300px!important}.about-gallery .gallery-track{gap:2rem!important}.detail-icon{align-self:center;margin-bottom:1.5rem}.cta-container{flex-direction:column!important;align-items:center;gap:2.5rem!important}.btn-about{width:100%;max-width:280px;padding:1.8rem 3rem!important;font-size:1.8rem!important}.quick-facts{justify-content:center;flex-wrap:wrap}.projects-section{padding:6rem 4% 4rem!important}.projects-grid{grid-template-columns:1fr!important;gap:3rem!important}.gallery-track .project-card{flex:0 0 320px!important}.gallery-track{gap:2rem!important}.goals-gallery .gallery-track .goal-card{flex:0 0 320px!important}.goals-gallery .gallery-track{gap:2rem!important}.project-card{padding:3rem 2.5rem!important}.project-description,.project-tech{display:none!important}.card-content{margin-bottom:1.5rem!important}.card-header{flex-direction:column!important;gap:2rem;text-align:center}.project-icon{width:8rem!important;height:8rem!important;align-self:center}.project-icon i{font-size:4rem!important}.project-number{font-size:1.8rem!important;padding:1rem 2rem;align-self:center}.project-title{font-size:2.2rem!important;text-align:center}.project-description{font-size:1.6rem!important;text-align:center}.tech-tags{justify-content:center;flex-wrap:wrap}.tech-tag{font-size:1.4rem!important;padding:.8rem 1.5rem}.project-btn{width:100%;justify-content:center;padding:1.8rem 3rem!important;font-size:1.8rem!important}.goals-section{padding:6rem 4% 4rem!important}.goals-timeline{max-width:100%}.goal-item{flex-direction:column!important;gap:2rem!important;margin-bottom:3rem}.timeline-connector{display:none!important}.goal-card{padding:2.5rem!important;margin:0}.goal-header{flex-direction:column!important;text-align:center;gap:2rem!important}.goal-icon{align-self:center;width:7rem!important;height:7rem!important}.goal-icon i{font-size:3.5rem!important}.goal-meta{align-items:center}.goal-title{font-size:2rem!important;text-align:center}.goal-description{font-size:1.6rem!important;text-align:center}.goals-summary{margin-top:4rem}.summary-card{padding:3rem 2.5rem!important;margin:0 2rem}.contact{padding:6rem 4% 4rem!important}.contact form{max-width:100%}.contact form .input-box{flex-direction:column}.contact form .input-box input{width:100%!important;margin-bottom:1.5rem}.contact form input,.contact form textarea{font-size:1.6rem!important;padding:1.8rem!important}.contact form .btn{width:100%;padding:1.8rem 3rem!important;font-size:1.8rem!important}.footer{padding:3rem 4%!important;flex-direction:column;gap:2rem;text-align:center}.footer-text p{font-size:1.6rem!important}.footer-iconTop a{padding:1.2rem!important}.footer-iconTop a i{font-size:2.8rem!important}.loading-screen{padding:2rem}.loading-logo h1{font-size:3.5rem!important}.loading-text p{font-size:1.6rem!important}.about-me-hero{padding:7rem 4% 4rem!important;min-height:auto!important;background:linear-gradient(135deg,var(--bg-color) 0%,var(--second-bg-color) 100%)!important;position:relative!important}.about-me-hero:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:radial-gradient(circle at 30% 40%,rgba(117,78,249,.08) 0%,transparent 50%)!important;pointer-events:none!important}.hero-content{grid-template-columns:1fr!important;gap:2rem!important;text-align:center;position:relative!important;z-index:2!important}.hero-image{display:none!important}.hero-text{order:1;max-width:100%;position:relative!important;z-index:2!important}.hero-text h1{font-size:3.5rem!important;margin-bottom:1.5rem!important;font-weight:800!important;line-height:1.2!important}.hero-text h2{font-size:2.4rem!important;margin-bottom:1.2rem!important;font-weight:600!important}.hero-subtitle{font-size:1.8rem!important;margin-bottom:2.5rem!important;line-height:1.4!important;opacity:.9!important}.hero-stats{flex-direction:row!important;justify-content:space-between;gap:1.2rem!important;margin-bottom:2.5rem!important}.stat-item{flex:1;max-width:none!important;padding:2rem 1.2rem!important;background:linear-gradient(135deg,#754ef91a,#754ef90d)!important;border-radius:1.5rem!important;border:1px solid rgba(117,78,249,.2)!important;transition:all .3s ease!important}.stat-item:hover{transform:translateY(-3px)!important;box-shadow:0 1rem 2rem #754ef926!important}.stat-number{font-size:3.5rem!important;display:block;margin-bottom:.8rem!important;font-weight:700!important;color:var(--main-color)!important}.stat-label{font-size:1.4rem!important;font-weight:500!important;opacity:.9!important}.about-me-content{padding:2rem 4% 3rem!important}.content-grid{grid-template-columns:1fr!important;gap:2rem!important;margin-bottom:2rem!important}.story-section,.philosophy-section{padding:1.5rem!important}.story-section h3,.philosophy-section h3{font-size:2.2rem!important;margin-bottom:1.2rem!important}.story-content p,.philosophy-card p{font-size:1.7rem!important;margin-bottom:1.2rem!important;line-height:1.6!important}.philosophy-card blockquote{font-size:1.6rem!important;padding:1.2rem!important;margin-bottom:1.2rem!important;line-height:1.5!important}.skills-section{margin:2rem 0!important}.skills-section h3{font-size:2.4rem!important;margin-bottom:1.8rem!important}.skills-grid{grid-template-columns:1fr 1fr!important;gap:1.2rem!important}.skill-category{padding:1.5rem!important;background:var(--second-bg-color);border-radius:1rem}.skill-category h4{font-size:1.8rem!important;margin-bottom:1rem!important}.skill-category ul li{font-size:1.5rem!important;padding:.4rem 0}.education-section{margin:2rem 0!important}.timeline{padding-left:2rem}.timeline-item{margin-bottom:2rem!important;padding-left:1.5rem;padding:1.8rem!important}.timeline-date{font-size:1.5rem!important;margin-bottom:.5rem;padding:.8rem!important}.timeline-content h4{font-size:1.9rem!important;margin-bottom:.8rem}.timeline-content p{font-size:1.6rem!important;line-height:1.5!important}.interests-section{margin:2rem 0!important}.interests-grid{grid-template-columns:1fr 1fr!important;gap:1rem!important}.interest-item{padding:1.5rem!important;text-align:center}.interest-item i{font-size:3rem!important;margin-bottom:1rem}.interest-item h4{font-size:1.7rem!important;margin-bottom:.8rem}.interest-item p{font-size:1.5rem!important;line-height:1.5!important}.contact-cta{margin:2rem 0!important;padding:.8rem!important;text-align:center}.contact-cta h3{font-size:2.2rem!important;margin-bottom:1rem!important}.contact-cta p{font-size:1.6rem!important;margin-bottom:1.8rem!important;line-height:1.5!important}.social-links{gap:1.5rem!important}.social-links a{width:4.5rem!important;height:4.5rem!important;font-size:2.2rem!important}.project-detail{padding:8rem 4% 4rem!important}.project-content{grid-template-columns:1fr!important;gap:3rem}.project-images{order:-1;position:static!important;margin-bottom:2rem}.mobile-image-gallery{position:relative;width:100%;background:var(--second-bg-color);border-radius:1.5rem;padding:1rem;border:1px solid rgba(117,78,249,.1);display:block}.gallery-container{position:relative;overflow:hidden;border-radius:1rem}.gallery-track{display:flex;transition:transform .3s ease;gap:1rem}.gallery-image{flex:0 0 100%;position:relative}.gallery-image img{width:100%;height:250px;object-fit:cover;border-radius:1rem}.gallery-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:0 .5rem}.gallery-btn{background:var(--main-color);color:#fff;border:none;width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all .3s ease;z-index:10}.gallery-btn:hover{background:#754ef9cc;transform:scale(1.1)}.gallery-btn:active{transform:scale(.95)}.gallery-btn:disabled{background:#754ef94d;cursor:not-allowed;transform:none}.gallery-indicators{display:flex;gap:.5rem;align-items:center}.gallery-dot{width:1rem;height:1rem;border-radius:50%;background:#754ef94d;cursor:pointer;transition:all .3s ease}.gallery-dot.active{background:var(--main-color);transform:scale(1.2)}.gallery-info{font-size:1.3rem;color:var(--text-color);opacity:.7;font-weight:500}.gallery-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:1rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.gallery-scroll::-webkit-scrollbar{display:none}.gallery-scroll .gallery-image{flex:0 0 90%;scroll-snap-align:center}.main-image,.additional-images{display:none!important}.project-description h2{font-size:2.8rem!important}.project-description h3{font-size:2.2rem!important}.tech-grid{grid-template-columns:1fr!important}.project-links{flex-direction:column;align-items:center;gap:1.5rem}.project-links .btn{width:100%;max-width:250px;text-align:center}}@media (max-width: 480px){.header{padding:1.5rem 3%}#darkMode-icon{right:5rem}.home{padding:6rem 3% 3rem}.home-content h1{font-size:3rem!important}.role-text{font-size:1.8rem!important}.main-desc{font-size:1.5rem!important}.sub-desc{font-size:1.3rem!important}.greeting-text{font-size:1.6rem!important}.stat-box{max-width:240px!important;padding:2rem 1.5rem!important}.social-media a{width:5rem!important;height:5rem!important;font-size:2.5rem!important}.btn-primary,.btn-secondary{max-width:240px!important;padding:1.6rem 2.5rem!important;font-size:1.6rem!important}.about{padding:5rem 3% 3rem!important}.image-wrapper{max-width:240px!important}.intro-card{padding:1.5rem 1rem;margin:0 auto;max-width:calc(100vw - 3rem)}.intro-card h3{font-size:1.8rem!important}.detail-item{padding:2rem}.projects-section,.goals-section{padding:5rem 3% 3rem!important}.project-card,.goal-card{padding:2.5rem 2rem!important}.section-header h2{font-size:3rem!important}.section-description{font-size:1.6rem!important}.summary-card{margin:0 1rem;padding:2.5rem 2rem!important}.navbar{padding:1.5rem 3%}.navbar a{font-size:1.8rem!important;margin:1.5rem 0;padding:1rem 1.5rem}.about-me-hero{padding:5rem 3% 2rem!important}.hero-text h1{font-size:2.8rem!important}.hero-text h2{font-size:1.8rem!important}.hero-subtitle{font-size:1.4rem!important}.hero-stats{flex-direction:column!important;gap:1rem!important}.stat-item{padding:1rem!important}.stat-number{font-size:3rem!important}.stat-label{font-size:1.1rem!important}.skills-grid,.interests-grid{grid-template-columns:1fr!important;gap:1rem!important}.skill-category,.interest-item{padding:1.2rem!important}}@media (hover: none) and (pointer: coarse){.navbar a{min-height:44px;display:flex;align-items:center;justify-content:center}.social-media a{min-width:44px!important;min-height:44px!important}.btn,.project-btn,.btn-about,.btn-primary,.btn-secondary{min-height:44px;display:flex;align-items:center;justify-content:center}.project-card:hover,.goal-card:hover,.detail-item:hover{transform:none!important}.project-card:active,.goal-card:active{transform:scale(.98)}.btn:active,.project-btn:active,.navbar a:active{transform:scale(.95)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInScale{0%{opacity:0;transform:translateY(3rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #ff6b6bb3}70%{box-shadow:0 0 0 .8rem #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.home-blog-container{position:absolute;right:0;width:40%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;z-index:1;opacity:0;animation:fadeInUp .6s ease .8s forwards}@media (min-width: 992px){.home-blog-container{margin-top:6rem}}.home-blog-header{text-align:center;margin-bottom:1rem}.home-blog-header h3{font-size:2.2rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.home-blog-header p{font-size:1.6rem;color:var(--text-color);opacity:.8}.home-blog-grid{display:flex;flex-direction:column;gap:1.2rem;width:100%;max-width:50rem;margin-bottom:1.5rem}.home-blog-card{background:var(--second-bg-color);border-radius:1.2rem;padding:2.5rem 2rem;cursor:pointer;transition:all .3s ease;position:relative;border:1px solid transparent;box-shadow:0 .3rem .8rem var(--shadow-color);opacity:0;transform:translateY(3rem) scale(.95);animation:slideInScale .8s ease forwards;width:100%}.home-blog-card:nth-child(1){animation-delay:1.2s}.home-blog-card:nth-child(2){animation-delay:1.4s}.home-blog-card:nth-child(3){animation-delay:1.6s}.home-blog-card:hover{transform:translateY(-.5rem) scale(1.02);border-color:var(--main-color);box-shadow:0 1rem 2rem var(--shadow-color)}.blog-card-content{position:relative;z-index:2}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.2rem}.blog-date{color:var(--text-color);opacity:.7}.blog-read-time{color:var(--main-color);font-weight:500}.home-blog-card h4{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:.8rem;line-height:1.3}.home-blog-card p{font-size:1.2rem;color:var(--text-color);opacity:.8;line-height:1.5;margin-bottom:1.2rem}.blog-card-tags{display:flex;gap:.8rem;flex-wrap:wrap}.blog-mini-tag{background:var(--main-color);color:var(--bg-color);padding:.3rem .8rem;border-radius:1rem;font-size:1rem;font-weight:500}.featured-indicator{position:absolute;top:.2rem;right:.3rem;color:var(--main-color);font-size:1.8rem;z-index:3;opacity:0;animation:bounceIn .5s ease 2s forwards}.home-blog-cta{text-align:center}.btn-view-all-blogs{background:transparent;border:2px solid var(--main-color);color:var(--main-color);padding:1rem 2rem;border-radius:1rem;font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(2rem);animation:fadeInUp .6s ease 1.8s forwards}.btn-view-all-blogs:hover{background:var(--main-color);color:var(--bg-color);transform:translateY(-.3rem)}.blog{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;background:var(--second-bg-color);padding-bottom:6rem}.blog .heading{position:relative;font-size:5rem;margin-bottom:3rem;text-align:center}.blog span{color:var(--main-color)}.blog-content{width:100%;max-width:120rem;padding:0 2rem}.featured-post{margin-bottom:4rem}.featured-post h3{font-size:2.4rem;margin-bottom:2rem;color:var(--text-color);text-align:center}.post-card{background:var(--bg-color);border-radius:2rem;box-shadow:0 1rem 2rem var(--shadow-color);padding:3rem;transition:transform .5s ease,box-shadow .5s ease}.post-card:hover{transform:translateY(-1rem);box-shadow:0 2rem 4rem var(--shadow-color)}.post-card.featured{border:2px solid var(--main-color);background:linear-gradient(135deg,var(--bg-color) 0%,var(--second-bg-color) 100%)}.post-content{display:flex;flex-direction:column;gap:1.5rem}.post-meta{display:flex;gap:1rem;align-items:center;font-size:1.4rem;color:var(--main-color);font-weight:500}.post-meta .date{color:var(--text-color);opacity:.8}.post-meta .read-time{color:var(--main-color)}.post-card h4{font-size:2.2rem;font-weight:600;color:var(--text-color);line-height:1.3}.post-card p{font-size:1.6rem;color:var(--text-color);opacity:.8;line-height:1.6}.post-tags{display:flex;flex-wrap:wrap;gap:1rem}.tag{background:var(--main-color);color:var(--bg-color);padding:.5rem 1rem;border-radius:2rem;font-size:1.2rem;font-weight:500}.btn-read-more{background:transparent;border:2px solid var(--main-color);color:var(--main-color);font-size:1.6rem;font-weight:500;padding:1rem 2rem;border-radius:1rem;cursor:pointer;transition:all .3s ease;align-self:flex-start}.btn-read-more:hover{background:var(--main-color);color:var(--bg-color);transform:translateY(-.3rem)}.recent-posts h3{font-size:2.4rem;margin-bottom:2rem;color:var(--text-color);text-align:center}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));gap:3rem}.blog-cta{text-align:center;margin-top:4rem}.blog-cta .btn{display:inline-flex;justify-content:center;align-items:center;width:20rem;height:100%;background:var(--main-color);border:2px solid var(--main-color);border-radius:1rem;font-size:1.6rem;color:var(--bg-color);font-weight:600;letter-spacing:.1rem;text-decoration:none;transition:.5s ease;padding:1.2rem 2rem;cursor:pointer}.blog-cta .btn:hover{background:transparent;color:var(--main-color);transform:translateY(-.3rem)}.blog-page{min-height:100vh;padding-top:8rem;background:var(--bg-color);display:flex;flex-direction:column;align-items:center}.blog-hero{background:var(--second-bg-color);padding:1rem 2rem;text-align:center;color:var(--text-color);border-bottom:2px solid var(--main-color)}.blog-hero-content h1{font-size:2.2rem;margin-bottom:.3rem;font-weight:700}.blog-hero-content span{color:var(--main-color)}.blog-hero-content p{font-size:1.2rem;opacity:.9;max-width:50rem;margin:0 auto}.blog-intro{display:flex;justify-content:center;align-items:center;gap:4rem;margin-bottom:4rem;padding:2rem 0 3rem;border-bottom:2px solid var(--second-bg-color);text-align:center;opacity:0;transform:translateY(3rem);animation:fadeInUp .8s ease .2s forwards}.blog-title-section{flex:1;position:relative;max-width:50rem}.blog-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--main-color);color:var(--bg-color);padding:.5rem 1rem;border-radius:2rem;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.blog-intro h1{font-size:3rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;line-height:1.2}.blog-intro p{font-size:1.5rem;color:var(--text-color);opacity:.8;max-width:45rem;line-height:1.6}.blog-stats{display:flex;gap:1.5rem;align-items:center}.stat-item{text-align:center;padding:1.5rem 1.8rem;background:var(--second-bg-color);border-radius:1rem;box-shadow:0 .5rem 1rem var(--shadow-color);transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-item:hover{border-color:var(--main-color);transform:translateY(-.2rem);box-shadow:0 .8rem 2rem var(--shadow-color)}.stat-item .stat-number{font-size:2.5rem;font-weight:800;color:var(--main-color);line-height:1}.stat-label{display:block;font-size:1.2rem;color:var(--text-color);font-weight:600;margin-top:.5rem;opacity:.8}.blog-content{padding:3rem 2rem 2rem;max-width:140rem;margin:0 auto}.container{max-width:120rem;margin:0 auto}.blog-filters{margin-bottom:3rem;text-align:center;padding:0 2rem;opacity:0;transform:translateY(2rem);animation:fadeInUp .6s ease .8s forwards}.blog-filters h3{font-size:2rem;margin-bottom:1.5rem;color:var(--text-color)}.filter-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;opacity:0;transform:translateY(1.5rem);animation:fadeInUp .6s ease 1s forwards}.filter-tag{background:transparent;border:2px solid var(--main-color);color:var(--main-color);padding:.8rem 1.6rem;border-radius:2rem;font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-tag:hover,.filter-tag.active{background:var(--main-color);color:var(--bg-color)}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(40rem,1fr));gap:3rem;justify-content:center;max-width:120rem;margin:0 auto;opacity:0;transform:translateY(3rem);animation:fadeInUp .8s ease 1.2s forwards}.blog-post-card{background:var(--bg-color);border-radius:2rem;box-shadow:0 1rem 2rem var(--shadow-color);padding:3rem;transition:all .5s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(2rem) scale(.95);animation:slideInScale .6s ease forwards;cursor:pointer;border:2px solid transparent}.blog-post-card:nth-child(1){animation-delay:1.4s}.blog-post-card:nth-child(2){animation-delay:1.6s}.blog-post-card:nth-child(3){animation-delay:1.8s}.blog-post-card:nth-child(4){animation-delay:2s}.blog-post-card:nth-child(5){animation-delay:2.2s}.blog-post-card:nth-child(6){animation-delay:2.4s}.blog-post-card:hover{transform:translateY(-1.5rem) scale(1.02);box-shadow:0 2.5rem 5rem var(--shadow-color);border:2px solid var(--main-color)}.blog-post-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(117,78,249,.1),transparent);transition:left .5s ease}.blog-post-card:hover:before{left:100%}.blog-post-card:hover .post-header .post-meta{color:var(--main-color)}.blog-post-card:hover h3{color:var(--main-color);transform:translateY(-.2rem)}.blog-post-card:hover .featured-badge{transform:scale(1.1)}.blog-post-card .post-header .post-meta{transition:color .3s ease}.blog-post-card h3{transition:all .3s ease}.blog-post-card .featured-badge{transition:transform .3s ease}.blog-post-card:hover .tag{background:var(--main-color);transform:translateY(-.2rem)}.blog-post-card .tag{transition:all .3s ease}.blog-post-card:hover p{color:var(--text-color)}.blog-post-card p{transition:color .3s ease}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.featured-badge{background:linear-gradient(135deg,var(--main-color),#9b6bff);color:var(--bg-color);padding:.5rem 1rem;border-radius:1rem;font-size:1.2rem;font-weight:600}.new-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:var(--bg-color);padding:.3rem .8rem;border-radius:1rem;font-size:1rem;font-weight:600;margin-left:.5rem;animation:pulse 2s infinite}.blog-post-card h3{font-size:2.2rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;line-height:1.3}.no-posts{text-align:center;padding:4rem;color:var(--text-color);opacity:0;transform:translateY(2rem);animation:fadeInUp .6s ease 1.4s forwards}.no-posts p{font-size:1.8rem}.blog-post-page{min-height:100vh;padding-top:8rem;background:var(--bg-color)}.blog-post-not-found{text-align:center;padding:6rem 2rem;min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.blog-post-not-found h2{font-size:3rem;color:var(--text-color)}.blog-post-not-found p{font-size:1.6rem;color:var(--text-color);opacity:.8}.blog-post-header{padding:1rem 2rem 0;max-width:80rem;margin:0 auto}.breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:1.4rem;margin-bottom:1rem}.breadcrumb-link{color:var(--main-color);text-decoration:none;background:none;border:none;cursor:pointer;font-size:1.4rem}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:var(--text-color);opacity:.6}.breadcrumb-current{color:var(--text-color);opacity:.8}.blog-post-content{max-width:80rem;margin:0 auto;padding:0 2rem 6rem}.post-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--second-bg-color)}.post-header .post-meta{display:flex;justify-content:center;gap:1rem;align-items:center;font-size:1.4rem;margin-top:1.5rem;opacity:.8}.post-header .separator{color:var(--text-color);opacity:.6}.featured-indicator{color:var(--main-color);font-weight:600}.post-header h1{font-size:4rem;font-weight:700;color:var(--text-color);line-height:1.2;margin-bottom:2rem}.post-header .post-tags{justify-content:center}.post-body{font-size:1.6rem;line-height:1.8;color:var(--text-color)}.post-body h1{font-size:3rem;margin:3rem 0 2rem;color:var(--text-color)}.post-body h2{font-size:2.4rem;margin:2.5rem 0 1.5rem;color:var(--text-color)}.post-body h3{font-size:2rem;margin:2rem 0 1rem;color:var(--text-color)}.post-body p{margin-bottom:1.5rem;color:var(--text-color);opacity:.9}.post-body li{margin:.5rem 0;color:var(--text-color);opacity:.9;list-style-position:inside}.post-footer{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--main-color)}.post-navigation{display:flex;justify-content:center;align-items:center;gap:2rem}.btn-secondary{background:transparent!important;border:2px solid var(--text-color)!important;color:var(--text-color)!important}.btn-secondary:hover{background:var(--text-color)!important;color:var(--bg-color)!important}@media (max-width: 1200px){.home-blog-container{width:55%}.home-blog-header h3{font-size:2.4rem}.home-blog-card h4{font-size:1.6rem}.home-blog-card p{font-size:1.3rem}}@media (max-width: 991px){.home-blog-container{position:static;width:100%;margin-top:4rem;padding:2rem}.home-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:2rem;max-width:none}.blog-intro{flex-direction:column;gap:2.5rem;align-items:center;text-align:center;padding:1.5rem 0 2.5rem}.blog-stats{gap:1rem;justify-content:center}.blog-intro h1{font-size:2.5rem}.posts-grid,.blog-posts-grid{grid-template-columns:1fr}.blog .heading{font-size:4rem}.blog-hero-content h1,.post-header h1{font-size:3rem}}@media (max-width: 768px){.home-blog-grid{grid-template-columns:1fr;gap:1.5rem}.home-blog-header h3{font-size:2rem}.home-blog-card{padding:1.5rem}.home-blog-card h4{font-size:1.5rem}.home-blog-card p{font-size:1.2rem}.blog-content{padding:2rem 1rem}.blog-intro{gap:1.5rem;padding:1rem 0 2rem;margin-bottom:3rem}.blog-intro h1{font-size:2.2rem}.blog-filters{padding:0 1rem;margin-bottom:2rem}.blog-stats{gap:.8rem;flex-direction:row;width:100%;justify-content:center;max-width:300px}.stat-item{padding:1.2rem 1rem;flex:1}.stat-item .stat-number{font-size:2rem}.blog-content,.blog-post-content{padding:0 1rem}.post-card,.blog-post-card{padding:2rem}.blog .heading{font-size:3.5rem}.blog-hero-content h1,.post-header h1{font-size:2.5rem}.filter-tags{justify-content:flex-start}.post-navigation{flex-direction:column;gap:1rem}.breadcrumbs{flex-wrap:wrap}}@media (max-width: 450px){.blog .heading{font-size:3rem}.blog-hero-content h1,.post-header h1{font-size:2.2rem}.post-card h4,.blog-post-card h3{font-size:1.8rem}}