:root{--bg-color:#050505;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-color:#00f0ff;--accent-glow:#00f0ff99;--accent-purple:#8a2be2;--glass-bg:transparent;--glass-border:transparent;--font-main:"Outfit", sans-serif;--font-display:"Space Grotesk", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0;cursor:none!important}html,body,a,button,p,span,h1,h2,h3,h4,h5,h6,div{cursor:none!important}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);-webkit-user-select:none;user-select:none;width:100%;max-width:100%;line-height:1.6;overflow-x:hidden}#vanta-canvas{z-index:-1;opacity:.9;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.cursor-dot{background-color:var(--accent-color);pointer-events:none;z-index:9999;width:8px;height:8px;box-shadow:0 0 10px var(--accent-color);border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-outline{border:2px solid var(--accent-color);pointer-events:none;z-index:9998;border-radius:50%;width:40px;height:40px;transition:width .2s,height .2s,background-color .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}nav{z-index:100;will-change:transform;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:2rem 5%;transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s;display:flex;position:fixed;top:0;left:0;transform:translateY(0)}nav.nav-hidden{pointer-events:none;transform:translateY(-100%)}nav.nav-visible{pointer-events:auto;transform:translateY(0)}.logo{font-family:var(--font-display);letter-spacing:-1px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:2rem;font-weight:700}.logo .dot{color:var(--accent-color)}.nav-links{gap:3rem;list-style:none;display:flex}.nav-links a{color:var(--text-primary);font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background-color:var(--accent-color);transform-origin:100%;width:100%;height:2px;box-shadow:0 0 10px var(--accent-color);transition:transform .4s cubic-bezier(.86,0,.07,1);position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.nav-links a:hover{color:var(--accent-color)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.menu-toggle{cursor:pointer;z-index:110;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.cat-icon{filter:drop-shadow(0 0 6px #00f0ffb3);transition:transform .25s,filter .25s;display:block}.menu-toggle:hover .cat-icon,.menu-toggle:active .cat-icon{filter:drop-shadow(0 0 10px #00f0ff);transform:scale(1.08)}main{padding:0 10%}section{flex-direction:column;justify-content:center;min-height:100vh;padding:6rem 0;display:flex}.hero-content{max-width:800px}.greeting-wrapper{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.greeting{color:var(--accent-color);font-size:1.2rem;font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase}.line{background-color:var(--accent-color);width:50px;height:2px;box-shadow:0 0 10px var(--accent-glow)}h1{font-family:var(--font-display);background:linear-gradient(to right, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(4rem,8vw,7rem);font-weight:800;line-height:1.1;position:relative}.glitch:hover{animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch-anim}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.role{color:var(--text-secondary);margin-bottom:2rem;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400}.app-dev{color:var(--accent-purple);font-style:italic}.desc{max-width:600px;color:var(--text-secondary);margin-bottom:3rem;font-size:1.2rem}.cta-group{align-items:center;gap:2rem;display:flex}.btn{font-weight:600;font-family:var(--font-display);z-index:1;cursor:pointer;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.btn.primary{background:var(--accent-color);color:var(--bg-color);border:1px solid var(--accent-color);box-shadow:0 0 20px #00f0ff66}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 0 40px #00f0ffcc}.btn.secondary{color:var(--text-primary);background:0 0;border:1px solid #0000}.btn.secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:none;transform-style:preserve-3d;perspective:1000px;border-radius:24px;padding:3rem;position:relative;overflow:hidden}.card-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);opacity:0;pointer-events:none;z-index:0;border-radius:50%;width:200px;height:200px;transition:opacity .3s;position:absolute;top:-100px;left:-100px}.glass-card:hover .card-glow{opacity:1}.card-content{z-index:1;position:relative;transform:translateZ(30px)}.section-title{font-family:var(--font-display);color:#fff;margin-bottom:2rem;font-size:3rem}.text-center{text-align:center}.about-grid{grid-template-columns:3fr 2fr;align-items:center;gap:4rem;display:grid}.about-image-wrapper{perspective:1000px}.profile-img-container{aspect-ratio:4/5;border:1px solid var(--glass-border);width:100%;transform-style:preserve-3d;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000080}.profile-img{object-fit:cover;filter:grayscale(30%)contrast(110%);width:100%;height:100%;transition:filter .5s;display:block}.profile-img-container:hover .profile-img{filter:grayscale(0%)contrast()}.img-glow{background:radial-gradient(circle, var(--accent-purple) 0%, transparent 70%);width:150px;height:150px}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-image-wrapper{order:-1;max-width:400px;margin:0 auto}}.dummy-text{color:var(--text-secondary);max-width:800px;margin-bottom:2rem;font-size:1.1rem}.skills{flex-wrap:wrap;gap:1rem;display:flex;transform:translateZ(40px)}.skill-tag{color:var(--text-primary);-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;padding:.5rem 1.5rem;font-size:.9rem;transition:all .3s}.skill-tag:hover{background:var(--accent-color);color:var(--bg-color);box-shadow:0 0 15px var(--accent-glow);transform:translateY(-2px)}.project-grid{scroll-snap-type:x mandatory;gap:3rem;width:100vw;margin-left:-50vw;margin-right:-50vw;padding:3rem calc(50vw - 200px);display:flex;position:relative;left:50%;right:50%;overflow-x:auto}.project-grid::-webkit-scrollbar{display:none}.project-wrapper{perspective:1500px;scroll-snap-align:center;flex:0 0 400px;height:100%;display:flex}.project-card{width:100%;transform-style:preserve-3d;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.project-img{background-position:50%;background-size:cover;border-radius:16px;justify-content:center;align-items:center;width:100%;height:250px;display:flex;position:relative;overflow:hidden;transform:translateZ(40px)}.agri-bg{background-image:url(/agri.png)}.omni-bg{background-image:url(/omni.png)}.project-card.omni-card:hover{border-color:#0f06;box-shadow:0 0 30px #0f03}.project-card.omni-card .card-glow{background:radial-gradient(circle,#0f06 0%,#0000 70%)}.project-card.agri-card:hover{border-color:#00ff6466;box-shadow:0 0 30px #00ff6433}.project-card.agri-card .card-glow{background:radial-gradient(circle,#00ff6466 0%,#0000 70%)}.overlay-text{font-family:var(--font-display);color:#ffffff4d;text-transform:uppercase;letter-spacing:5px;font-size:2rem;font-weight:700}.project-info{transform:translateZ(30px)}.project-info h3{margin-bottom:.5rem;font-size:1.5rem}.project-info p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.project-link{color:var(--accent-color);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.project-link:after{content:"";background-color:var(--accent-color);transform-origin:100%;width:100%;height:2px;box-shadow:0 0 10px var(--accent-color);transition:transform .4s cubic-bezier(.86,0,.07,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.project-link:hover{gap:1rem}.project-link:hover:after{transform-origin:0;transform:scaleX(1)}.contact-card{max-width:800px;margin:0 auto;padding:4rem 2rem}.contact-heading{font-family:var(--font-display);color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem)}.contact-sub{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.mega-email{font-family:var(--font-display);color:var(--text-primary);-webkit-user-select:none;user-select:none;margin-bottom:4rem;font-size:clamp(1.5rem,4vw,3rem);font-weight:700;text-decoration:none;transition:color .3s;display:inline-block;position:relative;cursor:none!important}.mega-email:after{content:"";background-color:var(--accent-color);transform-origin:100%;width:100%;height:3px;box-shadow:0 0 10px var(--accent-color);transition:transform .4s cubic-bezier(.86,0,.07,1);position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.mega-email:hover{color:var(--accent-color)}.mega-email:hover:after{transform-origin:0;transform:scaleX(1)}.social-links-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.minimal-social{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.minimal-social:after{content:"";background-color:var(--accent-color);transform-origin:100%;width:100%;height:2px;box-shadow:0 0 10px var(--accent-color);transition:transform .4s cubic-bezier(.86,0,.07,1);position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.minimal-social:hover{color:var(--text-primary);text-shadow:0 0 10px #ffffff80}.minimal-social:hover:after{transform-origin:0;transform:scaleX(1)}.separator{color:#fff3;font-weight:300}.reveal{opacity:0;transition:all .8s cubic-bezier(.5,0,0,1);transform:translateY(50px)}.reveal.active{opacity:1;transform:translateY(0)}.delay-200{transition-delay:.2s}@media (hover:none) and (pointer:coarse),(width<=768px){.cursor-dot,.cursor-outline{display:none!important}*,:before,:after,html,body,a,button,p,span,h1,h2,h3,div{cursor:auto!important}}@media (width<=768px){nav{padding:1.25rem 5%;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border-bottom:none!important}.cat-menu-toggle{margin-right:4px;padding:2px}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:105;background:#050505fa;flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:80%;height:100vh;transition:all .5s cubic-bezier(.77,.2,.05,1);position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #00000080}.nav-links.active{right:0}.nav-links a{font-size:1.5rem}main{padding:0 5%}section{min-height:0;padding:3.5rem 0}section.hero,#home{min-height:0;padding-top:6.5rem!important;padding-bottom:2.5rem!important}.section-title{margin-bottom:1.25rem;font-size:2.1rem;line-height:1.2}h1{font-size:clamp(2.5rem,8vw,3.2rem)}.role{margin-bottom:1.25rem;font-size:1.35rem}.desc{margin-bottom:2rem;font-size:1rem}.cta-group{flex-flow:wrap;gap:.85rem;width:100%}.btn{text-align:center;padding:.85rem 1.6rem;font-size:.95rem}.btn.secondary{background:#ffffff0f;border:1px solid #ffffff40}.glass-card,.project-card,.contact-card{border-radius:0;padding:1.25rem .5rem;box-shadow:none!important;perspective:none!important;background:0 0!important;border:none!important;overflow:visible!important;transform:none!important}.card-content{transform:none!important}.card-glow{display:none!important}.about-grid{grid-template-columns:1fr;gap:1.5rem}.about-image-wrapper{order:-1;max-width:220px;margin:0 auto}.profile-img-container{aspect-ratio:4/4.6;border-radius:16px;box-shadow:none!important;background:0 0!important;border:none!important}.about-text{width:100%;padding:0 .25rem}.dummy-text{word-break:break-word;margin-bottom:1.5rem;font-size:.95rem;line-height:1.65}.skills{gap:.5rem}.skill-tag{padding:.4rem 1rem;font-size:.82rem}.project-grid{scroll-snap-type:x mandatory;-ms-overflow-style:none;flex-direction:row;gap:1.25rem;width:100%;max-width:100%;margin:0;padding:1rem 0 2rem;display:flex;position:relative;left:auto;right:auto;overflow:auto hidden}@supports (scrollbar-width:none){.project-grid{scrollbar-width:none}}.project-grid::-webkit-scrollbar{width:0;height:0;display:none}.project-wrapper{scroll-snap-align:start;scroll-snap-stop:always;perspective:none;flex:0 0 88%;min-width:88%;max-width:88%}.project-card{gap:1rem;width:100%;padding:.5rem .25rem;box-shadow:none!important;background:0 0!important;border:none!important;transform:none!important}.project-card:hover,.project-card.omni-card:hover,.project-card.agri-card:hover{box-shadow:none!important;border-color:#0000!important}.project-img{aspect-ratio:16/9;border-radius:14px;width:100%;height:auto;transform:none!important}.project-info{padding:0 .25rem;transform:none!important}.project-info h3{word-break:break-word;font-size:1.3rem}.project-info p{word-break:break-word;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.project-link{align-items:center;gap:.5rem;font-size:.95rem;display:inline-flex}.contact-card{padding:2rem 0;box-shadow:none!important;background:0 0!important;border:none!important}.contact-heading{font-size:2.2rem}.contact-sub{margin-bottom:1.75rem;font-size:1rem}.mega-email{word-break:break-all;margin-bottom:2.5rem;font-size:clamp(1.2rem,5vw,1.8rem)}.separator{display:none}.social-links-row{gap:.75rem}.minimal-social{letter-spacing:1px;border:1px solid #ffffff26;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;background:0 0!important}.minimal-social:after{display:none}.menu-toggle{display:flex}}
