@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Share+Tech+Mono&family=Exo+2:wght@300;400;600&display=swap";.intro-section{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.intro-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.intro-png{display:block;margin:10px auto;max-width:60%;height:auto;opacity:0;transition:opacity 1s ease-in}.intro-png.fade-in{opacity:1}.welcome-img{max-width:35%;transform:translate(-60%,10%)}.portfolio-img{max-width:80%;transform:translateY(-30%)}.foldericon-button{align-self:flex-start;margin-top:20px;margin-left:180px;background:none;border:none;padding:0;cursor:pointer}.foldericon-button img{transition:transform .2s ease,filter .2s ease;width:200%;height:auto}.foldericon-button:hover img{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--neon-cyan))}.intro-tag{font-family:var(--font-mono);font-size:.75rem;letter-spacing:6px;color:var(--neon-cyan);text-shadow:var(--glow-cyan);opacity:0;transform:translateY(10px);transition:all .6s ease;border:1px solid rgba(217,102,255,.3);padding:6px 16px}.intro-tag.visible{opacity:1;transform:translateY(0)}.scroll-indicator{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;opacity:0;transition:opacity .8s ease .4s}.scroll-indicator.visible{opacity:.5}.scroll-indicator:hover{opacity:1!important}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--neon-cyan),transparent);animation:float 2s ease-in-out infinite}.scroll-indicator span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:4px;color:var(--neon-cyan)}.hud-corner{position:absolute;font-family:var(--font-mono);font-size:.6rem;letter-spacing:2px;color:#d966ff66;display:flex;flex-direction:column;gap:4px;z-index:2}.hud-corner.tl{top:80px;left:40px}.hud-corner.br{bottom:40px;right:40px;text-align:right}.about-section{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:120px 40px}.aboutmeHeader{max-width:50%;margin-bottom:70px}.about-inner{position:relative;z-index:1;max-width:1100px;width:100%}.section-label{display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:4px;color:var(--neon-cyan);margin-bottom:60px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}.about-heading{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1;letter-spacing:2px;margin-bottom:28px;color:#decfd7}.about-text p{color:#e8e8ffb3;font-size:1rem;line-height:1.9;margin-bottom:16px}.about-text em{color:var(--neon-cyan);font-style:normal}.about-skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.skill-tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:2px;color:#decfd7;border:1px solid rgba(217,102,255,.25);padding:6px 12px;transition:all .2s ease}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-card{position:relative;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#00000f99;transition:all .3s ease;cursor:default}.stat-card:hover{background:#d966ff0d;transform:translateY(-4px)}.stat-number{font-family:var(--font-display);font-size:2rem;font-weight:900;letter-spacing:2px}.stat-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:3px;color:#e8e8ff80;text-align:center}.projects-section{position:relative;width:100%;min-height:100vh;padding:120px 40px;overflow:hidden}.projects-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto}.projectsIcon{max-width:35%;margin-top:10px}.filter-tabs{display:flex;gap:12px;margin-bottom:48px;flex-wrap:wrap}.filter-tab{font-family:var(--font-mono);font-size:.65rem;letter-spacing:3px;text-transform:uppercase;padding:8px 20px;background:transparent;border:1px solid rgba(232,232,255,.15);color:#e8e8ff73;cursor:pointer;transition:all .2s ease}.filter-tab:hover{border-color:#decfd7;color:#decfd7}.filter-tab.active{border-color:#decfd7;color:#decfd7;background:#decfd714;box-shadow:0 0 12px #decfd726}.projects-icons-grid{display:flex;flex-wrap:wrap;gap:56px;justify-content:center;padding:40px 0}.project-icon-btn{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:0}.project-icon-btn.icon-float img{width:140px;height:140px;object-fit:contain;transition:transform .3s ease,filter .3s ease}.project-icon-btn:hover img{transform:translateY(-8px);filter:drop-shadow(0 0 14px #decfd7)}.project-icon-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:2px;color:#e8e8ff99;text-align:center;max-width:120px;line-height:1.5;text-transform:uppercase;transition:color .3s ease}.project-icon-btn:hover .project-icon-label{color:#decfd7}.icon-float{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer}.icon-float img{width:64px;transition:transform .3s ease,filter .3s ease}.icon-float:hover img{transform:translateY(-6px);filter:drop-shadow(0 0 10px #decfd7)}.icon-label{font-size:.7rem;letter-spacing:.15em;color:#c8a0ff;text-transform:lowercase;opacity:.8}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:48px}.about-stats{grid-template-columns:repeat(4,1fr)}.projects-icons-grid{gap:36px}.hud-corner{display:none}}@media(max-width:640px){.about-section,.projects-section{padding:80px 20px}.about-stats{grid-template-columns:repeat(2,1fr)}.projects-icons-grid{gap:28px}.project-icon-btn.icon-float img{width:100px;height:100px}.filter-tabs{gap:8px}.filter-tab{font-size:.6rem;padding:6px 14px}}.cs-page{position:relative;min-height:100vh;padding-top:0}.cs-hero{position:relative;z-index:1;padding:40px 80px 60px;max-width:1000px;margin:0 auto}.cs-back{font-family:var(--font-mono);font-size:.7rem;letter-spacing:3px;color:#e8e8ff80;background:none;border:none;cursor:pointer;padding:0;margin-bottom:48px;transition:color .2s ease;display:block}.cs-back:hover{color:var(--neon-cyan)}.cs-meta{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:3px;margin-bottom:20px}.cs-divider{color:#e8e8ff4d}.cs-subtitle-tag{color:#e8e8ff80}.cs-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,4.5rem);font-weight:900;letter-spacing:4px;line-height:1.05;margin-bottom:24px}.cs-short-desc{font-size:1.1rem;color:#e8e8ffb3;line-height:1.8;max-width:700px;margin-bottom:28px}.cs-tags{display:flex;flex-wrap:wrap;gap:10px}.cs-tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:2px;padding:5px 12px;border:1px solid}.cs-hero-line{height:2px;margin-top:60px;opacity:.6}.cs-body{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:40px 80px 120px}.cs-section{margin-bottom:72px}.cs-section-label{display:flex;align-items:center;gap:16px;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:5px;margin-bottom:28px}.label-num{opacity:.4;font-size:.65rem}.cs-text{font-size:1rem;color:#e8e8ffb8;line-height:1.95}.cs-highlight-box{position:relative;padding:36px 40px;background:#00000f99}.cs-process-list{display:flex;flex-direction:column;gap:16px}.cs-process-step{display:flex;align-items:flex-start;gap:24px;padding:20px 24px;background:#00000a80;border:1px solid rgba(255,255,255,.05);transition:border-color .2s ease}.cs-process-step:hover{border-color:#ffffff1f}.step-num{font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:2px;min-width:28px;margin-top:2px}.step-text{font-size:.95rem;color:#e8e8ffb8;line-height:1.7}.cs-outcome{font-size:1.05rem;color:#e8e8ffd9;border-left:2px solid var(--neon-cyan);padding-left:24px}.cs-skills{display:flex;flex-wrap:wrap;gap:12px}.cs-skill-tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:2px;padding:8px 16px;border:1px solid;transition:all .2s ease}.cs-skill-tag:hover{background:#ffffff0d}.cs-nav-footer{display:flex;justify-content:space-between;align-items:center;margin-top:80px;padding-top:40px;border-top:1px solid rgba(255,255,255,.08)}.cs-nav-btn{font-size:.65rem}.cs-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;font-family:var(--font-mono)}.cs-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;padding:2rem 2.5rem;margin-bottom:56px;border:1px solid rgba(255,255,255,.08);background:#00000a66}.cs-summary-item{display:flex;flex-direction:column;gap:.5rem}.cs-summary-item.cs-summary-methods,.cs-summary-item.cs-summary-results{grid-column:1 / -1}.cs-summary-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:3px;text-transform:uppercase;opacity:.9}.cs-summary-value{font-size:.9rem;color:#e8e8ffbf;line-height:1.6}.cs-results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.cs-results-list li{padding-left:14px;border-left:2px solid;font-size:.9rem;color:#e8e8ffbf;line-height:1.6}.cs-narrative-section{margin-bottom:56px}.cs-narrative-heading{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:3px;margin-bottom:24px}.cs-narrative-body p{font-size:1rem;color:#e8e8ffb8;line-height:1.95;margin-bottom:1.2rem;max-width:72ch}.cs-narrative-body p:last-child{margin-bottom:0}.cs-subsections{display:flex;flex-direction:column;gap:36px;margin-top:8px}.cs-subsection-heading{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:3px;margin-bottom:14px;border-left:2px solid;padding-left:14px;color:#e8e8ffe6}.video-bg-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.video-bg-wrapper video{width:100%;height:100%;object-fit:cover;opacity:.18}@media(max-width:768px){.cs-hero{padding:32px 24px 40px}.cs-body{padding:32px 24px 80px}.cs-nav-footer{flex-direction:column;gap:16px}}.resume-page{position:relative;min-height:100vh;padding:120px 40px 100px;overflow:hidden}.resume-overlay{background:#05000f80!important}.resume-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto}.resume-header{margin-bottom:60px}.resume-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:12px}.resume-name{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:900;letter-spacing:8px;line-height:1}.download-btn{white-space:nowrap;text-decoration:none;display:inline-block}.resume-tagline{font-family:var(--font-mono);font-size:.8rem;letter-spacing:4px;color:#e8e8ff80}.resume-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:start}.resume-section{margin-bottom:48px}.resume-section-title{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:6px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.job-card{position:relative;padding:28px 32px;background:#00000a99;margin-bottom:20px;transition:background .3s ease}.job-card:hover{background:#d966ff0a}.job-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.job-role{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:2px;margin-bottom:4px}.job-company{font-family:var(--font-mono);font-size:.75rem;color:#e8e8ff80;letter-spacing:2px}.job-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.job-type{font-family:var(--font-mono);font-size:.6rem;letter-spacing:2px;padding:3px 10px;border:1px solid}.job-period{font-family:var(--font-mono);font-size:.65rem;color:#e8e8ff66;letter-spacing:2px;white-space:nowrap}.job-bullets{list-style:none;display:flex;flex-direction:column;gap:10px}.job-bullets li{display:flex;gap:12px;font-size:.88rem;color:#e8e8ffad;line-height:1.7}.bullet-dot{min-width:12px;margin-top:2px}.edu-card{position:relative;padding:24px 28px;background:#00000a99}.edu-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;flex-wrap:wrap}.edu-degree{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:4px;color:var(--star-white)}.edu-school{font-family:var(--font-mono);font-size:.75rem;color:#e8e8ff80}.edu-notes{font-family:var(--font-mono);font-size:.7rem;color:#e8e8ff66;line-height:1.6;letter-spacing:1px}.skill-group{margin-bottom:28px}.skill-category{font-family:var(--font-mono);font-size:.65rem;letter-spacing:3px;color:#e8e8ff66;margin-bottom:12px}.skill-list{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:900px){.resume-grid{grid-template-columns:1fr}.resume-title-row{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.resume-page{padding:100px 20px 60px}}.contact-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 40px 80px;overflow:hidden}.contact-overlay{background:#05000f80!important}.contact-inner{position:relative;z-index:1;max-width:1100px;width:100%}.contact-heading{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1;letter-spacing:4px;margin-bottom:24px}.contact-sub{color:#e8e8ff99;font-size:1rem;line-height:1.8;margin-bottom:60px;max-width:600px}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start}.contact-links{display:flex;flex-direction:column;gap:16px}.contact-link{position:relative;display:flex;align-items:center;gap:20px;padding:24px 28px;background:#00000a99;text-decoration:none;color:var(--star-white);transition:all .3s ease}.contact-link:hover{background:#d966ff12;transform:translate(6px)}.link-icon{font-size:1.2rem;width:32px;text-align:center;color:var(--neon-cyan);text-shadow:var(--glow-cyan);font-family:var(--font-mono);font-weight:700}.contact-link>div{display:flex;flex-direction:column;gap:4px}.link-label{font-family:var(--font-display);font-size:.65rem;letter-spacing:4px;color:var(--neon-cyan)}.link-value{font-family:var(--font-mono);font-size:.8rem;color:#e8e8ff99}.contact-form{position:relative;padding:40px;background:#00000a99;display:flex;flex-direction:column;gap:24px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-family:var(--font-display);font-size:.6rem;letter-spacing:4px;color:var(--neon-cyan)}.form-field input,.form-field textarea{background:#000014cc;border:1px solid rgba(217,102,255,.2);color:var(--star-white);font-family:var(--font-body);font-size:.95rem;padding:12px 16px;outline:none;transition:border-color .2s ease;resize:none}.form-field input::placeholder,.form-field textarea::placeholder{color:#e8e8ff40}.form-field input:focus,.form-field textarea:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #d966ff1a}.form-submit{align-self:flex-start;margin-top:8px}.form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:200px;text-align:center}.success-icon{font-size:2.5rem;font-family:var(--font-display)}.form-success p{font-family:var(--font-display);font-size:1rem;letter-spacing:4px}.success-sub{color:#e8e8ff80!important;font-family:var(--font-body)!important;font-size:.9rem!important;letter-spacing:1px!important}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}@media(max-width:640px){.contact-page{padding:100px 20px 60px}.contact-form{padding:28px 20px}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:20px 48px;transition:all .3s ease;font-family:var(--font-display)}.navbar.scrolled{background:#000005d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,102,250,.15);padding:14px 48px}.nav-logo{text-decoration:none;font-size:1.1rem;font-weight:700;letter-spacing:4px;color:var(--star-white)}.logo-bracket{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.logo-name{margin:0 4px;background:linear-gradient(180deg,#f8abff,#ffc9f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:36px;align-items:center}.nav-link{text-decoration:none;color:#ffdcfd;font-size:.7rem;letter-spacing:3px;font-weight:600;transition:all .2s ease;position:relative}.nav-link-prefix{color:var(--neon-cyan);margin-right:4px;font-size:.65rem}.nav-link:hover,.nav-link.active{color:var(--star-white);text-shadow:0 0 8px rgba(255,176,221,.525)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:var(--neon-cyan);box-shadow:var(--glow-cyan)}@media(max-width:640px){.navbar{padding:16px 20px}.nav-links{gap:16px}.nav-link{font-size:.6rem;letter-spacing:1px}.navbar.scrolled{padding:12px 20px}}:root{--black: #000005;--deep-space: #04040f;--neon-cyan: #ffbdeb;--neon-pink: #ffa8d5;--neon-purple: #ffb3dc;--chrome: #c0c0d0;--star-white: #f0e8ff;--glow-cyan: 0 0 10px #decfd7, 0 0 20px #d966ff44, 0 0 40px #d966ff22;--glow-pink: 0 0 10px #ffb5db, 0 0 20px #ff2d9b44;--glow-purple: 0 0 10px #decfd7, 0 0 20px #b44fff44;--border-glow: 1px solid rgba(217, 102, 255, .3);--font-display: "Orbitron", monospace;--font-mono: "Share Tech Mono", monospace;--font-body: "Exo 2", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100%;color:var(--star-white);font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--deep-space)}::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:3px}@keyframes glitch{0%,to{text-shadow:var(--glow-cyan)}25%{text-shadow:-2px 0 var(--neon-pink),2px 0 var(--neon-cyan)}50%{text-shadow:2px 0 var(--neon-purple),-2px 0 var(--neon-pink)}75%{text-shadow:var(--glow-cyan)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes borderPulse{0%,to{border-color:#00f5ff4d}50%{border-color:#00f5ffcc}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chrome-text{background:linear-gradient(180deg,#fff,#a0a0c0 40%,#fff 60%,#c0c0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cyan-glow{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.pink-glow{color:var(--neon-pink);text-shadow:var(--glow-pink)}.pixel-border{border:1px solid rgba(180,79,255,.5);box-shadow:0 0 12px #b44fff33,0 0 2px #ff2d9b4d}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes neon-pulse{0%,to{box-shadow:0 0 8px #b44fff66,0 0 20px #ff2d9b33;border-color:#b44fff80}50%{box-shadow:0 0 16px #d966ffb3,0 0 40px #ff2d9b66,0 0 60px #b44fff33;border-color:#d966ffe6}}.iridescent{background:linear-gradient(90deg,#ff2d9b,#d966ff,#b44fff,#ff2d9b,#d966ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}.project-card:hover,.stat-card:hover,.contact-link:hover{animation:neon-pulse 1.5s ease-in-out infinite}.btn-primary{font-family:var(--font-display);font-size:.7rem;letter-spacing:4px;padding:14px 32px;background:linear-gradient(135deg,#ffb3f7,#ff2d9b);color:#000;border:none;cursor:pointer;font-weight:700;position:relative;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);transition:all .15s ease;image-rendering:pixelated;box-shadow:4px 4px #ff2d9b99,8px 8px #b44fff4d}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #ff2d9bcc,10px 10px #b44fff66;background:linear-gradient(135deg,#ff2d9b,#d966ff)}.btn-primary:active{transform:translate(4px,4px);box-shadow:none}.btn-ghost{font-family:var(--font-display);font-size:.7rem;letter-spacing:4px;padding:13px 31px;background:transparent;color:var(--star-white);border:2px solid rgba(217,102,255,.6);cursor:pointer;font-weight:600;transition:all .15s ease}.btn-ghost:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);transform:translate(-2px,-2px);text-shadow:var(--glow-cyan)}.btn-ghost:active{transform:translate(4px,4px)}.project-card{border:1px solid rgba(180,79,255,.35);transition:all .3s ease}.project-card:hover{border-color:var(--neon-pink);box-shadow:0 0 10px #ff2d9b66,0 0 30px #d966ff33,inset 0 0 20px #b44fff0d}.corner-decoration{position:absolute;width:20px;height:20px;border-color:var(--neon-cyan);border-style:solid;opacity:.7}.corner-decoration.tl{top:8px;left:8px;border-width:2px 0 0 2px}.corner-decoration.tr{top:8px;right:8px;border-width:2px 2px 0 0}.corner-decoration.bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.corner-decoration.br{bottom:8px;right:8px;border-width:0 2px 2px 0}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.video-background video{width:100%;height:100%;object-fit:cover}
