:root{--primary-color:#00f7ff;--secondary-color:#ff153ff7;--dark-color:#0a0a1a;--light-color:#fff;--gray-color:#8a8a9a;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0003;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#0a0a1a;background-color:var(--dark-color);color:#fff;color:var(--light-color);font-family:Rajdhani,sans-serif;overflow-x:hidden;position:relative}body:before{background:radial-gradient(circle at 20% 30%,#00f7ff0d 0,#0000 30%),radial-gradient(circle at 80% 70%,#ff00e40d 0,#0000 30%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.container{margin:0 auto;max-width:1200px;padding:0 20px}section{padding:100px 0;position:relative}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-family:Orbitron,sans-serif;font-weight:600;letter-spacing:1px;overflow:hidden;padding:12px 30px;position:relative;text-transform:uppercase;transition:all .3s ease;transition:var(--transition)}.cursor-outer{border:2px solid #00f7ff99;height:40px;transition:transform .15s ease,width .3s ease,height .3s ease;width:40px}.cursor-inner,.cursor-outer{border-radius:50%;mix-blend-mode:difference;pointer-events:none;position:fixed;transform:translate(-50%,-50%);z-index:9999}.cursor-inner{background-color:#00f7ffcc;height:8px;transition:width .3s ease,height .3s ease;width:8px}.neon-text{color:#00f7ff;color:var(--primary-color);text-shadow:0 0 8px #00f7ff59}.secondary-neon-text{color:#ff153ff7;color:var(--secondary-color);text-shadow:0 0 8px #ff153f59}.section-header{margin-bottom:60px;text-align:center}.section-title{font-size:40px;letter-spacing:2px;margin-bottom:20px}.header-line{background:linear-gradient(90deg,#00f7ff,#ff153ff7);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;height:4px;margin:0 auto;width:100px}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 8px 32px #0003;box-shadow:var(--glass-shadow);padding:20px;transition:all .3s ease;transition:var(--transition)}.glass-card:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-10px)}.tech-tag{background-color:#00f7ff14;border-radius:4px;color:#00f7ff;color:var(--primary-color);font-size:12px;font-weight:500;padding:5px 10px}.nav{box-sizing:border-box;left:0;overflow-x:hidden;padding:20px 0;position:fixed;top:0;transition:var(--transition);width:100%;z-index:1000}.nav.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a1ae6;box-shadow:0 5px 20px #0003;padding:15px 0}.nav-container{align-items:center;display:flex;justify-content:space-between;width:auto}.logo{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;letter-spacing:2px}.nav-links{display:flex;gap:30px}.nav-link{font-family:Orbitron,sans-serif;font-size:14px;font-weight:500;letter-spacing:1px;position:relative;text-transform:uppercase}.nav-link,.nav-link:after{transition:var(--transition)}.nav-link:after{background-color:var(--primary-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:0}.nav-link:hover:after{width:100%}.nav-link:hover{color:var(--primary-color)}.hamburger{cursor:pointer;display:none;height:20px;position:relative;width:30px;z-index:1001}.bar{background-color:var(--light-color);height:2px;position:absolute;transition:var(--transition);width:100%}.bar:first-child{top:0}.bar:nth-child(2){top:50%;transform:translateY(-50%)}.bar:nth-child(3){bottom:0}.hamburger.active .bar:first-child{transform:translateY(9px) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.hero{align-items:center;display:flex;height:100vh;overflow:hidden;position:relative}.grid-bg{overflow:hidden}.grid,.grid-bg{height:100%;left:0;position:absolute;top:0;width:100%}.grid{background:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:40px 40px;opacity:.5}#particles-js{height:100%;left:0;position:absolute;top:0;width:100%}.hero-container{position:relative;z-index:1}.hero-content{align-items:center;display:flex;gap:50px;margin-top:20px}.hero-text{flex:1 1}.hero-image{display:flex;flex:1 1;justify-content:center}.intro-text{color:var(--gray-color);font-size:20px;letter-spacing:2px;margin-bottom:15px}.name{font-size:80px;letter-spacing:3px;line-height:1;margin-bottom:20px}.job-title{color:var(--gray-color);font-family:Rajdhani,sans-serif;font-size:24px;margin-bottom:5px}.typing-text{color:var(--primary-color);font-family:Orbitron,sans-serif;font-size:28px;height:40px;margin-bottom:30px}.blinking-cursor{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-description{font-size:18px;line-height:1.6;margin-bottom:40px;max-width:500px}.cta-buttons{display:flex;gap:20px}.cta-primary,.cta-secondary{border-radius:6px;display:inline-block;font-size:16px;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.cta-primary{background-color:var(--secondary-color);border:none;box-shadow:0 0 10px #ff153f59;color:var(--dark-color);font-weight:700}.cta-primary:hover{box-shadow:0 0 18px #ff153f80;transform:translateY(-3px)}.cta-secondary{background-color:initial;border:2px solid var(--primary-color);box-shadow:0 0 10px #00f7ff40;color:var(--light-color);font-weight:700}.cta-secondary:hover{background-color:var(--primary-color);box-shadow:0 0 18px #00f7ff66;color:var(--dark-color);transform:translateY(-3px)}.image-frame{height:350px;position:relative;width:350px}.image-container,.image-frame{border-radius:10px;overflow:hidden}.image-container,.image-container img{height:100%;width:100%}.image-container img{object-fit:cover;transition:var(--transition)}.image-frame:hover .image-container img{transform:scale(1.05)}.frame-detail{border:2px solid #00f7ff99;height:50px;position:absolute;transition:var(--transition);width:50px}.frame-detail.top-left{border-bottom:none;border-right:none;left:20px;top:20px}.frame-detail.top-right{border-bottom:none;border-left:none;right:20px;top:20px}.frame-detail.bottom-left{border-right:none;border-top:none;bottom:20px;left:20px}.frame-detail.bottom-right{border-left:none;border-top:none;bottom:20px;right:20px}.image-frame:hover .frame-detail{height:60px;width:60px}.scroll-indicator{align-items:center;bottom:50px;cursor:pointer;display:flex;flex-direction:column;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.mouse{border:2px solid #00f7ff80;border-radius:15px;display:flex;height:50px;justify-content:center;padding-top:5px;width:30px}.wheel{animation:scroll 2s infinite;background-color:#00f7ffb3;border-radius:3px;height:10px;width:5px}@keyframes scroll{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}.scroll-indicator p{color:#00f7ffb3;font-family:Orbitron,sans-serif;font-size:14px;letter-spacing:2px}.about-content{align-items:center;display:flex;gap:50px}.about-image{display:flex;flex:1 1;justify-content:center}.about-image .image-container{border-radius:10px;height:400px;overflow:hidden;width:100%}.about-image img{height:100%;object-fit:cover;width:100%}.about-text{flex:1 1}.sub-title{font-size:28px;letter-spacing:1px;margin-bottom:20px}.mt-4{margin-top:40px}.about-text p{color:var(--gray-color);font-size:16px;line-height:1.8;margin-bottom:15px}.skills-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:20px}.skill-item{flex-direction:column;gap:10px;width:100%}.skill-icon,.skill-item{align-items:center;display:flex}.skill-icon{background-color:#00f7ff14;border-radius:50%;color:var(--primary-color);font-size:24px;height:60px;justify-content:center;transition:var(--transition);width:60px}.skill-icon:hover{background-color:#00f7ff26;box-shadow:0 5px 15px #00f7ff26;transform:translateY(-5px)}.skill-item span{font-size:14px;font-weight:500}.services{padding:100px 0}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.service-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;display:flex;flex-direction:column;min-height:320px;overflow:hidden;position:relative;transition:var(--transition)}.service-card:hover{border-color:#00f7ff66;box-shadow:0 20px 40px #00000080;transform:translateY(-8px)}.service-card-top{flex:1 1;padding:28px 24px 20px}.service-label{color:var(--light-color);font-family:Orbitron,sans-serif;font-size:18px;letter-spacing:1px;margin-bottom:10px}.service-desc{color:var(--gray-color);font-size:13px;line-height:1.6}.service-mockup{border-radius:14px 14px 0 0;box-shadow:0 -8px 30px #0006;height:180px;margin:0 auto;overflow:hidden;position:relative;transform:translateY(4px);width:85%}.service-mockup img{height:100%;object-fit:cover;object-position:top;transition:var(--transition);width:100%}.service-card:hover .service-mockup img{transform:scale(1.05)}.service-arrow-btn{align-items:center;background:var(--dark-color);border:2px solid #fff3;border-radius:50%;bottom:190px;color:var(--light-color);cursor:pointer;display:flex;font-size:14px;height:42px;justify-content:center;position:absolute;right:16px;transition:var(--transition);width:42px;z-index:2}.service-arrow-btn:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 20px #00f7ff66;color:var(--dark-color);transform:scale(1.1)}.timeline{margin:0 auto;max-width:800px;position:relative}.timeline:before{background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));content:"";height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{display:flex;justify-content:space-between;margin-bottom:50px;position:relative}.timeline-dot{background-color:var(--primary-color);border-radius:50%;box-shadow:0 0 8px #00f7ff66;height:20px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:20px;z-index:1}.timeline-date{padding-right:40px;text-align:right;width:calc(50% - 40px)}.timeline-date span{color:var(--primary-color);font-family:Orbitron,sans-serif;font-weight:500}.timeline-content{padding-left:40px;text-align:left;width:calc(50% - 40px)}.timeline-content h3{color:var(--primary-color);font-size:20px;margin-bottom:5px}.timeline-content h4{color:var(--secondary-color);font-family:Rajdhani,sans-serif;font-size:16px;margin-bottom:10px}.timeline-content p{color:var(--gray-color);font-size:14px;line-height:1.6;margin-bottom:15px}.timeline-techs{display:flex;flex-wrap:wrap;gap:10px}.contact-content{display:flex;gap:50px}.contact-form-container,.contact-info{flex:1 1}.info-item{gap:15px;margin-bottom:25px}.info-icon,.info-item{align-items:center;display:flex}.info-icon{background-color:#00f7ff14;border-radius:50%;color:var(--primary-color);font-size:18px;height:50px;justify-content:center;transition:var(--transition);width:50px}.info-item:hover .info-icon{background-color:#00f7ff26;box-shadow:0 5px 12px #00f7ff26;transform:translateY(-5px)}.info-text h4{color:var(--primary-color);font-size:18px;margin-bottom:5px}.info-text p{color:var(--gray-color);font-size:14px}.social-links{display:flex;gap:15px;margin-top:30px}.social-link{align-items:center;background-color:#00f7ff14;border-radius:50%;color:var(--light-color);display:flex;font-size:16px;height:40px;justify-content:center;transition:var(--transition);width:40px}.social-link:hover{background-color:var(--primary-color);box-shadow:0 5px 12px #00f7ff40;color:var(--dark-color);transform:translateY(-5px)}.form-group{margin-bottom:30px;position:relative}.form-group input,.form-group textarea{background-color:initial;border:1px solid var(--glass-border);border-radius:5px;color:var(--light-color);font-family:Rajdhani,sans-serif;font-size:16px;padding:15px;transition:var(--transition);width:100%}.form-group textarea{height:150px;resize:none}.form-group label{color:var(--gray-color);font-size:16px;left:15px;pointer-events:none;position:absolute;top:15px;transition:var(--transition)}.form-group input:focus,.form-group input:valid,.form-group textarea:focus,.form-group textarea:valid{border-color:var(--primary-color);outline:none}.form-group input:focus~label,.form-group input:valid~label,.form-group textarea:focus~label,.form-group textarea:valid~label{background-color:var(--dark-color);color:var(--primary-color);font-size:12px;left:10px;padding:0 5px;top:-10px}.submit-btn{align-items:center;background-color:var(--primary-color);box-shadow:0 0 10px #00f7ff4d;color:var(--dark-color);display:flex;font-weight:700;gap:10px;justify-content:center;width:100%}.submit-btn:hover{box-shadow:0 0 18px #00f7ff73;transform:translateY(-3px)}.footer{background-color:#0a0a1acc;padding:50px 0 20px;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#00f7ff66,#0000);content:"";height:1px;left:0;position:absolute;top:0;width:100%}.footer-content{align-items:center;display:flex;flex-direction:column;gap:30px}.footer-logo{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;letter-spacing:2px}.footer-text{color:var(--gray-color);font-size:16px;max-width:600px;text-align:center}.footer-social{display:flex;gap:20px}.footer-nav{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.footer-link{font-family:Orbitron,sans-serif;font-size:14px;letter-spacing:1px;transition:var(--transition)}.footer-link:hover{color:var(--primary-color)}.copyright{color:var(--gray-color);font-size:14px;margin-top:30px}.back-to-top{align-items:center;background-color:var(--primary-color);border-radius:50%;bottom:30px;box-shadow:0 0 10px #00f7ff59;color:var(--dark-color);display:flex;font-size:20px;height:50px;justify-content:center;opacity:0;position:fixed;right:30px;transition:var(--transition);visibility:hidden;width:50px;z-index:999}.back-to-top.active{opacity:1;visibility:visible}.back-to-top:hover{box-shadow:0 0 18px #00f7ff80;transform:translateY(-5px)}.back-btn{align-items:center;background:#0000;border:1px solid #00f7ff80;border-radius:6px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-family:Orbitron,sans-serif;font-size:14px;gap:8px;margin:70px 0 40px;padding:10px 20px;transition:var(--transition);z-index:99999999999}.back-btn:hover{background:var(--primary-color);color:var(--dark-color)}.category-page{min-height:100vh;padding-bottom:80px}.casestudy-page{min-height:100vh;padding-bottom:100px}.cs-hero{align-items:center;display:flex;gap:40px;margin-bottom:60px}.cs-hero-img{border:1px solid var(--glass-border);border-radius:12px;height:280px;object-fit:cover;width:400px}.cs-hero-text h1{font-size:40px;margin-bottom:15px}.cs-hero-text p{color:var(--gray-color);font-size:16px;line-height:1.6}.cs-body{display:flex;flex-direction:column;gap:30px}.cs-two-col{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.cs-section{padding:30px}.cs-section h3{font-size:22px;margin-bottom:15px}.cs-section p{color:var(--gray-color);line-height:1.8}.cs-list{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0}.cs-list li{background:#00f7ff0a;border-left:3px solid #00f7ff80;border-radius:8px;color:var(--gray-color);padding:10px 15px}.cs-challenge{background:#ff153f0f;border-radius:10px;margin-bottom:15px;padding:20px}.cs-challenge p{margin-bottom:8px}.cs-challenge strong{color:var(--primary-color)}@media (max-width:992px){.hero-content{flex-direction:column;text-align:center}.hero-text{align-items:center;display:flex;flex-direction:column}.hero-description{margin-left:auto;margin-right:auto}.about-content,.contact-content{flex-direction:column}.timeline:before{left:30px}.timeline-item{flex-direction:column}.timeline-dot{left:30px}.timeline-date{margin-bottom:10px;text-align:left}.timeline-content,.timeline-date{padding-left:70px;padding-right:0;width:100%}.cs-hero{flex-direction:column}.cs-hero-img{height:220px;width:100%}.cs-two-col{grid-template-columns:1fr}}@media (max-width:768px){.nav-links{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a1af2;flex-direction:column;gap:30px;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:var(--transition);width:80%;z-index:1000}.nav-links.active{right:0}.hamburger{display:block}.name{font-size:60px}.section-title{font-size:32px}.projects-grid{grid-template-columns:1fr}}@media (max-width:576px){.name{font-size:48px}.typing-text{font-size:22px}.cta-buttons{flex-direction:column;width:100%}.btn{width:100%}.image-frame{height:280px;width:280px}.footer-nav{align-items:center;flex-direction:column;gap:15px}}@media (max-width:480px){.logo-dev,.logo-vin{display:none}.hero{padding-top:100px}.hero-content{margin-top:120px}.name{font-size:34px}}.category-page-futuristic{background:var(--dark-color);min-height:100vh;padding:100px 0}.container-category{margin:0 auto;max-width:1200px;padding:0 40px}.back-btn-futuristic{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;color:var(--light-color);cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;margin-bottom:40px;padding:8px 16px;transition:var(--transition)}.back-btn-futuristic:hover{background:#00f7ff1a;border-color:var(--primary-color);color:var(--primary-color)}.back-icon{font-size:1rem;transition:var(--transition)}.back-btn-futuristic:hover .back-icon{transform:translateX(-4px)}.section-header-category{margin-bottom:60px;text-align:center}.section-title-category{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:600;letter-spacing:2px;margin:0}.category-line{align-items:center;display:flex;gap:15px;justify-content:center;margin:20px 0}.category-line .line{background:linear-gradient(90deg,#0000,var(--primary-color),#0000);height:1px;width:60px}.category-line .diamond{animation:pulse 2s infinite;color:var(--primary-color);font-size:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.category-subtitle{color:var(--gray-color);font-family:monospace;font-size:.75rem;letter-spacing:1px}.projects-folder-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-folder-card{animation:fadeInUp .6s ease-out both;display:flex;flex-direction:column;height:100%;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-folder-tab{display:inline-block;margin-left:20px;position:relative;width:fit-content;z-index:2}.project-folder-tab-inner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-bottom:none;border-radius:8px 8px 0 0;display:flex;gap:8px;padding:8px 20px}.folder-icon{font-size:1rem}.folder-label{color:var(--light-color);font-size:.85rem;font-weight:500}.project-folder-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:0 12px 12px 12px;display:flex;flex:1 1;flex-direction:column;padding:20px;transition:var(--transition)}.project-folder-card:hover .project-folder-content{box-shadow:var(--glass-shadow);transform:translateY(-5px)}.project-mockup-container{background:var(--dark-color);border-radius:8px;margin-bottom:20px;min-height:180px;overflow:hidden;position:relative}.project-mockup-img{border-radius:8px;height:180px;object-fit:cover;transition:var(--transition);width:100%}.project-folder-card:hover .project-mockup-img{transform:scale(1.02)}.project-folder-description{color:var(--gray-color);font-size:.85rem;line-height:1.5;margin:15px 0}.project-techs-folder{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 20px}.tech-tag-folder{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:4px;color:var(--gray-color);font-size:.7rem;letter-spacing:.5px;padding:4px 10px;transition:var(--transition)}.project-folder-card:hover .tech-tag-folder{border-color:var(--primary-color);color:var(--primary-color)}.project-open-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;color:var(--light-color);cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;margin-top:auto;padding:10px 16px;transition:var(--transition);width:100%}.project-open-btn:hover{background:#00f7ff1a;border-color:var(--primary-color);color:var(--primary-color)}.btn-icon{font-size:1rem;transition:var(--transition)}.project-open-btn:hover .btn-icon{transform:translateX(4px)}@media (max-width:768px){.category-page-futuristic{padding:60px 0}.container-category{padding:0 20px}.section-title-category{font-size:1.8rem}.projects-folder-grid{gap:25px;grid-template-columns:1fr}.project-folder-tab-inner{padding:6px 16px}.folder-label{font-size:.8rem}.project-folder-content{padding:16px}}
/*# sourceMappingURL=main.3a47e89e.css.map*/