@charset "UTF-8";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{position:sticky;top:0;z-index:100;background:#23272a;box-shadow:0 2px 5px #0000001a}.header__container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 15px}.logo{display:flex;padding-left:20px;font-size:1.2rem;font-weight:700;color:#3884ff;z-index:1001}.animated-text-hidden{opacity:0;visibility:hidden}.animated-text-visible{opacity:1;visibility:visible}.logo i{margin-right:8px;font-size:1.5rem}.header__nav{display:flex;margin-left:auto;padding-right:20px}.header__nav-list{flex:1;display:flex;text-align:center;flex-direction:row;padding-top:40px;list-style:none;font-family:Arial,serif;font-size:16px;color:#a5a0a0;text-transform:uppercase;letter-spacing:3px;text-decoration:none;margin:0 18px}.header__nav a{color:#a5a0a0;text-decoration:none;margin-left:20px;font-weight:600;transition:color .3s ease}.header__nav a:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.8);transition:text-shadow .3s ease}.header__menu-button{display:none}@media(max-width:768px){.header__nav{position:fixed;top:0;left:-225px;display:flex;flex-direction:column;background-color:radial-gradient(circle,rgba(56,132,255,.1) 0%,transparent 70%);width:220px;height:auto;border:none;transition:transform .3s linear;border-top-right-radius:16px;border-bottom-right-radius:16px;z-index:1}.header__nav.active{transform:translate(100%)}.header__nav-list{flex:1;display:flex;flex-direction:column;padding-top:40px;padding-left:20px;align-items:flex-start}.header__nav__item{margin:10px 0}.header__menu-button{display:block;width:24px;height:24px;background:none;border:none;padding:0;font-size:1.5rem;color:#fff;cursor:pointer;z-index:1001}.logo{display:none;font-size:1.2rem;font-weight:700;color:#3884ff;z-index:1001}}.snow-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.hero-section{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;padding:100px 0;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(56,132,255,.1) 50%,transparent 70%);z-index:0}.container{display:flex;justify-content:center;align-items:center;gap:50px;max-width:1200px;margin:0 auto;padding:0 20px}.left{flex:1;text-align:left}.right{flex:1;text-align:center}.right img{max-width:100%;height:auto;display:block;margin:0 auto}.hero-image-pulse{animation:imagePulse 4s ease-in-out infinite}@keyframes imagePulse{0%{opacity:0;transform:scale(.98)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.hero-content{max-width:1400px;margin:0 auto;position:relative;z-index:0}.hero-tagline{color:#3884ff;font-size:3.2rem;font-weight:600;margin-bottom:1.5rem;display:inline-block;text-transform:uppercase;letter-spacing:2px}.hero-tagline .letter{display:inline}.shining-letter{display:inline;background:linear-gradient(90deg,#3884ff,#5ba3ff,#fff,#5ba3ff,#3884ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-position:0% 50%;animation:shine 2s ease-in-out}@keyframes shine{0%{background-position:-200% 50%}50%{background-position:200% 50%}to{background-position:-200% 50%}}.hero-heading{font-size:3rem;font-weight:850px;line-height:1.2;margin-bottom:1.5rem;max-width:800px}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;max-width:600px;opacity:.9}.hero-buttons{display:flex;gap:20px;margin-bottom:3rem}.hero-button{padding:12px 28px;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;border:none;outline:none}.hero-button.primary{background:#3884ff;color:#fff;text-decoration:none;position:relative;overflow:hidden;z-index:1;border:2px solid transparent}.hero-button.primary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,transparent 60deg,#5ba3ff 90deg,#ffffff 120deg,#5ba3ff 150deg,transparent 180deg,transparent 360deg);animation:rotate-border 3s linear infinite;z-index:-1}.hero-button.primary:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#3884ff;border-radius:4px;z-index:-1}.hero-button.primary:hover{background:#2a74e8;transform:translateY(-2px);box-shadow:0 5px 15px #3884ff4d}.hero-button.primary:hover:after{background:#2a74e8}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-button.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.2);text-decoration:none}.hero-button.secondary:hover{background:#ffffff0d;border-color:#fff6}.hero-tech{display:flex;gap:12px;flex-wrap:wrap}.tech-item{background:#ffffff1a;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.tech-item-glow{background:#3884ff4d;box-shadow:0 0 10px #3884ff80,0 0 20px #3884ff4d,0 0 30px #3884ff33,inset 0 0 20px #3884ff33;animation:tech-glow 2s ease-in-out;transform:scale(1.05)}@keyframes tech-glow{0%{background:#ffffff1a;box-shadow:none;transform:scale(1)}50%{background:#3884ff66;box-shadow:0 0 15px #3884ff99,0 0 25px #3884ff66,0 0 35px #3884ff4d,inset 0 0 25px #3884ff4d;transform:scale(1.08)}to{background:#3884ff4d;box-shadow:0 0 10px #3884ff80,0 0 20px #3884ff4d,0 0 30px #3884ff33,inset 0 0 20px #3884ff33;transform:scale(1.05)}}@media(max-width:768px){.hero-section{padding:60px 20px}.hero-content{margin-left:15px;margin-right:15px}.hero-section:before{background:radial-gradient(circle at 80% 30%,rgba(56,132,255,.1) 0%,transparent 70%);height:150%;width:150%;left:-25%;top:-25%}.container{flex-direction:column;gap:30px;text-align:center}.left,.right{max-width:100%;min-width:auto}.right{order:-1;margin-bottom:30px}.right img{max-width:100%;height:auto;display:block;margin:0 auto}.hero-tagline{font-size:1.5rem;margin-bottom:1rem}.hero-heading{font-size:2rem;margin-bottom:1rem}.hero-description{font-size:1rem;margin-bottom:1.5rem}.hero-buttons{flex-direction:column;gap:12px;margin-bottom:2rem}.hero-button{width:100%;text-align:center}.hero-tech{justify-content:center}.hero-highlight:after{height:5px;bottom:3px}}@media(max-width:480px){.hero-section{padding:40px 15px}.hero-tagline{font-size:1.2rem}.hero-heading{font-size:1.8rem}.container{gap:30px}}.about .container{display:flex;align-items:center;gap:50px;background-color:#23272a;border-radius:12px}.about-content,.about-image{flex:1}.about-image img{width:100%;border-radius:10px;box-shadow:var(--shadow)}.skills{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px;color:#fff}.p__about{text-align:justify;color:#fff}.ul__about{text-align:justify;color:#fff;padding-left:30px}.ul__sucess{list-style:none;padding-left:0;color:#fff}.li__sucess{color:#fff;position:relative;list-style:none;padding-left:30px;margin-bottom:8px}.li__sucess:before{content:"✔️";color:#28a745;font-weight:700;position:absolute;left:0}.skills span{color:var(--light-color);padding:8px 15px;border-radius:50px;font-size:.9rem}.section__contact{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;padding:60px 20px;position:relative;overflow:hidden}.section__contact .container{display:grid;grid-template-columns:1fr;gap:40px}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{padding:12px;border:1px solid #444;border-radius:5px;font-family:inherit;font-size:.9rem;background-color:#ffffff1a;color:#fff}.contact-form textarea{min-height:120px;resize:vertical}.contact-info{display:flex;flex-direction:column;gap:15px}.info-item{display:flex;align-items:center;gap:12px}.info-item i{font-size:1.3rem;color:var(--primary-color)}.contact__btn{padding:12px 24px;font-size:.95rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;border:none;outline:none;width:100%}.contact__btn{background:#3884ff;color:#fff}.contact__btn:hover{background:#2a74e8;transform:translateY(-2px);box-shadow:0 10px 25px #3884ff4d}@media(min-width:768px){.section__contact{padding:100px 20px}.section__contact .container{grid-template-columns:1fr 1fr;gap:50px}.contact-form{gap:20px}.contact-form input,.contact-form textarea{padding:15px;font-size:1rem}.contact-form textarea{min-height:150px}.contact-info{gap:20px}.info-item{gap:15px}.info-item i{font-size:1.5rem}.contact__btn{width:auto;padding:12px 28px;font-size:1rem}}.hero__services{background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.hero__container{width:1500px;margin:0 auto;padding:0 20px;object-fit:cover;background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.services-wrapper{position:relative;display:flex;align-items:center;width:100%}.services-scroll-container{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);width:100%;overflow-x:auto;overflow-y:hidden;border-radius:10px;padding:20px 0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.services-scroll-container::-webkit-scrollbar{display:none}.scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#3884ffe6;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease;box-shadow:0 4px 15px #3884ff4d}.scroll-button:hover:not(.disabled){background:#3884ff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #3884ff80}.scroll-button:active:not(.disabled){transform:translateY(-50%) scale(.95)}.scroll-button-left{left:-25px}.scroll-button-right{right:-25px}.scroll-button.disabled{opacity:.3;cursor:not-allowed;background:#3884ff4d}.services-grid{display:inline-flex;gap:20px;padding:0 20px;background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.service-card{display:flex;flex-direction:column;width:300px;padding:25px;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.p_last{margin-top:auto}.service-card:hover{transform:translateY(-5px)}@media(max-width:768px){.hero__services{padding:40px 0}.hero__container{width:100%;padding:0 15px}.hero__container h2{font-size:1.5rem;text-align:center;margin-bottom:20px;padding:0 10px}.services-wrapper{padding:0 50px}.services-scroll-container{padding:10px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.services-scroll-container::-webkit-scrollbar{display:none}.scroll-button{width:40px;height:40px;font-size:16px}.scroll-button-left{left:5px}.scroll-button-right{right:5px}.services-grid{display:flex;gap:15px;padding:0 15px;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.service-card{scroll-snap-align:start;min-width:280px;width:280px;padding:20px;box-sizing:border-box}.service-card i{font-size:1.5rem;margin-bottom:10px}.service-card h3{font-size:1.2rem;margin-bottom:10px}.service-card p{font-size:.9rem;line-height:1.4}.p_last{font-size:1rem;margin-top:15px;font-weight:700}}@media(max-width:480px){.service-card{min-width:260px;width:260px;padding:15px}.hero__container h2{font-size:1.3rem}}.portfolio{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;padding:60px 20px;position:relative;overflow:hidden}.portfolio__content{font-size:1rem;line-height:1.5;margin-bottom:2rem;max-width:100%;opacity:.9;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.portfolio-carousel{display:none;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:20px}.portfolio-carousel::-webkit-scrollbar{display:none}.portfolio-carousel-item{scroll-snap-align:start;flex:0 0 85%;margin-right:15px;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);height:250px}.portfolio-item{position:relative;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);height:250px}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-overlay{position:absolute;bottom:0;left:0;right:0;background:#08cc;color:var(--light-color);padding:15px;transform:translateY(100%);transition:transform .3s ease}.portfolio-item:hover .portfolio-overlay{transform:translateY(0)}.portfolios{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;padding:60px 20px;position:relative;overflow:hidden}.portfolios-page{max-width:1200px;margin:0 auto}.portfolios-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#3884ff}.projects-container{display:flex;flex-direction:column;gap:4rem}.project-item{display:flex;align-items:center;gap:3rem}.project-image{flex:1;max-width:500px}.project-image img{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px #0000004d}.project-content h2{font-size:2rem;margin-bottom:1rem;color:#3884ff}@media(max-width:768px){.portfolios{padding:50px 15px}.portfolios-title{font-size:2rem;margin-bottom:2rem}.project-item,.project-item.reverse-layout{flex-direction:column;text-align:center;gap:2rem}.project-image{max-width:100%;display:flex;justify-content:center}.project-image img{max-width:90%;margin:0 auto}.project-content h2{font-size:1.5rem}.portfolio__content{font-size:.95rem;margin-bottom:1.5rem}}:root{--primary-color: #0088cc;--secondary-color: #f8f9fa;--dark-color: #343a40;--light-color: #ffffff;--text-color: #333333;--shadow: 0 5px 15px rgba(0, 0, 0, .1)}.app{position:relative;min-height:100vh}.video-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:#23272a;padding-top:0}.container{width:90%;max-width:1500px;margin:0 auto;padding:0 20px;object-fit:cover}.btn{display:inline-block;background-color:var(--primary-color);color:var(--light-color);padding:12px 30px;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn:hover{background-color:#069;transform:translateY(-3px);box-shadow:var(--shadow)}section{padding:20px 0}h1,h2,h3{margin-bottom:20px;font-weight:700}h1{font-size:2.5rem;color:#fff}h2{font-size:2rem;text-align:center;margin-bottom:50px;position:relative;color:#fff}.footer{background-color:var(--dark-color);color:var(--light-color);padding:50px 0 20px}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:30px}.footer .logo{color:var(--light-color);margin-bottom:20px}.social-links{display:flex;gap:20px;margin-top:20px}.social-links a{color:var(--light-color);font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:var(--primary-color)}.copyright{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.blog-container{max-width:1200px;margin:0 auto;padding:5rem}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.post-card{background-color:var(--secondary-color);padding:30px;border-radius:10px;text-align:center;transition:transform .3s ease;box-shadow:var(--shadow)}.post-card:hover{transform:translateY(-5px)}.post-image{width:100%;height:200px;object-fit:cover}.post-content{padding:.5rem}.blog-post-container{max-width:800px;margin:0 auto;padding:2rem}.post-meta{display:flex;justify-content:space-between;color:#666;margin:1rem 0}.post-main-image{width:100%;max-height:400px;object-fit:cover;margin-bottom:2rem}.my-button{background-color:#08cc;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border:none;border-radius:20px;transition:background-color .3s}.my-button:hover{background-color:#0088cce8}.portfolios-page{max-width:1200px;margin:0 auto;padding:40px 20px}.portfolios-title{text-align:center;margin-bottom:50px}.projects-container{display:flex;flex-direction:column;gap:60px}.project-item{display:flex;align-items:center;gap:40px}.project-item.reverse-layout{flex-direction:row-reverse}.project-image{flex:1}.project-image img{width:60%;height:auto;border-radius:8px;box-shadow:0 4px 15px #0000001a}.project-content{flex:1}@media(max-width:768px){.project-item,.project-item.reverse-layout{flex-direction:column}}@media(max-width:768px){.hero .container,.about .container{flex-direction:column}.hero-content,.about-content{padding-right:0;margin-bottom:40px}.contact .container{grid-template-columns:1fr}}@media(max-width:768px){.tech-stack .badge{display:none}.tech-stack .badge:nth-child(-n+3),.tech-stack .mobile-hidden{display:none}.tech-stack .badge:nth-child(-n+3){display:inline-block}}.utp__button{display:inline-block;background-color:var(--primary-color);color:#fff;padding:12px 30px;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.utp__button:hover{background-color:#fff;transform:translateY(-3px);box-shadow:var(--shadow)}