:root{--bg-primary: #0a0a0f;--bg-secondary: #11111b;--bg-tertiary: #181825;--bg-card: #1e1e2e;--bg-card-hover: #252540;--text-primary: #cdd6f4;--text-secondary: #a6adc8;--text-muted: #6c7086;--cyan: #00e5ff;--magenta: #e040fb;--green: #a6e3a1;--red: #f38ba8;--yellow: #f9e2af;--orange: #fab387;--accent: var(--cyan);--accent-secondary: var(--magenta);--gradient-accent: linear-gradient(135deg, var(--cyan), var(--magenta));--gradient-card: linear-gradient(145deg, rgba(30, 30, 46, .6), rgba(17, 17, 27, .8));--glass-bg: rgba(30, 30, 46, .4);--glass-border: rgba(205, 214, 244, .06);--glass-blur: 16px;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--fs-4xl: 2.5rem;--fs-5xl: 3.5rem;--fs-hero: clamp(2.5rem, 6vw, 5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--section-padding: clamp(80px, 12vh, 140px);--max-width: 1100px;--nav-height: 70px;--border-radius: 8px;--border-radius-lg: 16px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.25, .46, .45, .94);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(0, 229, 255, .15)}@media(max-width:480px){:root{--fs-hero: 2rem;--fs-3xl: 1.75rem;--section-padding: 60px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;overflow-wrap:break-word}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;-webkit-text-size-adjust:100%}::selection{background:#00e5ff33;color:var(--cyan)}a{color:var(--cyan);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--magenta)}img{max-width:100%;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}p{color:var(--text-secondary);margin-bottom:var(--space-md)}.highlight{color:var(--cyan);font-weight:500}.cyan{color:var(--cyan)}.magenta{color:var(--magenta)}.green{color:var(--green)}.container{max-width:var(--max-width);margin:0 auto;padding:0 clamp(16px,5vw,50px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease}.page-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}.loader-terminal{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary)}.loader-line{opacity:0;transform:translateY(8px);margin-bottom:6px;animation:loaderFadeIn .3s forwards}.loader-line:nth-child(1){animation-delay:.1s}.loader-line:nth-child(2){animation-delay:.4s}.loader-line:nth-child(3){animation-delay:.7s}.loader-line:nth-child(4){animation-delay:1s}@keyframes loaderFadeIn{to{opacity:1;transform:translateY(0)}}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--gradient-accent);z-index:9999;width:0%;transition:width 50ms linear}.section-heading{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-3xl);font-size:var(--fs-3xl);white-space:nowrap}.section-heading:after{content:"";display:block;width:100%;max-width:300px;height:1px;background:var(--bg-tertiary)}.heading-number{font-family:var(--font-mono);font-size:var(--fs-lg);color:var(--cyan);font-weight:400}.cursor-dot{position:fixed;width:6px;height:6px;background:var(--cyan);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}.cursor-ring{position:fixed;width:36px;height:36px;border:1.5px solid rgba(0,229,255,.4);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,border-color .3s}.cursor-dot.hover{width:12px;height:12px;background:var(--magenta)}.cursor-ring.hover{width:50px;height:50px;border-color:#e040fb4d}@media(max-width:768px){.cursor-dot,.cursor-ring{display:none}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:2}.scroll-mouse{width:24px;height:40px;border:2px solid var(--text-muted);border-radius:12px;position:relative;opacity:.6;transition:opacity var(--transition-base)}.scroll-mouse:hover{opacity:1}.scroll-wheel{width:4px;height:8px;background:var(--cyan);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scrollWheel 1.8s ease-in-out infinite}@keyframes scrollWheel{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(14px)}}.nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,5vw,50px);z-index:1000;background:transparent;transition:background var(--transition-base),box-shadow var(--transition-base),transform var(--transition-smooth)}.nav.scrolled{background:#0a0a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--glass-border)}.nav.hidden{transform:translateY(-100%)}.nav-logo{font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:700}.logo-bracket{color:var(--text-muted)}.logo-text{color:var(--cyan)}.logo-slash{color:var(--magenta)}.nav-links{display:flex;align-items:center;gap:var(--space-xl)}.nav-link{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary);transition:color var(--transition-base);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--cyan);transition:width var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--cyan)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-resume-btn{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--bg-primary);background:var(--cyan);border:1px solid var(--cyan);padding:8px 18px;border-radius:var(--border-radius);transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);cursor:pointer;font-weight:600}.nav-resume-btn:hover{background:#00e5ffd9;color:var(--bg-primary);box-shadow:0 0 20px #00e5ff4d}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.nav-hamburger span{display:block;width:26px;height:2px;background:var(--text-primary);transition:transform var(--transition-base),opacity var(--transition-base)}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.nav-links,.nav-resume-btn{display:none}.nav-hamburger{display:flex}.nav-links.mobile-open{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:min(75vw,400px);height:100vh;background:var(--bg-secondary);padding:100px 50px;gap:var(--space-2xl);box-shadow:-10px 0 30px #00000080;z-index:999}.nav-links.mobile-open .nav-link{font-size:var(--fs-lg)}.nav-resume-btn.mobile-open{display:inline-block;position:fixed;bottom:40px;right:50px;z-index:999}}.section{padding:var(--section-padding) 0;min-height:100vh;display:flex;align-items:center;position:relative}.section.hero{padding:0;flex-direction:column;justify-content:center}.section.about,.section.experience,.section.skills{min-height:auto}.particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero-content{position:relative;z-index:1;width:100%;max-width:750px;margin:0 auto;padding:0 clamp(20px,5vw,50px)}.hero-tagline{text-align:center;margin-top:var(--space-2xl)}.hero-subtitle{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted)}.about-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-3xl);align-items:start}.about-text p{font-size:var(--fs-lg);margin-bottom:var(--space-lg)}.avatar-wrapper{position:relative;width:280px;margin:0 auto}.avatar-image{width:100%;border-radius:var(--border-radius);filter:grayscale(20%) contrast(1.05);transition:filter var(--transition-smooth)}.avatar-image:hover{filter:none}.avatar-border{position:absolute;top:16px;left:16px;width:100%;height:100%;border:2px solid var(--cyan);border-radius:var(--border-radius);z-index:-1;transition:transform var(--transition-smooth)}.avatar-wrapper:hover .avatar-border{transform:translate(-4px,-4px)}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.about-avatar{order:-1}.avatar-wrapper{width:200px}}.experience-timeline{position:relative;padding-left:30px}.experience-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--bg-tertiary)}.timeline-item{position:relative;margin-bottom:var(--space-3xl)}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-34px;top:8px;width:10px;height:10px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px #00e5ff66}.timeline-content{background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:var(--space-xl);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:border-color var(--transition-base),transform var(--transition-smooth)}.timeline-content:hover{border-color:#00e5ff26;transform:translate(4px)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap}.timeline-header h3{font-size:var(--fs-xl);font-weight:600}.timeline-date{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap}.timeline-location{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-md)}.timeline-details{list-style:none}.timeline-details li{position:relative;padding-left:24px;margin-bottom:var(--space-sm);color:var(--text-secondary);font-size:var(--fs-base)}.timeline-details li:before{content:"▸";position:absolute;left:0;color:var(--cyan)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.skill-category{background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:var(--space-xl);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:border-color var(--transition-base),transform var(--transition-smooth)}.skill-category:hover{border-color:#00e5ff26;transform:translateY(-4px);box-shadow:0 0 30px #00e5ff0f}.skill-category-title{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--cyan);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:1px}.skill-items{display:flex;flex-direction:column;gap:var(--space-sm)}.skill-item{font-size:var(--fs-base);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-sm);transition:color var(--transition-fast)}.skill-item:hover{color:var(--text-primary)}.skill-item:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--cyan),var(--magenta));border-radius:2px;transition:width .8s cubic-bezier(.25,.46,.45,.94)}.scroll-reveal.revealed .skill-item:after{width:var(--skill-level, 70%)}.skill-item{position:relative;padding-bottom:6px}.skill-icon{color:var(--cyan);font-size:var(--fs-xs)}.featured-projects{display:flex;flex-direction:column;gap:var(--space-4xl);margin-bottom:var(--space-4xl)}.featured-project{display:grid;grid-template-columns:6fr 5fr;gap:var(--space-md);align-items:center}.featured-project.reverse{direction:rtl}.featured-project.reverse>*{direction:ltr}.featured-project.reverse .project-info{text-align:right}.featured-project.reverse .project-tech,.featured-project.reverse .project-links{justify-content:flex-end}.project-image-wrapper{border-radius:var(--border-radius);overflow:hidden}.project-image{width:100%;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;position:relative;transition:transform var(--transition-smooth)}.project-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;transition:background var(--transition-smooth)}.project-image-wrapper:hover .project-image-overlay{background:#00000026}.project-image-text{font-family:var(--font-mono);font-size:var(--fs-3xl);font-weight:700;color:#fff;text-shadow:0 0 30px rgba(0,229,255,.3)}.project-info{z-index:2}.project-label{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--cyan);margin-bottom:var(--space-sm)}.project-title{font-size:var(--fs-3xl);margin-bottom:var(--space-lg);transition:color var(--transition-base)}.project-description{background:var(--gradient-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:var(--space-xl);border-radius:var(--border-radius);margin-bottom:var(--space-lg);position:relative}.project-description p{font-size:var(--fs-base);margin-bottom:0}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.project-tech span{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--cyan);background:#00e5ff0f;border:1px solid rgba(0,229,255,.12);padding:4px 12px;border-radius:20px;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.project-tech span:hover{background:#00e5ff1f;border-color:#00e5ff4d;box-shadow:0 0 12px #00e5ff1a}.project-links{display:flex;gap:var(--space-lg)}.project-link{color:var(--text-secondary);transition:color var(--transition-base),transform var(--transition-fast)}.project-link:hover{color:var(--cyan);transform:translateY(-2px)}@media(max-width:768px){.featured-project{grid-template-columns:1fr;gap:var(--space-lg)}.featured-project.reverse{direction:ltr}.featured-project.reverse .project-info{text-align:left}.featured-project.reverse .project-tech,.featured-project.reverse .project-links{justify-content:flex-start}.project-image-text{font-size:var(--fs-xl)}.project-title{font-size:var(--fs-2xl)}.hero-content{padding:0 16px}}.other-projects-heading{text-align:center;font-size:var(--fs-2xl);margin-bottom:var(--space-2xl);color:var(--text-primary)}.other-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.section.contact{min-height:auto;text-align:center}.contact-content{max-width:600px;margin:0 auto var(--space-2xl)}.contact-text{font-size:var(--fs-lg);color:var(--text-secondary);margin-bottom:var(--space-2xl)}.contact-btn{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-base);color:var(--cyan);border:1px solid var(--cyan);padding:16px 48px;border-radius:var(--border-radius);transition:background var(--transition-base)}.contact-btn:hover{background:#00e5ff14;color:var(--cyan)}.social-links{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-2xl)}.social-link{color:var(--text-muted);transition:color var(--transition-base),transform var(--transition-fast)}.social-link:hover{color:var(--cyan);transform:translateY(-3px)}.footer{text-align:center;padding:var(--space-2xl) 0;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted)}.footer-sub{margin-top:var(--space-sm);font-size:.65rem;color:var(--text-muted);opacity:.6}.side-element{position:fixed;bottom:0;z-index:10}.side-element.left{left:30px}.side-element.right{right:30px}.side-email{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);writing-mode:vertical-rl;letter-spacing:1px;transition:color var(--transition-base),transform var(--transition-base)}.side-email:after{content:"";display:block;width:1px;height:90px;background:var(--text-muted);margin:16px auto 0}.side-email:hover{color:var(--cyan);transform:translateY(-3px)}.side-socials{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.side-socials:after{content:"";display:block;width:1px;height:90px;background:var(--text-muted);margin-top:var(--space-md)}.side-socials a{color:var(--text-muted);transition:color var(--transition-base),transform var(--transition-base)}.side-socials a:hover{color:var(--cyan);transform:translateY(-3px)}@media(max-width:1080px){.side-element{display:none}}.section.stats{min-height:auto;padding:var(--space-3xl) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stat-card{background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:border-color var(--transition-base),transform var(--transition-smooth);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.stat-card:hover{border-color:#00e5ff33;transform:translateY(-4px);box-shadow:0 0 30px #00e5ff0f}.stat-number{font-family:var(--font-mono);font-size:var(--fs-4xl);font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.stat-suffix{font-family:var(--font-mono);font-size:var(--fs-3xl);font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.stat-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-md)}.stat-number{font-size:var(--fs-3xl)}}.timeline-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.live-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--green);background:#a6e3a114;border:1px solid rgba(166,227,161,.2);padding:3px 12px;border-radius:20px;font-weight:500}.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;animation:livePulse 2s ease-in-out infinite}.pulse-dot{animation:livePulse 2s ease-in-out infinite}.current-role{border-color:#00e5ff1f}.current-role:hover{border-color:#00e5ff40}.project-icon-wrap{color:#ffffffb3;margin-bottom:var(--space-sm)}.project-icon-wrap svg{filter:drop-shadow(0 0 12px rgba(0,229,255,.2))}.resume-modal-single{grid-template-columns:1fr}.resume-card-full{padding:var(--space-xl)}.resume-card-full .resume-card-icon{margin-bottom:var(--space-sm)}.resume-card-full .resume-card-title{font-size:var(--fs-xl)}.terminal{background:#11111be6;border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg),0 0 60px #00e5ff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:100%}.terminal-header{display:flex;align-items:center;gap:var(--space-md);padding:12px 16px;background:#181825cc;border-bottom:1px solid var(--glass-border)}.terminal-dots{display:flex;gap:8px}.terminal-dots .dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#f38ba8}.dot.yellow{background:#f9e2af}.dot.green{background:#a6e3a1}.terminal-title{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted)}.terminal-body{padding:var(--space-xl);font-family:var(--font-mono);font-size:var(--fs-sm);min-height:320px;max-height:450px;overflow-y:auto;overflow-x:hidden}@media(max-width:480px){.terminal-body{padding:var(--space-md)}}.terminal-output{margin-bottom:var(--space-sm)}.terminal-output .line{margin-bottom:4px;line-height:1.6}.terminal-output .line .prompt{color:var(--green)}.terminal-output .line .command{color:var(--text-primary)}.terminal-output .line .response{color:var(--text-secondary)}.terminal-output .line .accent{color:var(--cyan)}.terminal-output .line .label{color:var(--magenta);font-weight:600}.terminal-output .line .muted{color:var(--text-muted)}.terminal-input-line{display:flex;align-items:center;position:relative}.terminal-autocomplete{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;pointer-events:none;font-family:var(--font-mono);font-size:var(--fs-sm);color:#6c708666}.terminal-prompt{color:var(--green);word-break:break-all}.terminal-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-primary);caret-color:var(--cyan)}.terminal-cursor-blink{display:inline-block;width:8px;height:16px;background:var(--cyan);animation:blink 1s step-end infinite;margin-left:2px;vertical-align:middle}@keyframes blink{50%{opacity:0}}.other-project-card{background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:var(--space-xl);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));display:flex;flex-direction:column;transition:transform var(--transition-smooth),border-color var(--transition-base)}.other-project-card:hover{transform:translateY(-8px);border-color:#00e5ff26}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.card-folder{color:var(--cyan)}.card-links{display:flex;gap:var(--space-md)}.card-links a{color:var(--text-muted);transition:color var(--transition-base)}.card-links a:hover{color:var(--cyan)}.card-title{font-size:var(--fs-xl);margin-bottom:var(--space-md);transition:color var(--transition-base)}.other-project-card:hover .card-title{color:var(--cyan)}.card-description{font-size:var(--fs-base);color:var(--text-secondary);flex:1;margin-bottom:var(--space-xl)}.card-tech{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:auto}.card-tech span{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--cyan);background:#00e5ff0f;border:1px solid rgba(0,229,255,.12);padding:3px 10px;border-radius:20px;transition:background var(--transition-base),border-color var(--transition-base)}.other-project-card:hover .card-tech span{background:#00e5ff1a;border-color:#00e5ff40}.magnetic-btn{position:relative;overflow:hidden}.magnetic-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00e5ff0d;transform:scale(0);transition:transform var(--transition-smooth);border-radius:inherit}.magnetic-btn:hover:before{transform:scale(1)}.resume-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.resume-modal-overlay.open{opacity:1;visibility:visible}.resume-modal{background:#11111bf2;border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:var(--space-2xl) var(--space-2xl) var(--space-xl);max-width:520px;width:90%;position:relative;transform:scale(.9) translateY(20px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 80px #00e5ff14,var(--shadow-lg)}.resume-modal-overlay.open .resume-modal{transform:scale(1) translateY(0)}.resume-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:color var(--transition-fast),transform var(--transition-fast)}.resume-modal-close:hover{color:var(--magenta);transform:rotate(90deg)}.resume-modal-title{font-size:var(--fs-2xl);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:700}.resume-modal-subtitle{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-xl)}.resume-modal-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media(max-width:480px){.resume-modal-cards{grid-template-columns:1fr}}.resume-card{background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:var(--space-lg);text-align:center;transition:border-color var(--transition-base),transform var(--transition-smooth),box-shadow var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-decoration:none}.resume-card:hover{border-color:#00e5ff4d;transform:translateY(-4px);box-shadow:0 0 30px #00e5ff14;color:inherit}.resume-card-icon{color:var(--cyan);margin-bottom:var(--space-xs)}.resume-card-title{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary)}.resume-card-desc{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.resume-card-action{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--cyan);font-weight:500;transition:letter-spacing var(--transition-base)}.resume-card:hover .resume-card-action{letter-spacing:1px}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal:nth-child(2){transition-delay:.1s}.scroll-reveal:nth-child(3){transition-delay:.2s}.scroll-reveal:nth-child(4){transition-delay:.3s}.scroll-reveal:nth-child(5){transition-delay:.4s}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{animation:glitch-1 2s infinite linear alternate-reverse;color:var(--cyan);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-2px)}.glitch:after{animation:glitch-2 3s infinite linear alternate-reverse;color:var(--magenta);clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);transform:translate(2px)}@keyframes glitch-1{0%,80%,to{transform:translate(0)}85%{transform:translate(-3px,-1px)}90%{transform:translate(2px,1px)}95%{transform:translate(-1px,2px)}}@keyframes glitch-2{0%,70%,to{transform:translate(0)}75%{transform:translate(2px,1px)}82%{transform:translate(-1px,-2px)}92%{transform:translate(3px,-1px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 6s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #00e5ff1a}50%{box-shadow:0 0 25px #00e5ff40}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-text{background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--cyan));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.typing-cursor{display:inline-block;width:8px;height:1em;background:var(--cyan);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}.other-project-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,transparent 40%,rgba(0,229,255,.06) 50%,transparent 60%);background-size:250% 250%;z-index:-1;opacity:0;transition:opacity var(--transition-smooth)}.other-project-card{position:relative}.other-project-card:hover:after{opacity:1;animation:cardShine 1.5s ease}@keyframes cardShine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti{position:fixed;width:8px;height:8px;z-index:99999;pointer-events:none;animation:confetti-fall 3s ease-in forwards}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #a6e3a180}50%{opacity:.6;box-shadow:0 0 0 6px #a6e3a100}}@keyframes borderRotate{0%{--angle: 0deg}to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--angle),transparent 25%,var(--cyan) 50%,var(--magenta) 75%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.glow-border:hover:before{opacity:1;animation:borderRotate 3s linear infinite}@keyframes skillFill{0%{width:0}to{width:var(--skill-level, 80%)}}@keyframes ripple{0%{transform:scale(0);opacity:.4}to{transform:scale(4);opacity:0}}.ripple-effect{position:absolute;border-radius:50%;background:#00e5ff4d;width:60px;height:60px;pointer-events:none;animation:ripple .6s ease-out forwards}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.15) 20%,rgba(224,64,251,.2) 50%,rgba(0,229,255,.15) 80%,transparent);position:relative;overflow:hidden}.section-divider:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent);animation:dividerShimmer 4s ease-in-out infinite}@keyframes dividerShimmer{0%{left:-60%}to{left:160%}}.hire-badge{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:inline-flex;align-items:center;gap:8px;padding:8px 20px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--green);background:#a6e3a10f;border:1px solid rgba(166,227,161,.15);border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.5px;animation:hirePulse 3s ease-in-out infinite;cursor:pointer;text-decoration:none;transition:background var(--transition-base),border-color var(--transition-base)}.hire-badge:hover{background:#a6e3a11f;border-color:#a6e3a14d;color:var(--green)}.hire-badge-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:livePulse 2s ease-in-out infinite}@keyframes hirePulse{0%,to{box-shadow:0 0 #a6e3a126}50%{box-shadow:0 0 0 8px #a6e3a100}}@media(max-width:1080px){.hire-badge{display:none}}