.header{animation:slideDown .8s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293be6;border-bottom:1px solid #0f766e33;box-shadow:0 2px 15px #0000001a;left:0;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header.scrolled{animation:headerGlow .6s ease-out;background:#fffffffa;border-bottom:1px solid #0f766e26;box-shadow:0 8px 32px #0000001f;transform:translateY(0)}@keyframes headerGlow{0%{box-shadow:0 2px 15px #0000001a}50%{box-shadow:0 8px 32px #0f766e33}to{box-shadow:0 8px 32px #0000001f}}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;overflow:hidden;padding:.8rem 2rem;position:relative}.header-content:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#0f766e0d,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes shimmer{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}.logo img{animation:logoFloat 3s ease-in-out infinite;border-radius:8px;filter:brightness(0) invert(1);height:42px;transition:all .4s cubic-bezier(.4,0,.2,1);width:auto}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(1deg)}}.header.scrolled .logo img{animation:logoSpin .6s ease-out;filter:none;height:38px}@keyframes logoSpin{0%{transform:rotate(-5deg) scale(1.1)}to{transform:rotate(0deg) scale(1)}}.nav ul{animation:navFadeIn 1s ease-out .3s both;display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}@keyframes navFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav button{background:none;border:none;border-radius:8px;color:#fffffff2;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.02em;overflow:hidden;padding:.6rem .7rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.nav button:hover:before{left:100%}.header.scrolled .nav button{color:#475569}.nav button:hover{background:#0f766e26;box-shadow:0 4px 12px #0f766e4d;color:#fff;transform:translateY(-2px) scale(1.05)}.header.scrolled .nav button:hover{background:#0f766e1a;box-shadow:0 4px 12px #0f766e33;color:#0f766e}.nav button:after{background:linear-gradient(135deg,#0f766e,#f59e0b);border-radius:1px;bottom:2px;box-shadow:0 0 8px #0f766e99;content:"";height:2px;left:0;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);width:0}.nav button:hover:after{animation:glow 1.5s ease-in-out infinite alternate;height:3px;width:100%}@keyframes glow{0%{box-shadow:0 0 8px #0f766e99}to{box-shadow:0 0 16px #0f766ecc}}.menu-toggle{background:none;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:none;overflow:hidden;padding:.6rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.menu-toggle:before{background:radial-gradient(circle,#0f766e4d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:0}.menu-toggle:hover:before{height:100px;width:100px}.header.scrolled .menu-toggle{color:#64748b}.menu-toggle:hover{background:#0f766e26;box-shadow:0 4px 12px #0f766e4d;transform:scale(1.1) rotate(5deg)}@media (max-width:768px){.header-content{justify-content:space-between;padding:.6rem 1rem}.logo img{height:36px}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bfa;border-top:1px solid #0f766e4d;box-shadow:0 -5px 25px #0003;left:0;opacity:0;position:fixed;right:0;top:100%;transform:translateY(-100%);transition:all .5s cubic-bezier(.4,0,.2,1);visibility:hidden}.header.scrolled .nav{background:#fffffffa;border-top:1px solid #0f766e33}.nav.nav-open{animation:mobileMenuSlide .6s ease-out;opacity:1;transform:translateY(0);visibility:visible}@keyframes mobileMenuSlide{0%{opacity:0;transform:translateY(-100%) scale(.95)}50%{transform:translateY(-50%) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.nav ul{flex-direction:column;gap:0;padding:2rem 1.5rem}.nav button{animation:mobileNavItemSlide .6s ease-out both;border-radius:12px;color:#fffffff2;font-size:1.1rem;margin-bottom:.5rem;overflow:hidden;padding:1.2rem 1rem;position:relative;text-align:left;width:100%}.nav button:first-child{animation-delay:.1s}.nav button:nth-child(2){animation-delay:.2s}.nav button:nth-child(3){animation-delay:.3s}.nav button:nth-child(4){animation-delay:.4s}.nav button:nth-child(5){animation-delay:.5s}@keyframes mobileNavItemSlide{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.header.scrolled .nav button{color:#475569}.nav button:hover{background:#0f766e33;box-shadow:0 4px 15px #0f766e4d;color:#fff;transform:translateX(5px) scale(1.02)}.header.scrolled .nav button:hover{background:#0f766e1a;color:#0f766e}.menu-toggle{display:block}}@media (max-width:480px){.header-content{padding:.5rem .8rem}.logo img{height:32px}.nav ul{padding:1.5rem 1rem}.nav button{font-size:1rem;padding:1rem .8rem}}.nav button.active{animation:pulse 2s infinite}.logo:hover img{filter:drop-shadow(0 0 10px rgba(15,118,110,.5));transform:rotate(1turn) scale(1.1)}.header *,.header :after,.header :before{transition:all .3s cubic-bezier(.4,0,.2,1)}.header:after{background:linear-gradient(90deg,#0000,#0f766e,#f59e0b,#0000);bottom:0;content:"";height:1px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.header:hover:after{opacity:1}body{font-size:18px}.hero{align-items:center;background:linear-gradient(135deg,#0f766e,#f59e0b);color:#fff;display:flex;font-size:1.1rem;min-height:100vh;overflow:hidden;position:relative}.hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.gradient-orb{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-radius:50%;box-shadow:0 0 40px #fff3;position:absolute}.orb-1{animation-delay:0s;animation:float 8s ease-in-out infinite,pulse 4s ease-in-out infinite;height:400px;right:-200px;top:-200px;width:400px}.orb-2{animation-delay:2s;animation:float 6s ease-in-out infinite reverse,pulse 3s ease-in-out 1s infinite;bottom:-150px;height:300px;left:-150px;width:300px}.orb-3{animation-delay:4s;animation:float 10s ease-in-out infinite,rotate 20s linear infinite;height:200px;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}.hero .container{position:relative;width:100%;z-index:10}.hero-content{grid-gap:4rem;align-items:center;animation:heroContentSlide 1.2s ease-out;display:grid;gap:4rem;grid-template-columns:1fr 1fr}@keyframes heroContentSlide{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hero-text h1{animation:textReveal 1s ease-out .5s both;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}@keyframes textReveal{0%{filter:blur(10px);opacity:0;transform:translateY(30px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.greeting{animation:fadeInLeft .8s ease-out .3s both;display:block;font-size:.6em;font-weight:400;margin-bottom:.5rem;opacity:.9}.name{-webkit-text-fill-color:#0000;animation:nameGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;display:block;margin-top:1rem;position:relative}@keyframes nameGlow{0%{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}to{filter:drop-shadow(0 0 20px rgba(255,255,255,.6))}}.tagline{animation:fadeInUp .8s ease-out .7s both;font-size:1.5rem;font-weight:500;margin-bottom:1.5rem;opacity:.95}.description{animation:fadeInUp .8s ease-out .9s both;font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;opacity:.9}.hero-location{align-items:center;animation:fadeInRight .8s ease-out 1.1s both;color:#e0e7ff;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem}.hero-buttons{animation:fadeInUp .8s ease-out 1.3s both;display:flex;flex-wrap:wrap;gap:1rem}.hero-buttons .btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;color:#fff;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-buttons .btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.hero-buttons .btn:hover:before{left:100%}.hero-buttons .btn:hover{background:#ffffff4d;box-shadow:0 10px 30px #0003;transform:translateY(-3px) scale(1.05)}.hero-visual{align-items:center;animation:profileFloat 3s ease-in-out infinite;display:flex;justify-content:center}@keyframes profileFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;box-shadow:0 20px 40px #0000001a;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-card:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.profile-card:hover:before{transform:translateX(100%)}.profile-card:hover{box-shadow:0 30px 60px #0003;transform:scale(1.05) rotateY(5deg)}.profile-image{align-items:center;animation:profilePulse 2s ease-in-out infinite;background:#ffffff1a;border:3px solid #ffffff4d;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 2rem;position:relative;width:120px}@keyframes profilePulse{0%,to{box-shadow:0 0 0 0 #fff6}50%{box-shadow:0 0 0 20px #fff0}}.profile-image a{color:#fff;font-size:3rem;transition:all .3s ease}.profile-image a:hover{color:#e0e7ff;transform:scale(1.2) rotate(10deg)}.social-logs{display:flex;gap:2rem;justify-content:center;margin:2rem 0 1.5rem}.log-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#e0e7ff;display:flex;flex-direction:column;font-size:1.1rem;overflow:hidden;padding:1rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.log-link:before{background:radial-gradient(circle at center,#fff3 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.log-link:hover:before{opacity:1}.log-link:hover{background:#fff3;box-shadow:0 15px 35px #0003;color:#fff;transform:translateY(-8px) scale(1.1)}.log-label{font-size:1rem;font-weight:600;letter-spacing:.02em;margin-top:.5rem}@media (max-width:768px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-visual{order:-1}.profile-card{padding:2rem}.social-logs{gap:1.5rem}.log-link{font-size:1rem;padding:.8rem}.log-label{font-size:.9rem}.hero-buttons{justify-content:center}}@media (max-width:480px){.hero{padding:2rem 0}.hero-content{gap:2rem}.profile-card{padding:1.5rem}.social-logs{flex-wrap:wrap;gap:1rem}.log-link{font-size:.9rem;padding:.6rem}.hero-buttons{align-items:center;flex-direction:column}.hero-buttons .btn{width:200px}}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1.2fr}.about-image{align-items:center;display:flex;justify-content:center;position:relative}.about-image img{border-radius:50%;height:auto;max-width:300px;transition:transform .3s ease;width:100%}.about-image:hover img{transform:scale(1.05)}.image-decoration{animation:rotate 10s linear infinite;background:linear-gradient(45deg,#0f766e,#f59e0b,#dc2626,#ea580c);border:3px solid #0000;border-radius:50%;height:320px;position:absolute;width:320px;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-text p{font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem}.about-location{color:#0f766e;font-size:1.1rem;margin-bottom:.5rem}.about-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.stat-item{background:linear-gradient(135deg,#0f766e,#f59e0b);border-radius:15px;color:#fff;padding:1.5rem;text-align:center;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-size:2.8rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-label{font-size:1.05rem;font-weight:500;opacity:.9}.about-visual{position:relative}.tech-stack{display:flex;flex-direction:column;gap:1.5rem}.tech-category{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:1.5rem;transition:all .3s ease}.tech-category:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.tech-category h4{color:#1e293b;font-size:1.1rem;margin-bottom:1rem}.tech-items{display:flex;flex-wrap:wrap;gap:.5rem}.tech-items span{background:linear-gradient(135deg,#0f766e,#f59e0b);border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;padding:.5rem 1rem}@media (max-width:768px){.about-content{gap:2rem;grid-template-columns:1fr;text-align:center}.about-image{order:-1}.about-image img{max-width:250px}.image-decoration{height:270px;width:270px}.about-stats{gap:1rem;grid-template-columns:1fr}.stat-item{padding:1rem}.stat-number{font-size:2rem}.tech-category{padding:1rem}.about-text p{font-size:1rem}.stat-label{font-size:.95rem}}.projects-grid{grid-gap:2.5rem;animation:projectsGridFadeIn .8s ease-out;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:3rem}@keyframes projectsGridFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.project-card{animation:projectCardSlideUp .6s ease-out both;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #ffffff80;border-radius:24px;box-shadow:0 20px 40px #00000014,0 8px 16px #0000000a,inset 0 1px 0 #fffc;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}@keyframes projectCardSlideUp{0%{opacity:0;transform:translateY(50px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:before{background:linear-gradient(45deg,#0000,#0f766e08,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-100%) translateY(-100%);transition:transform .6s ease}.project-card:hover:before{transform:translateX(100%) translateY(100%)}.project-card:hover{border-color:#0f766e33;box-shadow:0 35px 70px #0f766e26,0 20px 40px #0000001a,inset 0 1px 0 #ffffffe6;transform:translateY(-15px) scale(1.03) rotateY(5deg)}.project-image{background:linear-gradient(45deg,#0f766e,#f59e0b);border-radius:20px 20px 0 0;height:250px;overflow:hidden;position:relative;width:100%}.project-image:before{background:linear-gradient(45deg,#0f766e1a,#f59e0b1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:2}.project-card:hover .project-image:before{opacity:1}.project-image img{filter:brightness(1) saturate(1);height:100%;object-fit:cover;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.project-card:hover .project-image img{filter:brightness(1.1) saturate(1.2);transform:scale(1.1) rotate(2deg)}.project-overlay{background:#0f766ef2;bottom:0;gap:1rem;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:3}.project-overlay,.project-overlay a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center}.project-overlay a{background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;font-size:2rem;height:60px;transition:all .3s ease;width:60px}.project-overlay a:hover{background:#ffffff4d;box-shadow:0 10px 30px #0000004d;transform:scale(1.2) rotate(15deg)}.project-card:hover .project-overlay{opacity:1}.project-content{padding:2rem;position:relative;z-index:1}.project-content:before{animation:contentLinePulse 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#0f766e4d,#0000);content:"";height:1px;left:1rem;position:absolute;right:1rem;top:0}@keyframes contentLinePulse{0%,to{opacity:.3;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}}.project-content h3{-webkit-text-fill-color:#0000;animation:titleSlideIn .6s ease-out .3s both;background:linear-gradient(135deg,#1a202c,#4a5568);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-left:50%;position:relative;transform:translateX(-50%)}@keyframes titleSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.project-content h3:after{background:linear-gradient(135deg,#0f766e,#f59e0b);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .4s ease;width:0}.project-card:hover .project-content h3:after{width:100%}.project-content p{animation:descriptionFadeIn .6s ease-out .5s both;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}@keyframes descriptionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-tech{animation:techStackSlideIn .6s ease-out .7s both;display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}@keyframes techStackSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tech-tag{background:linear-gradient(135deg,#0f766e,#f59e0b);border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;overflow:hidden;padding:.4rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-tag:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tech-tag:hover:before{left:100%}.tech-tag:hover{box-shadow:0 8px 20px #0f766e66;transform:translateY(-2px) scale(1.05)}.project-links{animation:linksSlideIn .6s ease-out .9s both;display:flex;gap:1rem}@keyframes linksSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.project-link{align-items:center;background:#0f766e0d;border:2px solid #0f766e33;border-radius:50%;color:#0f766e;display:inline-flex;font-weight:600;height:45px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:45px}.project-link:before{background:linear-gradient(90deg,#0000,#0f766e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.project-link:hover:before{left:100%}.project-link:hover{background:linear-gradient(135deg,#0f766e,#f59e0b);border-color:#0000;box-shadow:0 10px 25px #0f766e66;color:#fff;transform:translateY(-3px) scale(1.1) rotate(5deg)}@media (max-width:768px){.projects-grid{gap:2rem;grid-template-columns:1fr}.project-card{border-radius:20px}.project-image{border-radius:16px 16px 0 0;height:200px}.project-content{padding:1.5rem}.project-content h3{font-size:1.3rem}.project-tech{gap:.6rem}.tech-tag{font-size:.8rem;padding:.3rem .8rem}.project-links{gap:.8rem;justify-content:center}.project-link{height:42px;width:42px}}@media (max-width:480px){.projects-grid{gap:1.5rem}.project-card{border-radius:16px}.project-image{border-radius:12px 12px 0 0;height:180px}.project-content{padding:1rem}.project-content h3{font-size:1.2rem}.project-content p{font-size:.9rem}.tech-tag{font-size:.75rem;padding:.2rem .6rem}}.experience-timeline{margin:0 auto;max-width:800px;position:relative}.timeline-item{display:flex;margin-bottom:3rem;position:relative}.timeline-marker{align-items:center;display:flex;flex-direction:column;margin-right:2rem;position:relative}.marker-dot{background:linear-gradient(135deg,#0f766e,#f59e0b);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #e2e8f0;height:20px;width:20px;z-index:2}.marker-line{background:linear-gradient(180deg,#0f766e 0,#f59e0b);height:100px;margin-top:1rem;opacity:.3;width:2px}.timeline-content{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 10px 30px #0000001a;flex:1 1;padding:2rem;transition:all .3s ease}.timeline-content:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.experience-header{margin-bottom:1.5rem}.experience-header h3{color:#1e293b;font-size:1.3rem;margin-bottom:.5rem}.company-info h4{color:#0f766e;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.responsibilities{list-style:none;padding:0}.responsibilities li{color:#64748b;line-height:1.6;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.responsibilities li:before{background:linear-gradient(135deg,#0f766e,#f59e0b);border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.7rem;width:6px}@media (max-width:768px){.timeline-item{flex-direction:column;margin-bottom:2rem}.timeline-marker{flex-direction:row;justify-content:flex-start;margin-bottom:1rem;margin-right:0}.marker-line{display:none}.timeline-content{padding:1.5rem}.meta-info{flex-direction:column;gap:.5rem}.experience-header h3{font-size:1.1rem}}.society-content{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2rem;transition:all .3s ease}.society-content:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.society-header{margin-bottom:1.5rem}.society-header h3{color:#1e293b;font-size:1.3rem;margin-bottom:.5rem}.meta-info{display:flex;flex-wrap:wrap;gap:1.5rem}.meta-item{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:.5rem}.meta-item svg{color:#94a3b8}.journey-list,.work-list{list-style:none;padding:0}.journey-list li,.work-list li{color:#64748b;line-height:1.6;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.journey-list li:before,.work-list li:before{background:linear-gradient(135deg,#0f766e,#f59e0b);border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.7rem;width:6px}h4{color:#0f766e;font-size:1.1rem;font-weight:600;margin:1.5rem 0 1rem}p{color:#64748b;margin-top:1.5rem}a{color:#0f766e;text-decoration:none}a:hover{text-decoration:underline}@media (max-width:768px){.society-content{padding:1.5rem}.meta-info{flex-direction:column;gap:.5rem}.society-header h3{font-size:1.1rem}}.skills-grid{grid-gap:2.5rem;animation:gridFadeIn .8s ease-out;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:3rem}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skill-category{animation:cardSlideUp .6s ease-out both;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #ffffff80;border-radius:24px;box-shadow:0 20px 40px #00000014,0 8px 16px #0000000a,inset 0 1px 0 #fffc;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.skill-category:first-child{animation-delay:.1s}.skill-category:nth-child(2){animation-delay:.2s}.skill-category:nth-child(3){animation-delay:.3s}.skill-category:nth-child(4){animation-delay:.4s}.skill-category:before{animation:topBarGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#0f766e,#f59e0b 50%,#dc2626);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes topBarGlow{0%{box-shadow:0 0 5px #0f766e4d}to{box-shadow:0 0 15px #0f766e99}}.skill-category:after{animation:backgroundPulse 4s ease-in-out infinite;background:radial-gradient(circle,#0f766e08 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}@keyframes backgroundPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(180deg)}}.skill-category:hover{border-color:#0f766e33;box-shadow:0 30px 60px #0f766e26,0 15px 30px #0000001a,inset 0 1px 0 #ffffffe6;transform:translateY(-12px) scale(1.03) rotateX(5deg)}.skill-category:hover:after{opacity:1}.category-header{align-items:center;animation:headerSlideIn .6s ease-out .2s both;display:flex;gap:1.5rem;margin-bottom:2rem}@keyframes headerSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.category-icon{align-items:center;animation:iconBounce 1s ease-out .4s both;background:linear-gradient(135deg,#0f766e,#f59e0b);border-radius:20px;box-shadow:0 10px 20px #0f766e4d,inset 0 1px 0 #fff3;color:#fff;display:flex;height:70px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px}@keyframes iconBounce{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(-90deg)}to{transform:scale(1) rotate(0deg)}}.category-icon:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.category-icon:hover:before{left:100%}.category-icon:hover{animation:iconFloat 2s ease-in-out infinite;box-shadow:0 15px 30px #0f766e66,inset 0 1px 0 #ffffff4d;transform:scale(1.1) rotate(5deg)}@keyframes iconFloat{0%,to{transform:scale(1.1) translateY(0) rotate(5deg)}50%{transform:scale(1.1) translateY(-5px) rotate(5deg)}}.category-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#4a5568);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0;position:relative}.category-header h3:after{background:linear-gradient(135deg,#0f766e,#f59e0b);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .4s ease;width:0}.skill-category:hover .category-header h3:after{width:100%}.skills-list{grid-gap:1rem;animation:skillsListFadeIn .8s ease-out .6s both;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@keyframes skillsListFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skill-item{animation:skillItemSlide .5s ease-out both;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #0f766e1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes skillItemSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.skill-item:first-child{animation-delay:.1s}.skill-item:nth-child(2){animation-delay:.2s}.skill-item:nth-child(3){animation-delay:.3s}.skill-item:nth-child(4){animation-delay:.4s}.skill-item:nth-child(5){animation-delay:.5s}.skill-item:nth-child(6){animation-delay:.6s}.skill-item:nth-child(7){animation-delay:.7s}.skill-item:before{background:linear-gradient(90deg,#0000,#0f766e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.skill-item:hover:before{left:100%}.skill-item:hover{background:linear-gradient(135deg,#0f766e,#f59e0b);border-color:#fff3;box-shadow:0 10px 25px #0f766e4d,0 5px 10px #0000001a;color:#fff;transform:translateY(-4px) scale(1.05)}.skill-name{display:block;font-size:.95rem;font-weight:600;position:relative;transition:all .3s ease;z-index:2}.skill-item:hover .skill-name{text-shadow:0 2px 4px #0003}.skill-category:hover .category-icon{animation:iconFloat 2s ease-in-out infinite,particleEffect 3s linear infinite}@keyframes particleEffect{0%{box-shadow:0 15px 30px #0f766e66,inset 0 1px 0 #ffffff4d,0 0 0 0 #0f766e66}50%{box-shadow:0 15px 30px #0f766e66,inset 0 1px 0 #ffffff4d,0 0 0 10px #0f766e00}to{box-shadow:0 15px 30px #0f766e66,inset 0 1px 0 #ffffff4d,0 0 0 0 #0f766e00}}@media (max-width:768px){.skills-grid{gap:2rem;grid-template-columns:1fr}.skill-category{padding:2rem}.category-icon{height:60px;width:60px}.category-header{gap:1rem}.category-header h3{font-size:1.3rem}.skills-list{gap:.8rem;grid-template-columns:1fr}}@media (max-width:480px){.skill-category{border-radius:16px;padding:1.5rem}.category-icon{border-radius:12px;height:50px;width:50px}.category-header h3{font-size:1.2rem}.skill-item{border-radius:12px;padding:.8rem 1rem}.skill-name{font-size:.9rem}}.certifications-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.certification-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.certification-card:before{background:linear-gradient(135deg,#0f766e,#f59e0b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.certification-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.cert-icon{align-items:center;background:linear-gradient(135deg,#0f766e,#f59e0b);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.cert-content{flex:1 1}.cert-content h3{color:#1e293b;font-size:1.1rem;line-height:1.3;margin:0 0 .5rem}.cert-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.cert-provider{color:#0f766e;font-size:.9rem;font-weight:600}.cert-year{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:.9rem;padding:.2rem .6rem}.cert-type{color:#64748b;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.cert-badge{color:#fbbf24;position:absolute;right:1rem;top:1rem}@media (max-width:768px){.certifications-grid{gap:1rem;grid-template-columns:1fr}.certification-card{flex-direction:column;padding:1.25rem;text-align:center}.cert-icon{align-self:center}.cert-meta{justify-content:center}.cert-badge{align-self:center;margin-top:.5rem;position:static}}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-intro h3{color:#1e293b;font-size:1.5rem;margin-bottom:1rem}.contact-intro p{color:#64748b;line-height:1.6}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{gap:1rem}.contact-icon,.contact-item{align-items:center;display:flex}.contact-icon{background:linear-gradient(135deg,#0f766e,#f59e0b);border-radius:12px;color:#fff;height:50px;justify-content:center;width:50px}.contact-text h4{color:#1e293b;font-size:1rem;margin:0 0 .25rem}.contact-text a,.contact-text span{color:#64748b;text-decoration:none}.contact-text a:hover{color:#0f766e}.social-links{display:flex;gap:1rem}.social-links a{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:30px;color:#64748b;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-links a:hover{border-color:#0f766e;color:#0f766e;transform:translateY(-2px)}.contact-form-container{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2rem}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#1e293b;font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem;width:100%}@media (max-width:768px){.contact-content{gap:2rem;grid-template-columns:1fr}.contact-form-container{padding:1.5rem}.social-links{flex-direction:column}.social-links a{justify-content:center}}.footer{background:#1e293b;color:#fff;padding:3rem 0 1rem;position:relative}.footer:before{background:linear-gradient(135deg,#0f766e,#f59e0b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.footer-content{display:flex;flex-direction:column;gap:2rem}.footer-main{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:2fr 1fr}.footer-brand h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f766e,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:1rem}.footer-brand p{color:#94a3b8;line-height:1.6;margin:0}.footer-links{display:flex;gap:3rem}.footer-section h4{color:#fff;font-size:1.2rem;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section button{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.05rem;padding:0;transition:color .3s ease}.footer-section button:hover{color:#0f766e}.footer-social{display:flex;gap:1rem}.footer-social a{align-items:center;background:#ffffff1a;border-radius:50%;color:#94a3b8;display:flex;font-size:1.3rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.footer-social a:hover{background:linear-gradient(135deg,#0f766e,#f59e0b);color:#fff;transform:translateY(-2px)}.footer-bottom{align-items:center;border-top:1px solid #334155;display:flex;font-size:1.05rem;justify-content:space-between;padding-top:2rem;position:relative}.footer-copyright p,.footer-made-with p{color:#94a3b8;font-size:.9rem;margin:0}.footer-made-with,.footer-made-with p{align-items:center;display:flex;gap:.5rem}.heart{animation:heartbeat 1.5s ease-in-out infinite;color:#ef4444}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.scroll-to-top{background:linear-gradient(135deg,#0f766e,#f59e0b);border:none;border-radius:50%;box-shadow:0 4px 15px #0f766e4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:50px;position:absolute;right:0;top:-1rem;transition:all .3s ease;width:50px}.scroll-to-top:hover{box-shadow:0 8px 25px #0f766e66;transform:translateY(-3px)}@media (max-width:768px){.footer{padding:2rem 0 1rem}.footer-main{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-links{gap:2rem;justify-content:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.scroll-to-top{position:relative;right:auto;top:1rem}.footer-brand h3{font-size:1.3rem}.footer-section h4{font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg,#0f766e,#f59e0b);--secondary-gradient:linear-gradient(135deg,#dc2626,#ea580c);--accent-gradient:linear-gradient(135deg,#0891b2,#06b6d4);--text-primary:#1a202c;--text-secondary:#4a5568;--text-light:#718096;--bg-primary:#fff;--bg-secondary:#f7fafc;--bg-tertiary:#edf2f7;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#1a202c;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}body,html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.App{animation:fadeInUp .8s ease-out;min-height:100vh;position:relative}.container{margin:0 auto;max-width:1200px;padding:0 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.hover-lift:hover{box-shadow:0 20px 25px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.hover-scale{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.hover-scale:hover{transform:scale(1.05)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;margin-bottom:1rem}.btn{align-items:center;background:linear-gradient(135deg,#0f766e,#f59e0b);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn:hover:before{left:100%}.btn:hover{box-shadow:0 8px 25px #0f766e4d;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-outline{background:#0000;border:2px solid #fff;color:#fff}.btn-outline:hover{background:#fff;color:#1a202c;color:var(--text-primary)}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.section{overflow:hidden;padding:80px 0;position:relative}.section:before{background:radial-gradient(circle at 30% 20%,#0f766e0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.section-alt{background:#f7fafc;background:var(--bg-secondary)}.section h2{animation:fadeInUp .8s ease-out;display:inline-block;margin-bottom:3rem;margin-left:50%;position:relative;transform:translateX(-50%)}.section h2:after{animation:scaleIn .8s ease-out .3s both;background:linear-gradient(135deg,#0f766e,#f59e0b);background:var(--primary-gradient);border-radius:2px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:100%}.card{background:#fff;border:1px solid #0f766e1a;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(135deg,#0f766e,#f59e0b);background:var(--primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.card:hover:before{transform:scaleX(1)}.card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-8px) rotateX(5deg)}@media (max-width:768px){.container{padding:0 16px}.section{padding:60px 0}.grid{gap:1.5rem}.card{padding:1.5rem}.btn{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.container{padding:0 12px}.section{padding:40px 0}.grid{gap:1rem}.card{padding:1rem}}
/*# sourceMappingURL=main.f2f1d180.css.map*/