@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Electrolize&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}.portfolio{color:#fff;cursor:none;background:#0a0a0f;width:100%;min-height:100vh;font-family:Rajdhani,sans-serif;position:relative;overflow-x:hidden}.portfolio:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 20%,#6366f114 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ec489914 0%,#0000 50%),radial-gradient(circle at 40% 20%,#14b8a60f 0%,#0000 40%);width:100%;height:100%;animation:20s infinite gradientShift;position:fixed;top:0;left:0}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.7}}.custom-cursor{pointer-events:none;z-index:10001;background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:50%;width:12px;height:12px;position:fixed;box-shadow:0 0 20px #6366f199,0 0 40px #ec489966}.custom-cursor-ring{pointer-events:none;z-index:10000;border:2px solid #6366f166;border-radius:50%;width:32px;height:32px;position:fixed}.three-canvas{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.content-wrapper{z-index:2;position:relative}.nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#0a0a0fb3;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:2rem 5%;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:.05em;background:linear-gradient(135deg,#6366f1 0%,#ec4899 50%,#14b8a6 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #6366f14d;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;position:relative}.logo:after{content:"";background:linear-gradient(90deg,#6366f1,#0000);width:40%;height:2px;position:absolute;bottom:-3px;left:0;box-shadow:0 0 10px #6366f180}.nav-links{gap:3rem;list-style:none;display:flex}.nav-link{color:#ffffffb3;letter-spacing:.15em;text-transform:uppercase;font-family:Electrolize,sans-serif;font-size:.95rem;font-weight:400;text-decoration:none;transition:all .3s;position:relative}.nav-link:before{content:"";background:linear-gradient(90deg,#6366f1,#ec4899);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #6366f180}.nav-link:hover{color:#fff;text-shadow:0 0 10px #6366f180}.nav-link:hover:before{width:100%}.hero{align-items:center;min-height:100vh;margin-top:170px;padding:0 5%;display:flex;position:relative}.hero-content{width:100%;max-width:1600px}.hero-label{color:#6366f1;letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 20px #6366f180;margin-bottom:2rem;font-family:Electrolize,sans-serif;font-size:1rem;font-weight:400}.hero-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#e0e7ff 25%,#c7d2fe 50%,#a5b4fc 75%,#818cf8 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 80px #6366f14d;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-family:Orbitron,sans-serif;font-size:clamp(4rem,12vw,11rem);font-weight:900;line-height:.95;position:relative}.hero-title:before{content:attr(data-text);z-index:-1;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-text-fill-color:transparent;filter:blur(20px);opacity:.5;-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0}.hero-subtitle{letter-spacing:.1em;background:linear-gradient(135deg,#ec4899 0%,#f97316 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:400}.hero-description{color:#fff9;letter-spacing:.02em;text-align:justify;max-width:800px;margin-bottom:4rem;font-size:1.4rem;font-weight:400;line-height:1.8}.hero-cta{gap:2rem;display:flex}.btn-primary{letter-spacing:.2em;text-transform:uppercase;color:#fff;cursor:none;background:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);border:none;border-radius:4px;padding:1.5rem 3.5rem;font-family:Electrolize,sans-serif;font-size:1rem;font-weight:400;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 30px #6366f166,0 10px 40px #0000004d}.btn-primary:before{content:"";background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 50px #6366f199,0 15px 50px #0006}.btn-secondary{letter-spacing:.2em;text-transform:uppercase;color:#fff;cursor:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:2px solid #6366f180;border-radius:4px;padding:1.5rem 3.5rem;font-family:Electrolize,sans-serif;font-size:1rem;font-weight:400;transition:all .3s;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #6366f11a}.btn-secondary:hover{border-color:#6366f1;transform:translateY(-3px);box-shadow:0 0 30px #6366f166,inset 0 0 30px #6366f133}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:6rem;display:grid}.stat{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff05;border:1px solid #6366f133;border-radius:8px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.stat:before{content:"";background:linear-gradient(90deg,#0000,#6366f11a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.stat:hover:before{left:100%}.stat:hover{border-color:#6366f180;transform:translateY(-5px);box-shadow:0 10px 40px #6366f133}.stat-value{background:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:900;line-height:1}.stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.15em;font-family:Electrolize,sans-serif;font-size:.85rem}.section{padding:10rem 5%;position:relative}.section-header{text-align:center;margin-bottom:6rem}.section-label{color:#6366f1;letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 20px #6366f180;margin-bottom:1.5rem;font-family:Electrolize,sans-serif;font-size:.9rem;font-weight:400}.section-title{letter-spacing:.02em;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-family:Orbitron,sans-serif;font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:1.1}.section-description{color:#fff9;max-width:800px;margin:0 auto;font-size:1.3rem;line-height:1.8}.projects-grid{gap:4rem;max-width:1600px;margin:0 auto;display:grid}.project-card{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#0a0a0f99;border:1px solid #6366f133;border-radius:16px;padding:3.5rem;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;background:conic-gradient(#0000,#6366f11a,#0000 30%);width:200%;height:200%;transition:opacity .5s;animation:4s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{to{transform:rotate(360deg)}}.project-card:hover:before{opacity:1}.project-card:hover{border-color:#6366f180;transform:translateY(-15px)rotateX(2deg);box-shadow:0 30px 80px #6366f14d,0 0 60px #ec489933}.project-gradient{opacity:0;pointer-events:none;mix-blend-mode:overlay;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.project-card:hover .project-gradient{opacity:.08}.project-content{z-index:1;position:relative}.project-index{color:#0000;-webkit-text-stroke:1px #6366f133;pointer-events:none;font-family:Orbitron,sans-serif;font-size:8rem;font-weight:900;line-height:1;position:absolute;top:2rem;right:2rem}.project-header{margin-bottom:2rem}.project-title{letter-spacing:.02em;background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:2.8rem;font-weight:800;line-height:1.2}.project-subtitle{color:#ec4899;letter-spacing:.1em;text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-size:1.4rem}.project-description{color:#ffffffb3;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.8}.project-metrics{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f10d;border-left:3px solid #6366f1;border-radius:4px;gap:3rem;margin-bottom:2.5rem;padding:2rem;display:flex}.metric{text-align:center}.metric-value{background:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;line-height:1}.metric-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-family:Electrolize,sans-serif;font-size:.75rem}.project-tech{flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;display:flex}.tech-tag{color:#a5b4fc;letter-spacing:.1em;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f14d;border-radius:4px;padding:.5rem 1rem;font-family:Electrolize,sans-serif;font-size:.8rem;transition:all .3s}.tech-tag:hover{color:#c7d2fe;background:#6366f133;border-color:#6366f1;box-shadow:0 0 20px #6366f14d}.project-button{color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:none;background:0 0;border:2px solid #6366f180;border-radius:4px;align-items:center;gap:1rem;padding:1rem 2rem;font-family:Electrolize,sans-serif;font-size:.9rem;transition:all .3s;display:inline-flex}.project-button:hover{border-color:#6366f1;box-shadow:0 0 30px #6366f166}.arrow-icon{width:20px;height:20px;transition:transform .3s}.project-button:hover .arrow-icon{transform:translate(5px)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;max-width:1600px;margin:0 auto;display:grid}.skill-orb{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#0a0a0f99;border:1px solid #6366f133;border-radius:16px;padding:2.5rem;transition:all .4s;position:relative}.skill-orb:hover{border-color:#6366f180;transform:translateY(-10px);box-shadow:0 20px 60px #6366f133}.orb-glow{opacity:0;background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:200px;height:200px;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-orb:hover .orb-glow{opacity:1}.skill-title{background:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700}.skill-list{flex-direction:column;gap:1rem;display:flex}.skill-item{color:#fffc;cursor:none;align-items:center;gap:1rem;font-size:1.05rem;transition:all .3s;display:flex}.skill-dot{color:#6366f1;font-size:.6rem}.contact-section{text-align:center;max-width:1000px;margin:0 auto}.contact-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-family:Orbitron,sans-serif;font-size:clamp(3rem,8vw,7rem);font-weight:900}.contact-description{color:#fff9;margin-bottom:4rem;font-size:1.3rem;line-height:1.8}.contact-methods{flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-bottom:4rem;display:flex}.contact-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:none;background:#0a0a0f99;border:1px solid #6366f133;border-radius:16px;min-width:220px;padding:2.5rem 2rem;text-decoration:none;transition:all .3s}.contact-card:hover{border-color:#6366f180;transform:translateY(-10px);box-shadow:0 20px 60px #6366f133}.contact-icon{margin-bottom:1rem;font-size:3rem}.contact-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem;font-family:Electrolize,sans-serif;font-size:.8rem}.contact-value{color:#6366f1;font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:600}.footer{text-align:center;color:#fff6;letter-spacing:.1em;border-top:1px solid #6366f133;padding:3rem 5%;font-family:Electrolize,sans-serif;font-size:.85rem}@media (max-width:768px){.custom-cursor,.custom-cursor-ring{display:none}.portfolio{cursor:auto}.nav-links{display:none}.hero-cta{flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.project-metrics{flex-direction:column;gap:1.5rem}.skills-grid{grid-template-columns:1fr}.contact-methods{flex-direction:column;align-items:center}.logo-holder{size:20px;width:20px}}