@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #020617;--second-bg-color: #0f172a;--text-color: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--main-color: #62cf9c;--accent-color: #1de155;--border-color: #1e293b;--gradient-primary: linear-gradient(135deg, #62cf9c, #1de155);--gradient-secondary: linear-gradient(135deg, #065f39, #62cf9c);--gradient-text: linear-gradient(120deg, #62cf9c, #1de155 55%, #065f39);--shadow-glow: 0 0 60px rgba(98, 207, 156, .3);--shadow-card: 0 20px 60px rgba(0, 0, 0, .4);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{position:relative;min-height:100vh;overflow-x:hidden}.background-effects{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bg-effect{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.bg-effect-1{top:10%;left:20%;width:500px;height:500px;background:#62cf9c40}.bg-effect-2{bottom:10%;right:20%;width:500px;height:500px;background:#1de15533;animation-delay:1s}.bg-effect-3{top:50%;left:50%;width:400px;height:400px;background:#065f3926;animation-delay:2s}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}section{min-height:100vh;position:relative;z-index:1}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#62cf9c,#1de155);border-radius:10px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1de155,#62cf9c)}::selection{background:#62cf9c4d;color:var(--text-color)}::-moz-selection{background:#62cf9c4d;color:var(--text-color)}.gradient-text{background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:1024px){html{font-size:15px}}@media(max-width:767px){html{font-size:14px}.bg-effect{filter:blur(80px)}.bg-effect-1,.bg-effect-2,.bg-effect-3{width:300px;height:300px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--main-color);outline-offset:2px}@media print{.background-effects,.scroll-to-top,.menu-icon{display:none!important}body{background:#fff;color:#000}section{page-break-inside:avoid}}.home{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:4rem;padding-top:10rem;min-height:100vh;position:relative;overflow:hidden}.home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(98,207,156,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,225,85,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.home-content,.home-img{position:relative;z-index:1}.home-content{text-align:center;max-width:700px;opacity:0;transform:translateY(30px)}.home-content.fade-in{animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.greeting{font-size:2rem;font-weight:600;margin-bottom:1rem;color:#cbd5e1;display:flex;align-items:center;justify-content:center;gap:.5rem}.wave{display:inline-block;animation:wave 2.5s ease-in-out infinite;font-size:2.2rem}@keyframes wave{0%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.name-title{font-size:clamp(3rem,8vw,4.5rem);font-weight:800;line-height:1.2;margin:1rem 0;background:linear-gradient(135deg,#62cf9c,#1de155,#0ea860);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite;background-size:200% 200%;filter:drop-shadow(0 0 30px rgba(98,207,156,.3));min-height:1.3em;display:flex;align-items:center;justify-content:center}.typing-cursor{display:inline-block;margin-left:4px;background:linear-gradient(135deg,#62cf9c,#1de155,#0ea860);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:opacity .1s}.typing-cursor.visible{opacity:1}.role-text{font-size:1.8rem;font-weight:600;margin-bottom:2rem;color:#e2e8f0}.gradient-text{background:linear-gradient(120deg,#62cf9c,#1de155 55%,#0ea860);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;display:inline-block;position:relative}.gradient-text:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#62cf9c,transparent);opacity:.6;border-radius:2px;animation:lineExpand .5s ease-out}@keyframes lineExpand{0%{width:0;left:50%}to{width:100%;left:0}}.animated-word{animation:wordFade .5s ease-in-out}@keyframes wordFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero-description{font-size:1.15rem;color:#94a3b8;line-height:1.8;margin:2rem 0}.highlight{color:#62cf9c;font-weight:600;position:relative;transition:all .3s ease}.highlight:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#62cf9c,transparent);opacity:.5}.social-media{display:flex;justify-content:center;gap:1rem;margin:2.5rem 0;flex-wrap:wrap;position:relative;z-index:10}.social-link{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;background:linear-gradient(135deg,#0f172acc,#1e293bb3);border:2px solid rgba(98,207,156,.3);border-radius:2rem;color:#62cf9c;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px);animation:slideUp .6s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;overflow:hidden;cursor:pointer;z-index:10}.social-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(98,207,156,.3),transparent 70%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;border-radius:50%;z-index:-1}.social-link:hover:before{width:200px;height:200px}.social-link:hover{background:linear-gradient(135deg,#62cf9c,#1de155);border-color:#1de155;transform:translateY(-6px) scale(1.05);box-shadow:0 15px 40px #62cf9c66}.social-icon{font-size:1.5rem;transition:transform .3s ease;position:relative;z-index:2;pointer-events:none}.social-link:hover .social-icon{transform:scale(1.2) rotate(8deg)}.social-label{font-size:.9rem;font-weight:600;color:#cbd5e1;transition:color .3s ease;position:relative;z-index:2;pointer-events:none}.social-link:hover .social-label{color:#020617}.btn-group{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;margin-top:2.5rem}.btn{position:relative;display:inline-flex;align-items:center;gap:.7rem;padding:1.15rem 2.5rem;border-radius:3rem;font-size:1rem;font-weight:700;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;text-decoration:none;overflow:hidden}.btn-text,.btn-arrow,.btn-icon{position:relative;z-index:2;pointer-events:none}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff40;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:hover:before{width:400px;height:400px}.btn-primary{background:linear-gradient(135deg,#62cf9c,#1de155);color:#020617;box-shadow:0 10px 30px #62cf9c59}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 20px 50px #62cf9c80}.btn-secondary{background:#94a3b81a;color:#f1f5f9;border:2px solid #62cf9c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#62cf9c33;border-color:#1de155;transform:translateY(-4px);box-shadow:0 15px 40px #62cf9c4d}.btn-arrow,.btn-icon{transition:transform .3s ease;font-size:1.3rem}.btn:hover .btn-arrow{transform:translate(6px)}.btn:hover .btn-icon{transform:scale(1.15) rotate(8deg)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#64748b;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-12px)}}.scroll-arrow{font-size:1.5rem}.home-img{position:relative;opacity:0;transform:scale(.85)}.home-img.fade-in-delayed{animation:zoomIn 1s ease-out .3s forwards}@keyframes zoomIn{to{opacity:1;transform:scale(1)}}.img-glow{position:absolute;inset:-60%;background:radial-gradient(circle,rgba(98,207,156,.6) 0%,rgba(29,225,85,.3) 30%,transparent 60%);filter:blur(100px);z-index:-1;animation:pulse 5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1);filter:blur(100px) hue-rotate(0deg)}50%{opacity:.9;transform:scale(1.2);filter:blur(120px) hue-rotate(15deg)}}.avatar-container{position:relative;width:600px;height:650px;display:flex;align-items:center;justify-content:center}.avatar-frame{position:relative;width:100%;height:100%;z-index:2;animation:float 5s ease-in-out infinite}.avatar-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform .5s ease,filter .5s ease;position:relative;z-index:1}.avatar-frame:hover .avatar-img{transform:scale(1.05)}@keyframes float{0%,to{transform:translateY(0)}25%{transform:translateY(-15px)}50%{transform:translateY(-20px)}75%{transform:translateY(-15px)}}.orbit-ring{position:absolute;border-radius:50%;border-style:dashed;animation:rotate 25s linear infinite;opacity:.4}.ring-1{width:680px;height:680px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px dashed rgba(98,207,156,.25)}.ring-2{width:760px;height:760px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px dashed rgba(29,225,85,.2);animation-duration:35s;animation-direction:reverse}.ring-3{width:840px;height:840px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px dashed rgba(98,207,156,.15);animation-duration:45s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(min-width:768px)and (max-width:1023px){.home{flex-direction:row;gap:3rem;padding:8rem 2rem 4rem}.home-content{text-align:left;flex:1;max-width:55%}.greeting{justify-content:flex-start;font-size:1.75rem}.name-title{font-size:clamp(2.5rem,6vw,3.5rem);justify-content:flex-start}.role-text{font-size:1.5rem}.hero-description{font-size:1rem;margin:1.5rem 0}.social-media{justify-content:flex-start;gap:.9rem;margin:2rem 0}.social-link{padding:.75rem 1.3rem}.social-icon{font-size:1.3rem}.social-label{font-size:.85rem}.btn-group{justify-content:flex-start;gap:1rem}.btn{padding:1rem 2.2rem;font-size:.95rem}.orbit-ring{display:none}.avatar-container{width:320px;height:320px;margin:0 auto}.avatar-frame{width:100%;height:100%;border-radius:50%;background:#62cf9c14;border:3px solid rgba(98,207,156,.3);overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;object-position:center top}}@media(min-width:1024px){.home{flex-direction:row;gap:5rem;padding:4rem 2rem}.home-content{text-align:left;flex:1}.greeting,.name-title,.social-media,.btn-group{justify-content:flex-start}.avatar-container{width:630px;height:680px}.ring-1{width:710px;height:710px}.ring-2{width:790px;height:790px}.ring-3{width:870px;height:870px}}@media(max-width:767px){.home{padding:6rem 1.5rem 3rem;gap:2.5rem}.home-content{max-width:100%;padding:0 .5rem}.greeting{font-size:1.5rem;margin-bottom:.8rem}.wave{font-size:1.8rem}.name-title{font-size:clamp(2rem,9vw,2.5rem);margin:.8rem 0;min-height:1.2em;white-space:pre-wrap}.role-text{font-size:1.25rem;margin-bottom:1.5rem}.hero-description{font-size:.95rem;line-height:1.6;margin:1.5rem 0}.social-media{gap:.7rem;margin:1.8rem 0;flex-wrap:wrap}.social-link{padding:.65rem 1rem;gap:.5rem;border-radius:1.5rem}.social-icon{font-size:1.2rem}.social-label{font-size:.75rem}.btn-group{gap:.8rem;margin-top:2rem;width:100%}.btn{padding:.95rem 1.8rem;font-size:.85rem;gap:.5rem;flex:1;min-width:140px;justify-content:center}.btn-arrow,.btn-icon{font-size:1.1rem}.orbit-ring{display:none}.avatar-container{width:300px;height:300px;margin:0 auto}.img-glow{inset:-30%;filter:blur(50px)}.avatar-frame{width:100%;height:100%;border-radius:50%;background:#62cf9c14;border:3px solid rgba(98,207,156,.3);overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.2) translate(12px)}.scroll-indicator{display:none}}@media(max-width:380px){.home{padding:5rem 1rem 2.5rem;gap:2rem}.name-title{font-size:clamp(1.8rem,8vw,2.2rem)}.role-text{font-size:1.1rem}.hero-description{font-size:.9rem}.social-media{gap:.6rem}.social-link{padding:.6rem .85rem}.social-icon{font-size:1.1rem}.social-label{font-size:.7rem}.btn{padding:.85rem 1.5rem;font-size:.8rem;min-width:120px}.avatar-container{width:250px;height:250px}}@media(prefers-reduced-motion:reduce){.home-content,.home-img,.social-link,.btn,.wave,.avatar-frame,.orbit-ring,.img-glow,.scroll-indicator{animation:none!important;transition:none!important}}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem;padding:7rem 5% 5rem;position:relative;overflow:hidden;min-height:100vh}.about:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(98,207,156,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,225,85,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.about-img-wrapper{position:relative;z-index:1;animation:fadeInScale 1s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.img-glow{position:absolute;inset:-60%;background:radial-gradient(circle,rgba(98,207,156,.5) 0%,rgba(29,225,85,.25) 30%,transparent 60%);filter:blur(80px);z-index:-1;animation:pulse 5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1);filter:blur(80px) hue-rotate(0deg)}50%{opacity:.9;transform:scale(1.15);filter:blur(100px) hue-rotate(10deg)}}.img-container{position:relative;width:100%;max-width:350px;border-radius:1.5rem;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);animation:float 5s ease-in-out infinite;background:transparent}@keyframes float{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(-15px)}75%{transform:translateY(-10px)}}.img-container:before{content:"";position:absolute;inset:-3px;background:radial-gradient(circle at 20% 50%,rgba(98,207,156,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,225,85,.06) 0%,transparent 50%);background-size:300% 300%;border-radius:1.5rem;z-index:-1;opacity:.7;animation:gradientRotate 6s ease infinite}@keyframes gradientRotate{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.img-container:hover{transform:translateY(-8px) scale(1.02)}.profile-video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;mix-blend-mode:screen;background:transparent}.img-container:hover .profile-video{transform:scale(1.05)}.image-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:rotate(45deg);animation:shine 12s ease-in-out infinite;pointer-events:none;z-index:3}@keyframes shine{0%,to{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}}.about-content{text-align:center;max-width:700px;z-index:1;animation:fadeInRight 1s ease-out .3s both}@keyframes fadeInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.heading{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#f1f5f9;animation:fadeInUp .8s ease-out .5s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.heading span{background:linear-gradient(135deg,#62cf9c,#1de155,#0ea860);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite;background-size:200% 200%;filter:drop-shadow(0 0 20px rgba(98,207,156,.3))}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-size:1.8rem;margin-bottom:2rem;color:#cbd5e1;font-weight:600;animation:fadeInUp .8s ease-out .7s both}.description{font-size:1.1rem;color:#94a3b8;margin:1.5rem 0;line-height:1.9;animation:fadeInUp .8s ease-out .9s both}.description strong{color:#62cf9c;font-weight:700;position:relative;transition:color .3s ease}.more-content{margin-top:2rem;animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.more-text{font-size:1.05rem;color:#94a3b8;line-height:1.8;margin-bottom:2.5rem}.more-text strong{color:#62cf9c;font-weight:700}.skills-section{margin-top:3rem;background:#0f172a66;padding:2rem;border-radius:1rem;border:1px solid rgba(98,207,156,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #62cf9c1a}.skills-title{font-size:1.5rem;color:#62cf9c;margin-bottom:1.5rem;font-weight:700;text-align:center}.skills-grid{display:grid;gap:1.5rem}.skill-item{opacity:0;animation:fadeInUp .6s ease forwards}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.skill-name{font-size:1rem;font-weight:600;color:#e2e8f0}.skill-percentage{font-size:.9rem;font-weight:700;color:#62cf9c}.skill-bar{width:100%;height:10px;background:#1e293b80;border-radius:10px;overflow:hidden;position:relative}.skill-progress{height:100%;background:linear-gradient(90deg,#62cf9c,#1de155);border-radius:10px;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 20px #62cf9c80}.skill-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.read-more-btn{margin-top:2.5rem;display:inline-flex;align-items:center;gap:.8rem;padding:1.1rem 2.8rem;background:linear-gradient(135deg,#62cf9c1a,#1de1551a);color:#62cf9c;border:2px solid #62cf9c;border-radius:3rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.read-more-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#62cf9c4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.read-more-btn:hover:before{width:400px;height:400px}.read-more-btn:hover{background:linear-gradient(135deg,#62cf9c,#1de155);border-color:#1de155;color:#020617;transform:translateY(-3px);box-shadow:0 15px 40px #62cf9c66}.read-more-btn span{position:relative;z-index:2}.btn-icon{transition:transform .3s ease;font-size:1.2rem}.read-more-btn:hover .btn-icon{transform:scale(1.2) rotate(5deg)}@media(max-width:767px){.about{padding:5rem 5% 3rem;gap:3rem}.img-container{max-width:250px}.heading{font-size:2.2rem}.subtitle{font-size:1.4rem}.description{font-size:1rem}}@media(min-width:768px)and (max-width:1023px){.about{flex-direction:row;gap:3rem;padding:7rem 5% 5rem}.about-img-wrapper{flex-shrink:0}.img-container{max-width:280px}.about-content{text-align:left;flex:1}.heading{font-size:2.8rem}.subtitle{font-size:1.6rem}}@media(min-width:1024px){.about{flex-direction:row;gap:5rem;padding:7rem 9% 5rem}.about-img-wrapper{flex-shrink:0}.img-container{max-width:350px}.about-content{text-align:left;flex:1}.heading{font-size:3.5rem}.subtitle{font-size:1.8rem}}@media(min-width:1440px){.img-container{max-width:380px}}.services{background:#0f172a;padding:7rem 5% 5rem;position:relative;overflow:hidden;min-height:100vh}.services:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(98,207,156,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,225,85,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.modal-opening .gradient-orb,.modal-opening .particle{animation-play-state:paused!important}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float-orb 20s ease-in-out infinite;will-change:transform}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#62cf9c66,#1de15533);top:-10%;right:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,#1de1554d,#62cf9c26);top:40%;right:5%;animation-delay:7s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(98,207,156,.35),transparent);bottom:10%;right:-5%;animation-delay:14s}.orb-4{width:450px;height:450px;background:radial-gradient(circle,#62cf9c59,#1de1552e);top:15%;left:-8%;animation-delay:4s}.orb-5{width:380px;height:380px;background:radial-gradient(circle,#1de15547,#62cf9c1f);top:55%;left:3%;animation-delay:10s}.orb-6{width:320px;height:320px;background:radial-gradient(circle,rgba(98,207,156,.3),transparent);bottom:5%;left:-10%;animation-delay:17s}.particle{position:absolute;width:4px;height:4px;background:#62cf9c;border-radius:50%;box-shadow:0 0 10px #62cf9ccc;animation:float-particle 15s ease-in-out infinite;will-change:transform,opacity}.services-header{text-align:center;margin-bottom:5rem;position:relative;z-index:1}.heading{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#f1f5f9}.heading span{background:linear-gradient(135deg,#62cf9c,#1de155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-pulse 3s ease-in-out infinite}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.services-box{background:linear-gradient(135deg,#0f172ab3,#1e293b80);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:1.5rem;border:1px solid rgba(98,207,156,.1);transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(40px);animation:slideUp .8s ease forwards;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;will-change:transform}.services-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#62cf9c,#1de155);transform:scaleX(0);transform-origin:left;transition:transform .6s ease}.services-box:hover:before{transform:scaleX(1)}.services-box:hover{transform:translateY(-15px);border-color:#62cf9c66;box-shadow:0 25px 60px #62cf9c40;background:linear-gradient(135deg,#0f172ae6,#1e293bb3)}.card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(98,207,156,.1),transparent);transform:rotate(45deg);opacity:0;transition:opacity .5s ease}.services-box:hover .card-shine{animation:shine 1.5s ease}.service-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;width:90px;height:90px}.service-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 4px 12px rgba(98,207,156,.3));transition:all .4s ease;position:relative;z-index:2}.icon-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(98,207,156,.3),transparent 60%);filter:blur(20px);opacity:0;transition:opacity .4s ease;z-index:1}.services-box:hover .service-img{filter:drop-shadow(0 8px 20px rgba(98,207,156,.5));transform:scale(1.1)}.services-box:hover .icon-glow{opacity:1}.service-title{font-size:1.6rem;margin-bottom:1rem;color:#f1f5f9;font-weight:700}.service-description{color:#94a3b8;margin-bottom:1.8rem;line-height:1.7;font-size:1rem}.service-features{list-style:none;padding:0;margin:0 0 2rem;width:100%}.feature-item{display:flex;align-items:center;justify-content:center;gap:.8rem;color:#cbd5e1;margin-bottom:.8rem;font-size:.95rem}.feature-bullet{color:#62cf9c;font-weight:700;font-size:1.2rem}.service-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;background:#62cf9c1a;color:#62cf9c;border:2px solid #62cf9c;border-radius:2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .4s ease;position:relative;overflow:hidden;cursor:pointer}.service-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(98,207,156,.2),transparent);transition:left .5s ease}.service-btn:hover:before{left:100%}.service-btn:hover{background:#62cf9c;color:#020617;border-color:#1de155;transform:translateY(-2px);box-shadow:0 10px 30px #62cf9c4d}.btn-arrow{transition:transform .3s ease;font-size:1.2rem}.service-btn:hover .btn-arrow{transform:translate(5px)}@media(min-width:1024px){.services{padding:7rem 9% 5rem}.heading{font-size:3.5rem}.service-icon-wrapper{width:100px;height:100px}}@media(min-width:768px)and (max-width:1023px){.services{padding:6rem 6% 4rem}.heading{font-size:3rem}.services-container{gap:2rem}.service-icon-wrapper{width:85px;height:85px}.orb-1{width:400px;height:400px}.orb-2{width:320px;height:320px}.orb-3{width:280px;height:280px}.orb-4{width:360px;height:360px}.orb-5{width:300px;height:300px}.orb-6{width:260px;height:260px}}@media(max-width:767px){.services{padding:5rem 5% 3rem}.services-header{margin-bottom:3.5rem}.heading{font-size:2.2rem}.services-container{grid-template-columns:1fr;gap:2rem}.services-box{padding:2rem}.service-icon-wrapper{width:75px;height:75px;margin-bottom:1.2rem}.service-title{font-size:1.4rem}.service-description{font-size:.95rem;margin-bottom:1.5rem}.feature-item{font-size:.9rem;margin-bottom:.7rem}.service-btn{padding:.85rem 1.8rem;font-size:.9rem}.orb-1{width:300px;height:300px;right:-20%}.orb-2{width:250px;height:250px}.orb-3{width:200px;height:200px}.orb-4{width:280px;height:280px;left:-20%}.orb-5{width:230px;height:230px}.orb-6{width:180px;height:180px}.particle{width:3px;height:3px}}@media(max-width:380px){.services{padding:4rem 4% 2.5rem}.heading{font-size:2rem}.services-box{padding:1.8rem}.service-icon-wrapper{width:70px;height:70px}.service-title{font-size:1.3rem}.service-description{font-size:.9rem}.service-btn{padding:.8rem 1.6rem;font-size:.85rem}.orb-1,.orb-2,.orb-3,.orb-4,.orb-5,.orb-6{filter:blur(60px)}}.projects{background:#0a0f0a;padding:7rem 5% 5rem;position:relative;overflow:hidden;min-height:100vh}.projects:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(34,197,94,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.background-effects{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float-orb 20s ease-in-out infinite;will-change:transform}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#22c55e59,#10b98126);top:-10%;right:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,#10b9814d,#22c55e1f);top:40%;right:5%;animation-delay:7s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(34,197,94,.28),transparent);bottom:10%;right:-5%;animation-delay:14s}.orb-4{width:450px;height:450px;background:radial-gradient(circle,#22c55e52,#10b98126);top:15%;left:-8%;animation-delay:4s}.orb-5{width:380px;height:380px;background:radial-gradient(circle,#10b98140,#22c55e1a);top:55%;left:3%;animation-delay:10s}.orb-6{width:320px;height:320px;background:radial-gradient(circle,rgba(34,197,94,.28),transparent);bottom:5%;left:-10%;animation-delay:17s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-30px,-40px) scale(1.1)}50%{transform:translate(-50px,30px) scale(.95)}75%{transform:translate(-20px,-20px) scale(1.05)}}.floating-particles{position:absolute;width:100%;height:100%;top:0;right:0}.particle{position:absolute;width:4px;height:4px;background:#22c57c;border-radius:50%;box-shadow:0 0 10px #22c55eb3;animation:float-particle 15s ease-in-out infinite;will-change:transform,opacity}.particle:nth-child(1){right:15%;top:20%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){right:25%;top:60%;animation-delay:3s;animation-duration:16s}.particle:nth-child(3){right:10%;top:80%;animation-delay:6s;animation-duration:14s}.particle:nth-child(4){right:30%;top:40%;animation-delay:9s;animation-duration:18s}.particle:nth-child(5){right:20%;top:10%;animation-delay:12s;animation-duration:20s}.particle:nth-child(6){left:18%;top:25%;animation-delay:2s;animation-duration:15s}.particle:nth-child(7){left:28%;top:65%;animation-delay:5s;animation-duration:17s}.particle:nth-child(8){left:12%;top:75%;animation-delay:8s;animation-duration:13s}.particle:nth-child(9){left:25%;top:45%;animation-delay:11s;animation-duration:19s}.particle:nth-child(10){left:15%;top:15%;animation-delay:14s;animation-duration:21s}@keyframes float-particle{0%,to{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}25%{transform:translate(-20px,-50px)}50%{transform:translate(-40px,-100px)}75%{transform:translate(-60px,-150px)}}.projects-header{text-align:center;margin-bottom:5rem;position:relative;z-index:1}.header-decorator{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;animation:decoratorFade 1s ease .3s backwards}.decorator-line{width:60px;height:2px;background:linear-gradient(90deg,transparent,#22c55e,transparent)}.decorator-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 20px #22c55e;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes decoratorFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.heading{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#f1f5f9;letter-spacing:-.03em;animation:headingSlide .8s ease .2s backwards}.gradient-text{background:linear-gradient(135deg,#22c55e,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-pulse 3s ease-in-out infinite}@keyframes gradient-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes headingSlide{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.section-description{font-size:1.1rem;color:#94a3b8;font-weight:300}.projects-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.project-card-wrapper{position:relative;height:300px;opacity:0;transform:translateY(40px);animation:slideUp .8s ease forwards}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.project-card{position:relative;width:100%;height:100%;cursor:pointer;transition:transform .1s ease-out;transform-style:preserve-3d;background:linear-gradient(135deg,#0f172ab3,#141e1480);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(34,197,94,.1);border-radius:1.5rem;overflow:hidden}.card-border-glow{position:absolute;inset:0;border-radius:1.5rem;padding:2px;background:linear-gradient(135deg,#22c55e,#10b981);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.project-card.is-hovered .card-border-glow{opacity:.6}.card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(34,197,94,.1),transparent);transform:rotate(45deg);opacity:0;transition:opacity .5s ease;pointer-events:none}.project-card.is-hovered .card-shine{animation:shine 1.5s ease}@keyframes shine{0%{opacity:0;transform:translate(-100%) rotate(45deg)}50%{opacity:1}to{opacity:0;transform:translate(100%) rotate(45deg)}}.card-content{position:relative;z-index:2;height:100%;padding:1.8rem;display:flex;flex-direction:column;justify-content:center}.project-number{font-size:5rem;font-weight:900;background:linear-gradient(135deg,#22c55e,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:1rem;font-family:Arial Black,sans-serif;opacity:.2;transition:opacity .3s ease}.project-card.is-hovered .project-number{opacity:.1}.title-section{margin-bottom:1rem}.project-title{font-size:1.2rem;font-weight:700;color:#f1f5f9;margin-bottom:.8rem;letter-spacing:-.02em;line-height:1.3;transition:all .4s ease}.title-line{width:60px;height:3px;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:2px;transition:all .5s ease}.project-card.is-hovered .title-line{width:100px;box-shadow:0 0 20px #22c55e99}.project-details{max-height:0;opacity:0;overflow:hidden;transition:all .4s ease}.project-card.is-hovered .project-details{max-height:300px;opacity:1}.project-description{font-size:.85rem;color:#cbd5e1;line-height:1.6;margin-bottom:1rem;font-weight:300}.tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tech-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;background:#22c55e1a;color:#86efac;border:1.5px solid rgba(34,197,94,.3);border-radius:2rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;transition:all .3s ease}.tech-badge:hover{background:#22c55e33;border-color:#22c55e;transform:translateY(-3px);box-shadow:0 5px 20px #22c55e4d}.tech-icon{font-size:.55rem;color:#22c55e}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;background:#22c55e1a;color:#22c55e;border:2px solid #22c55e;border-radius:2rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .4s ease;position:relative;overflow:hidden;cursor:pointer;align-self:flex-start}.project-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.2),transparent);transition:left .5s ease}.project-link:hover:before{left:100%}.project-link:hover{background:#22c55e;color:#0a0f0a;border-color:#10b981;transform:translateY(-2px);box-shadow:0 10px 30px #22c55e4d}.link-text,.link-icon{position:relative;z-index:1}.link-icon{display:flex;align-items:center;transition:transform .3s ease}.project-link:hover .link-icon{transform:translate(5px)}.corner-accent{position:absolute;width:16px;height:16px;border:2px solid #22c55e;opacity:0;transition:opacity .3s ease}.project-card.is-hovered .corner-accent{opacity:.6}.corner-tl{top:8px;left:8px;border-right:none;border-bottom:none}.corner-tr{top:8px;right:8px;border-left:none;border-bottom:none}.corner-bl{bottom:8px;left:8px;border-right:none;border-top:none}.corner-br{bottom:8px;right:8px;border-left:none;border-top:none}@media(min-width:1200px){.projects{padding:7rem 4% 5rem}.projects-container{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1500px}.project-card-wrapper{height:300px}.heading{font-size:3.5rem}}@media(min-width:1024px)and (max-width:1199px){.projects{padding:7rem 3% 5rem}.projects-container{grid-template-columns:repeat(4,1fr);gap:1.2rem;max-width:100%}.project-card-wrapper{height:280px}.project-title{font-size:1.05rem}.heading{font-size:3rem}}@media(min-width:768px)and (max-width:1023px){.projects{padding:6rem 3% 4rem}.heading{font-size:2.6rem}.projects-header{margin-bottom:3rem}.projects-container{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:100%}.project-card-wrapper{height:260px}.card-content{padding:1.2rem}.project-title{font-size:.95rem}.tech-badge{font-size:.65rem;padding:.35rem .65rem}.project-link{padding:.6rem 1.1rem;font-size:.75rem}.orb-1{width:350px;height:350px}.orb-2{width:280px;height:280px}.orb-3{width:240px;height:240px}.orb-4{width:320px;height:320px}.orb-5{width:260px;height:260px}.orb-6{width:220px;height:220px}}@media(min-width:480px)and (max-width:767px){.projects{padding:5rem 4% 3rem}.projects-header{margin-bottom:2.5rem}.heading{font-size:2rem}.projects-container{grid-template-columns:repeat(2,1fr);gap:1rem}.project-card-wrapper{height:260px}.card-content{padding:1.2rem}.project-title{font-size:1rem}.project-description{font-size:.8rem}.tech-badge{font-size:.65rem;padding:.35rem .7rem}.project-link{padding:.6rem 1rem;font-size:.75rem}.orb-1{width:280px;height:280px;right:-15%}.orb-2{width:220px;height:220px}.orb-3{width:180px;height:180px}.orb-4{width:260px;height:260px;left:-15%}.orb-5{width:200px;height:200px}.orb-6{width:160px;height:160px}.project-card{transform:none!important}}@media(max-width:479px){.projects{padding:4.5rem 3% 2.5rem}.projects-header{margin-bottom:2rem}.heading{font-size:1.7rem}.section-description{font-size:.9rem}.projects-container{grid-template-columns:repeat(2,1fr);gap:.8rem}.project-card-wrapper{height:220px}.card-content{padding:1rem}.project-title{font-size:.88rem;margin-bottom:.5rem}.title-line{width:40px;height:2px}.project-description{font-size:.75rem;margin-bottom:.6rem}.tech-stack{gap:.3rem;margin-bottom:.7rem}.tech-badge{font-size:.6rem;padding:.28rem .55rem}.project-link{padding:.5rem .9rem;font-size:.7rem}.orb-1{width:220px;height:220px;right:-20%}.orb-2{width:180px;height:180px}.orb-3{width:150px;height:150px}.orb-4{width:200px;height:200px;left:-20%}.orb-5{width:170px;height:170px}.orb-6{width:140px;height:140px}.orb-1,.orb-2,.orb-3,.orb-4,.orb-5,.orb-6{filter:blur(50px)}.particle{width:2px;height:2px}.project-card{transform:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-out;overflow-y:auto}.modal-content{position:relative;width:100%;max-width:80rem;background:linear-gradient(to bottom right,#0f172a,#1e293b);border-radius:1.5rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:scaleIn .4s ease-out;margin:auto}.video-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.video-column{display:flex;flex-direction:column;gap:1.5rem}.video-container{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:.75rem;overflow:hidden}.video-player{width:100%;height:100%}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;cursor:pointer;animation:fadeIn .3s ease-out}.play-button{background:#ffffffe6;border-radius:9999px;padding:1.5rem;transition:all .3s}.play-button:hover{transform:scale(1.1)}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);transition:opacity .3s}.video-controls.hidden{opacity:0}.progress-bar{width:100%;height:.375rem;background:#4b5563;cursor:pointer;position:relative}.progress-fill{height:100%;background:#10b981;transition:width .1s}.controls-buttons{display:flex;align-items:center;justify-content:space-between;padding:1rem}.controls-left{display:flex;align-items:center;gap:.75rem}.control-button{color:#fff;transition:color .3s;cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}.control-button:hover{color:#10b981}.project-info{display:flex;flex-direction:column;justify-content:space-between}.project-header h2{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.gradient-text{background:linear-gradient(to right,#34d399,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-underline{width:6rem;height:.25rem;background:linear-gradient(to right,#10b981,#14b8a6);margin-bottom:1rem}.project-subtitle{font-size:1.25rem;color:#d1d5db;margin-bottom:1.5rem}.project-description{color:#9ca3af;line-height:1.75;margin-bottom:1.5rem}.features-section h3{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.75rem}.features-list{list-style:none;padding:0;margin:0 0 1.5rem}.features-list li{display:flex;align-items:start;gap:.5rem;color:#9ca3af;margin-bottom:.5rem}.feature-check{color:#10b981;margin-top:.25rem;flex-shrink:0}.tech-stack-section{margin:1.5rem 0}.tech-label{color:#9ca3af;font-size:.875rem;margin-bottom:.75rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.375rem .75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399;border-radius:9999px;font-size:.875rem;font-weight:500}.action-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:1px solid;border-radius:.75rem;transition:all .3s;cursor:pointer;text-decoration:none}.action-btn:hover{transform:scale(1.05)}.action-btn.frontend{background:linear-gradient(to bottom right,#10b98133,#05966933);border-color:#10b9814d}.action-btn.frontend:hover{background:linear-gradient(to bottom right,#10b9814d,#0596694d)}.action-btn.backend{background:linear-gradient(to bottom right,#14b8a633,#0d948833);border-color:#14b8a64d}.action-btn.backend:hover{background:linear-gradient(to bottom right,#14b8a64d,#0d94884d)}.action-btn.website{background:linear-gradient(to bottom right,#22c55e33,#16a34a33);border-color:#22c55e4d}.action-btn.website:hover{background:linear-gradient(to bottom right,#22c55e4d,#16a34a4d)}.btn-icon{width:1.5rem;height:1.5rem}.action-btn.frontend .btn-icon{color:#34d399}.action-btn.backend .btn-icon{color:#2dd4bf}.action-btn.website .btn-icon{color:#4ade80}.btn-label{font-size:.875rem;font-weight:500}.action-btn.frontend .btn-label{color:#34d399}.action-btn.backend .btn-label{color:#2dd4bf}.action-btn.website .btn-label{color:#4ade80}.close-button{position:absolute;top:1rem;right:1rem;z-index:10;background:#00000080;color:#fff;border-radius:9999px;padding:.5rem;transition:all .3s;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#000000b3;transform:scale(1.1)}@media(max-width:1024px)and (min-width:769px){.modal-content{max-width:90%;border-radius:1.25rem}.video-section{gap:1.5rem;padding:1.5rem}.project-header h2{font-size:2rem}.project-subtitle{font-size:1.125rem}.project-description{font-size:.9375rem}.action-buttons{gap:.625rem}.action-btn{padding:.875rem .75rem}.btn-label{font-size:.8125rem}}@media(max-width:768px){.modal-overlay{padding:.5rem;align-items:flex-start}.modal-content{border-radius:1rem;margin-top:1rem;margin-bottom:1rem}.video-section{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.video-column{order:1}.project-info{order:2}.project-header h2{font-size:1.75rem}.project-subtitle{font-size:1rem;margin-bottom:1rem}.title-underline{width:4rem;height:.1875rem}.project-description{font-size:.9375rem;line-height:1.625;margin-bottom:1.25rem}.features-section h3{font-size:1rem}.features-list{margin-bottom:1.25rem}.features-list li{font-size:.9375rem;margin-bottom:.625rem}.action-buttons{grid-template-columns:1fr;gap:.75rem;margin-top:1.25rem}.action-btn{flex-direction:row;justify-content:center;padding:.875rem 1rem}.btn-icon{width:1.25rem;height:1.25rem}.btn-label{font-size:.9375rem}.tech-stack-section{margin:1.25rem 0}.tech-tag{font-size:.8125rem;padding:.3125rem .625rem}.close-button{top:.75rem;right:.75rem;padding:.375rem}.controls-buttons{padding:.75rem}.control-button{width:2rem;height:2rem}.control-button svg{width:1.25rem;height:1.25rem}.play-button{padding:1.25rem}}@media(max-width:480px){.modal-overlay{padding:0}.modal-content{max-width:100%;border-radius:0;min-height:100vh}.video-section{padding:1rem;gap:1.25rem}.project-header h2{font-size:1.5rem}.project-subtitle{font-size:.9375rem}.project-description{font-size:.875rem;line-height:1.5}.features-section h3{font-size:.9375rem}.features-list li{font-size:.875rem}.tech-tag{font-size:.75rem;padding:.25rem .5rem}.action-btn{padding:.75rem}.btn-label{font-size:.875rem}.close-button{top:.5rem;right:.5rem}.controls-buttons{padding:.5rem}.play-button{padding:1rem}.play-button svg{width:2rem;height:2rem}}@media(max-width:768px)and (orientation:landscape){.modal-content{margin-top:.5rem;margin-bottom:.5rem}.video-section{grid-template-columns:1fr 1fr;padding:1rem;gap:1rem}.project-header h2{font-size:1.5rem}.project-subtitle{font-size:.9375rem;margin-bottom:.75rem}.project-description{font-size:.875rem;margin-bottom:1rem}.features-list{margin-bottom:1rem}.action-buttons{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}.action-btn{flex-direction:column;padding:.625rem .5rem}.btn-icon{width:1.125rem;height:1.125rem}.btn-label{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-content,.play-overlay,.action-btn,.close-button,.control-button{animation:none;transition:none}}@media(hover:none)and (pointer:coarse){.control-button,.close-button,.action-btn{min-width:44px;min-height:44px}.progress-bar{height:.5rem}}.contact{background:#020617;padding:7rem 5% 5rem;position:relative;overflow:hidden;min-height:100vh}.contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(98,207,156,.08),transparent 50%),radial-gradient(circle at 90% 80%,rgba(29,225,85,.06),transparent 50%);pointer-events:none;z-index:0}.contact-background-effects{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.contact-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:contact-float-orb 18s ease-in-out infinite;will-change:transform}.contact-orb-1{width:450px;height:450px;background:radial-gradient(circle,#62cf9c80,#1de15540);top:-15%;left:-10%;animation-delay:0s}.contact-orb-2{width:380px;height:380px;background:radial-gradient(circle,#1de15566,#62cf9c33);bottom:-10%;right:-8%;animation-delay:6s}.contact-orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(98,207,156,.45),transparent);top:50%;right:-5%;animation-delay:12s}@keyframes contact-float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-25px,-35px) scale(1.1)}50%{transform:translate(-40px,25px) scale(.95)}75%{transform:translate(-15px,-15px) scale(1.05)}}.contact-floating-particles{position:absolute;width:100%;height:100%;top:0;left:0}.contact-particle{position:absolute;width:5px;height:5px;background:#62cf9c;border-radius:50%;box-shadow:0 0 15px #62cf9ce6,0 0 30px #62cf9c80;animation:contact-float-particle 14s ease-in-out infinite;will-change:transform,opacity}.contact-particle:nth-child(1){left:20%;top:80%;animation-delay:0s;animation-duration:12s}.contact-particle:nth-child(2){right:25%;top:70%;animation-delay:3s;animation-duration:15s}.contact-particle:nth-child(3){left:15%;top:40%;animation-delay:6s;animation-duration:13s}.contact-particle:nth-child(4){right:18%;top:50%;animation-delay:9s;animation-duration:16s}.contact-particle:nth-child(5){left:30%;top:20%;animation-delay:2s;animation-duration:14s}.contact-particle:nth-child(6){right:35%;top:30%;animation-delay:7s;animation-duration:17s}.contact-particle:nth-child(7){left:10%;top:60%;animation-delay:4s;animation-duration:11s}.contact-particle:nth-child(8){right:12%;top:15%;animation-delay:8s;animation-duration:18s}@keyframes contact-float-particle{0%,to{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}25%{transform:translate(-15px,-40px)}50%{transform:translate(-30px,-80px)}75%{transform:translate(-45px,-120px)}}.contact-header{text-align:center;margin-bottom:5rem;position:relative;z-index:1;animation:contact-fadeInDown .8s ease}@keyframes contact-fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.contact-heading{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#f1f5f9}.contact-heading span{background:linear-gradient(135deg,#62cf9c,#1de155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:contact-gradient-pulse 3s ease-in-out infinite}@keyframes contact-gradient-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.contact-section-description{font-size:1.1rem;color:#94a3b8;max-width:600px;margin:0 auto;line-height:1.7}.contact-wrapper{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.contact-info-section{background:linear-gradient(135deg,#0f172acc,#1e293b99);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2.5rem;border-radius:1.5rem;border:2px solid rgba(98,207,156,.2);transition:all .4s ease;position:relative;overflow:hidden;animation:contact-slideInLeft .8s ease}@keyframes contact-slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.contact-info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#62cf9c,#1de155);transform:scaleX(0);transform-origin:left;transition:transform .6s ease}.contact-info-section:hover:before{transform:scaleX(1)}.contact-info-section:hover{border-color:#62cf9c66;box-shadow:0 20px 60px #62cf9c33;transform:translateY(-5px)}.contact-info-title{font-size:2rem;margin-bottom:1.5rem;color:#f1f5f9;font-weight:700;background:linear-gradient(135deg,#62cf9c,#1de155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-details{margin-bottom:0}.contact-item{display:flex;align-items:center;gap:1.2rem;padding:1.2rem;background:#0f172a99;border-radius:1rem;margin-bottom:1rem;border:1px solid rgba(148,163,184,.1);transition:all .3s ease;opacity:0;transform:translate(-20px);animation:contact-slideInRight .6s ease forwards}.contact-item:last-child{margin-bottom:0}@keyframes contact-slideInRight{to{opacity:1;transform:translate(0)}}.contact-item:hover{background:#0f172ae6;border-color:#62cf9c66;transform:translate(5px);box-shadow:0 8px 25px #62cf9c26}.contact-icon{font-size:2rem;filter:drop-shadow(0 2px 8px rgba(98,207,156,.3))}.contact-text{display:flex;flex-direction:column}.contact-label{font-size:.85rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.contact-value{font-size:1.1rem;color:#f1f5f9;font-weight:600}.contact-form{display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(135deg,#0f172acc,#1e293b99);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2.5rem;border-radius:1.5rem;border:2px solid rgba(98,207,156,.2);animation:contact-slideInRight-form .8s ease;position:relative;overflow:hidden}@keyframes contact-slideInRight-form{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.contact-form:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,#62cf9c,#1de155);transform:scaleX(0);transform-origin:right;transition:transform .6s ease}.contact-form:hover:before{transform:scaleX(1)}.contact-input-row{display:grid;grid-template-columns:1fr;gap:1.5rem}.contact-input-group{position:relative;animation:contact-fadeInUp .6s ease backwards}.contact-input-group:nth-child(1){animation-delay:.1s}.contact-input-group:nth-child(2){animation-delay:.2s}.contact-textarea-group{animation-delay:.3s}@keyframes contact-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-form-input,.contact-form-textarea{width:100%;padding:1.2rem 1.5rem 1.2rem 3.5rem;background:#1e293b99;border:2px solid rgba(148,163,184,.2);border-radius:1rem;color:#f1f5f9;font-size:1rem;font-family:inherit;transition:all .3s ease}.contact-form-input:focus,.contact-form-textarea:focus{outline:none;border-color:#62cf9c;background:#1e293bcc;box-shadow:0 0 30px #62cf9c4d;transform:translateY(-2px)}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:#64748b}.contact-form-textarea{resize:vertical;min-height:150px}.contact-input-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);font-size:1.3rem;opacity:.7;pointer-events:none;transition:all .3s ease}.contact-textarea-icon{top:1.5rem;transform:none}.contact-form-input:focus+.contact-input-icon,.contact-form-textarea:focus+.contact-input-icon{opacity:1;transform:translateY(-50%) scale(1.1)}.contact-form-textarea:focus+.contact-textarea-icon{transform:scale(1.1)}.contact-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:1.3rem 3rem;background:linear-gradient(135deg,#62cf9c,#1de155);color:#020617;border:none;border-radius:3rem;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #62cf9c66;position:relative;overflow:hidden;animation:contact-fadeInUp .6s ease .4s backwards;will-change:transform}.contact-submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.contact-submit-btn:hover:before{width:400px;height:400px}.contact-submit-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 60px #62cf9c99}.contact-submit-btn:active{transform:translateY(-2px) scale(.98)}.contact-submit-btn.contact-submitting{opacity:.7;cursor:not-allowed;pointer-events:none}.contact-submit-btn span{position:relative;z-index:1}.contact-btn-icon{transition:transform .3s ease;font-size:1.3rem}.contact-submit-btn:hover .contact-btn-icon{transform:scale(1.2) rotate(10deg);animation:contact-bounce .6s ease}@keyframes contact-bounce{0%,to{transform:scale(1.2) rotate(10deg) translateY(0)}50%{transform:scale(1.2) rotate(10deg) translateY(-5px)}}@media(min-width:768px){.contact{padding:7rem 9% 5rem}.contact-heading{font-size:3.5rem}.contact-wrapper{grid-template-columns:1fr 1.5fr;gap:4rem}.contact-input-row{grid-template-columns:1fr 1fr}}@media(max-width:767px){.contact{padding:5rem 5% 3rem}.contact-heading{font-size:2.2rem}.contact-info-section,.contact-form{padding:2rem}.contact-info-title{font-size:1.6rem}.contact-form-input,.contact-form-textarea{padding:1rem 1rem 1rem 3rem}.contact-submit-btn{padding:1.1rem 2.5rem;font-size:1rem}.contact-orb-1,.contact-orb-2,.contact-orb-3{filter:blur(80px);opacity:.4}.contact-particle{width:3px;height:3px}}@media(max-width:480px){.contact-header{margin-bottom:3rem}.contact-heading{font-size:2rem}.contact-section-description{font-size:1rem}.contact-info-section,.contact-form{padding:1.5rem}.contact-item{padding:1rem}.contact-icon{font-size:1.5rem}.contact-value{font-size:1rem}}