@import url(https://api.fontshare.com/v2/css?f[]=panchang@700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.glitch-container{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding-left:20px;padding-right:20px;padding-top:28px;text-align:center;width:100%}.profile-pic{border:4px solid #fff;box-shadow:0 4px 10px #00000080;height:120px;top:50%;width:120px}.glitch{color:#fff;display:inline-block;font-size:clamp(2.4rem,8vw,7rem);font-weight:700;white-space:nowrap}.glitch:after,.glitch:before{background:#0000;color:#fff;pointer-events:none;white-space:nowrap}.glitch-container:hover .glitch:before{animation:glitch-anim 2s linear infinite alternate-reverse;opacity:1;text-shadow:2px 0 cyan;transform:translateX(-3px)}.glitch-container:hover .glitch:after{animation:glitch-anim 1.5s linear infinite alternate-reverse;opacity:1;text-shadow:-2px 0 red;transform:translateX(3px)}@keyframes glitch-anim{0%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}5%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}10%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}15%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}20%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}25%{-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}30%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}35%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}40%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}45%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}50%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}55%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}60%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}65%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}70%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}75%{-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}80%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}85%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}90%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}95%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}to{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}}@media screen and (max-width:768px){.glitch-container{padding-left:0;padding-right:0;padding-top:10px}.glitch{font-size:clamp(2rem,13vw,4rem);line-height:1.08}.glitch,.glitch:after,.glitch:before{white-space:normal}}body,html{overflow-x:hidden;width:100%}body{background-color:#000;color:#fff;font-family:Panchang,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}.portfolio-page{box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px;position:relative;transition:opacity .52s ease,filter .52s ease,transform .52s ease;width:100%;z-index:1}.portfolio-page-loading{filter:blur(12px);opacity:0;transform:translateY(10px)}.portfolio-page-ready{filter:blur(0);opacity:1;transform:translateY(0)}.portfolio-navbar{align-items:center;background:linear-gradient(180deg,#000000eb,#0000);display:flex;gap:24px;justify-content:space-between;padding:10px 0 8px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.portfolio-brand,.portfolio-nav-links a{color:#fff;text-decoration:none}.portfolio-brand{flex:0 0 auto;font-family:Panchang,sans-serif;font-size:clamp(1rem,2vw,1.25rem);font-weight:700}.portfolio-nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.portfolio-nav-links a{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;display:inline-flex;font-family:Arial,sans-serif;font-size:.9rem;justify-content:center;min-height:34px;padding:0 14px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.portfolio-nav-links a:hover{background:#ffffff29;border-color:#ffffff6b;transform:translateY(-1px)}.App-header{flex-wrap:wrap;min-height:100vh;padding:40px 20px}.App-header,.hero-section{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.hero-section{flex-direction:column;font-family:Panchang,sans-serif;font-size:clamp(1rem,4vw,3rem);gap:16px;padding:4px 20px 0;position:relative;text-align:center}.glitch-container{position:relative;z-index:2}.certificates-section{isolation:isolate;min-height:430px;overflow:hidden;padding:1px 0 34px;position:relative}.certificates-section:before{background:linear-gradient(90deg,#000000eb,#0000007a 54%,#000000e6),radial-gradient(circle at 74% 48%,#ffffff1a,#0000 32%);content:"";inset:0;position:absolute;z-index:-1}.glitch{cursor:pointer;font-family:Panchang,sans-serif;font-size:clamp(2.5rem,8vw,7rem);font-weight:900;margin:0;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.glitch:after,.glitch:before{background-color:#000;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);content:attr(data-text);left:0;opacity:0;overflow:hidden;position:absolute;top:0;width:100%}.glitch.enable-on-hover:hover:before{animation:animate-glitch 2s linear infinite alternate-reverse;left:-5px;opacity:1;text-shadow:5px 0 cyan}.glitch.enable-on-hover:hover:after{animation:animate-glitch 3s linear infinite alternate-reverse;left:5px;opacity:1;text-shadow:-5px 0 red}@keyframes animate-glitch{0%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}10%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}20%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}30%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}40%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}50%{-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}60%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}70%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}80%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}90%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}to{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}}.profile-pic{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #fff3;height:130px;left:50%;object-fit:cover;position:absolute;top:70%;transform:translate(-50%,-50%);width:130px;z-index:2}@media screen and (max-width:768px){.App-header{flex-direction:column;padding-top:20px}.hero-section{font-size:clamp(1.2rem,5vw,2rem);gap:12px;padding:0}.certificates-section{min-height:390px}.profile-pic{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 10px #00000080;height:120px;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:2}}.glitch-text{color:#fff;display:inline-block;font-family:Panchang,sans-serif;font-size:clamp(2rem,6vw,6rem);position:relative;text-transform:uppercase}.about-content{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:minmax(220px,300px) minmax(0,1fr);margin-top:22px}.about-copy{grid-column:2;min-width:0}.about-text{color:#ffffffdb;font-family:Arial,sans-serif;font-size:1rem;line-height:1.75;margin:0 0 18px}.about-text:last-child{margin-bottom:0}.about-card-wrap{align-self:start;display:flex;grid-column:1;justify-content:center;min-width:0}.about-card-overlay{color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;gap:4px;text-shadow:0 2px 10px #00000073}.about-card-overlay span{font-family:Panchang,sans-serif;font-size:.82rem}.about-card-overlay small{font-size:.72rem;letter-spacing:0;opacity:.82}.project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:22px}.project-card{background:#ffffff12;border:1px solid #ffffff29;border-radius:8px;box-shadow:0 18px 46px #00000061;color:#fff;display:block;isolation:isolate;min-height:210px;overflow:hidden;position:relative;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.project-card:hover{border-color:#ffffff6b;box-shadow:0 24px 64px #00000080;transform:translateY(-4px)}.project-card img{display:block;height:100%;min-height:210px;object-fit:cover;transition:transform .22s ease,filter .22s ease;width:100%}.project-card:hover img{filter:brightness(.82);transform:scale(1.04)}.project-card span{background:#000000b8;border:1px solid #fff3;border-radius:8px;bottom:14px;color:#fff;display:inline-flex;font-family:Panchang,sans-serif;font-size:.78rem;left:14px;line-height:1.2;max-width:calc(100% - 28px);padding:8px 12px;position:absolute;z-index:1}.certificate-image{background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;box-sizing:border-box;display:inline-block;height:250px;margin-right:10px;object-fit:contain;padding:8px;width:500px}.tech-stack-groups{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:22px}.tech-stack-group{background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;padding:14px}.tech-stack-group h4{color:#fff;font-family:Panchang,sans-serif;font-size:.78rem;line-height:1.3;margin:0 0 10px}.tech-stack-items{display:flex;flex-wrap:wrap;gap:8px}.tech-stack-items span{align-items:center;background:#00000052;border:1px solid #ffffff24;border-radius:8px;color:#ffffffe0;display:inline-flex;font-family:Arial,sans-serif;font-size:.82rem;line-height:1.25;min-height:28px;padding:4px 9px}@media screen and (max-width:680px){.about-content{grid-template-columns:1fr}.about-card-wrap,.about-copy{grid-column:auto}.about-card-wrap{order:-1}}@media screen and (max-width:640px){.portfolio-page{padding:12px}.portfolio-navbar{align-items:center;flex-direction:row;gap:10px;padding:8px 0 6px;position:-webkit-sticky;position:sticky}.portfolio-brand{font-size:.86rem;line-height:1.2}.portfolio-nav-links{gap:6px;justify-content:flex-end;width:auto}.portfolio-nav-links a{font-size:.7rem;min-height:28px;padding:0 7px}.project-grid{grid-template-columns:1fr}.certificate-image{height:210px;width:82vw}}.squares-canvas{background:#0000;height:100dvh;inset:0;pointer-events:none;position:fixed;touch-action:none;width:100%;z-index:0}.tilted-card-figure{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;perspective:800px;position:relative;width:100%}.tilted-card-mobile-alert{display:none;font-size:.75rem;position:absolute;text-align:center;top:1rem}@media (max-width:640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d}.tilted-card-img{border:1px solid #ffffff2e;box-shadow:0 24px 60px #00000073;left:0;object-fit:cover;top:0;transform:translateZ(0)}.tilted-card-img,.tilted-card-overlay{border-radius:15px;position:absolute;will-change:transform}.tilted-card-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 45%,#000000b8);box-sizing:border-box;display:flex;inset:0;justify-content:flex-start;padding:18px;transform:translateZ(30px);z-index:2}.tilted-card-caption{background-color:#fff;border-radius:4px;color:#2d2d2d;font-size:10px;left:0;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;top:0;z-index:3}.loading-screen{background:#050816;display:grid;inset:0;place-items:center;pointer-events:all;position:fixed;transform:translateZ(0);will-change:opacity,filter;z-index:9999}.loading-line{background:#ffffff14;border-radius:999px;box-shadow:0 0 18px #3b82f62e,0 0 32px #a855f71f;height:3px;overflow:hidden;width:min(320px,58vw)}.loading-line-fill{background:linear-gradient(90deg,#38bdf8,#2563eb 46%,#a855f7);border-radius:inherit;box-shadow:0 0 18px #60a5faad,0 0 34px #a855f76b;display:block;height:100%;transform:scaleX(0);transform-origin:left center;transition:transform 1s ease-in-out;width:100%;will-change:transform}.loading-line-fill.is-filled{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.loading-line-fill{transition-duration:.12s}}@media (pointer:coarse){.loading-line{width:min(260px,62vw)}}.custom-cursor-enabled,.custom-cursor-enabled *{cursor:none!important}.custom-cursor-dot,.custom-cursor-follower,.custom-cursor-ripple{left:0;pointer-events:none;position:fixed;top:0;transform:translate3d(-100px,-100px,0);will-change:transform,width,height,opacity,border-color,box-shadow;z-index:10000}.custom-cursor-dot{background:#fff;border-radius:999px;box-shadow:0 0 10px #ffffffb8,0 0 24px #60a5faad;height:11px;transition:width .17s ease,height .17s ease,border-radius .17s ease,background .17s ease,box-shadow .17s ease;width:11px}.custom-cursor-follower{background:#3b82f60d;border:1px solid #60a5fab8;border-radius:999px;box-shadow:0 0 24px #60a5fa47,inset 0 0 16px #a855f714;height:34px;transition:width .21s ease,height .21s ease,border-color .21s ease,background .21s ease,box-shadow .21s ease,border-radius .21s ease;width:34px}.custom-cursor-dot.custom-cursor-interactive{box-shadow:0 0 14px #fffc,0 0 34px #a855f7bf;height:16px;width:16px}.custom-cursor-follower.custom-cursor-interactive{background:#60a5fa14;border-color:#c084fceb;box-shadow:0 0 34px #60a5fa5c,0 0 46px #a855f733;height:48px;width:48px}.custom-cursor-dot.custom-cursor-text{background:linear-gradient(180deg,#fff,#93c5fd);border-radius:2px;height:28px;width:3px}.custom-cursor-follower.custom-cursor-text{background:#93c5fd08;border-color:#93c5fd80;border-radius:8px;height:38px;width:18px}.custom-cursor-dot.is-clicking{height:8px;width:8px}.custom-cursor-follower.is-clicking{border-color:#ffffffd1;height:28px;width:28px}.custom-cursor-ripple{animation:custom-cursor-ripple .52s ease-out forwards;border:1px solid #93c5fdbf;border-radius:999px;box-shadow:0 0 22px #60a5fa57;height:12px;transform:translate(-50%,-50%);width:12px}@keyframes custom-cursor-ripple{0%{opacity:.72;transform:translate(-50%,-50%) scale(.7)}to{opacity:0;transform:translate(-50%,-50%) scale(4.4)}}@media (pointer:coarse),(prefers-reduced-motion:reduce){.custom-cursor-enabled,.custom-cursor-enabled *{cursor:auto!important}.custom-cursor-dot,.custom-cursor-follower,.custom-cursor-ripple{display:none}}
/*# sourceMappingURL=main.976ec52e.css.map*/