@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Caveat:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Shadows+Into+Light&family=Handlee&family=Indie+Flower&family=Courier+Prime:wght@400;700&display=swap";:root{--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-header: 1000;--z-modal: 2000;--motion-hover-translate: -2px;--motion-hover-scale: 1.02;--motion-active-scale: .98;--motion-focus-ring-offset: 2px;--opacity-disabled: .5;--opacity-muted: .7;--opacity-overlay: .9}@media(prefers-reduced-motion:reduce){:root{--motion-hover-translate: 0;--motion-hover-scale: 1;--motion-active-scale: 1;--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms}}[data-theme=cyberpunk]{--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.8;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--color-primary: #00F0FF;--color-secondary: #FF00FF;--color-accent: #3B82F6;--color-primary-alpha: rgba(0, 240, 255, .2);--color-secondary-alpha: rgba(255, 0, 255, .2);--color-bg: #0A0E1A;--color-bg-elevated: rgba(30, 41, 59, .9);--color-bg-secondary: #111827;--color-surface: #1E293B;--color-text: #F1F5F9;--color-text-muted: #94A3B8;--color-text-secondary: #94A3B8;--color-border: rgba(0, 240, 255, .2);--color-surface-accent: rgba(0, 240, 255, .1);--color-surface-selected: rgba(0, 240, 255, .15);--gradient-primary: linear-gradient(135deg, #00F0FF, #FF00FF);--elevation-sm: 0 4px 12px rgba(0, 240, 255, .15);--elevation-md: 0 8px 24px rgba(0, 240, 255, .25);--elevation-lg: 0 16px 48px rgba(0, 240, 255, .35);--effect-outline-focus: 3px solid var(--color-primary);--effect-hover-lift: translateY(-4px);--effect-active-press: translateY(0) scale(.96);--motion-hover-translate: -4px;--motion-hover-scale: 1.03;--motion-active-scale: .96;--glow-idle: drop-shadow(0 0 10px rgba(0, 240, 255, .2));--glow-active: drop-shadow(0 0 25px rgba(0, 240, 255, .5));--glow-hover: drop-shadow(0 0 20px rgba(255, 0, 255, .4))}:root{font-family:var(--font-body);line-height:var(--line-height-base);font-weight:400;letter-spacing:var(--letter-spacing-base);color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base),font-family var(--transition-base)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);transition:background-color var(--transition-base),color var(--transition-base),font-family var(--transition-slow)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);font-family:var(--font-heading);color:var(--color-text);letter-spacing:var(--letter-spacing-tight);transition:font-family var(--transition-slow)}p{line-height:var(--line-height-base);font-family:var(--font-body);color:var(--color-text)}strong{font-weight:var(--font-weight-semibold)}code,pre{font-family:var(--font-mono);font-size:.9em}::selection{background:var(--color-primary);color:var(--color-bg)}[data-theme=cyberpunk]{text-rendering:geometricPrecision}[data-theme=cyberpunk] h2,[data-theme=cyberpunk] h3{text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-black);text-shadow:0 0 20px rgba(0,240,255,.3)}[data-theme=cyberpunk] h1{font-weight:var(--font-weight-black);text-shadow:0 0 20px rgba(0,240,255,.3)}[data-theme=cyberpunk] p{font-weight:var(--font-weight-medium)}[data-theme=paper]{text-rendering:optimizeLegibility}[data-theme=paper] h1,[data-theme=paper] h2,[data-theme=paper] h3{font-weight:var(--font-weight-bold);letter-spacing:.02em;line-height:1.2}[data-theme=paper] p{font-weight:var(--font-weight-normal);line-height:1.75}[data-theme=paper] strong{font-family:var(--font-heading);font-weight:var(--font-weight-bold)}[data-theme=blueprint]{text-rendering:geometricPrecision}[data-theme=blueprint] h1,[data-theme=blueprint] h2,[data-theme=blueprint] h3{font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}[data-theme=blueprint] p{font-weight:var(--font-weight-normal);letter-spacing:.01em}[data-theme=blueprint] code,[data-theme=blueprint] strong{font-family:var(--font-mono);font-weight:var(--font-weight-semibold)}[data-theme=rainbow]{text-rendering:optimizeLegibility}[data-theme=rainbow] h1,[data-theme=rainbow] h2,[data-theme=rainbow] h3{font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1}[data-theme=rainbow] p{font-weight:var(--font-weight-normal);line-height:1.7}[data-theme=editorial]{text-rendering:optimizeLegibility}[data-theme=editorial] h1,[data-theme=editorial] h2,[data-theme=editorial] h3{font-weight:var(--font-weight-medium);letter-spacing:-.01em;line-height:1.15}[data-theme=editorial] p{font-weight:var(--font-weight-normal);line-height:1.8;-webkit-hyphens:auto;hyphens:auto}[data-theme=editorial] strong{font-weight:var(--font-weight-semibold);font-style:italic}*{box-sizing:border-box}#root{margin:0;padding:0}main{padding-top:80px}html{scroll-behavior:smooth}.header{position:fixed;top:0;left:0;right:0;background:var(--color-bg-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:var(--z-header);transition:all var(--transition-normal);box-shadow:0 4px 20px var(--shadow-color, rgba(0, 0, 0, .1))}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-primary);color:var(--color-bg);padding:.75rem 1.5rem;text-decoration:none;font-weight:600;border-radius:0 0 8px;z-index:100;transition:top .3s ease}.skip-link:focus{top:0;outline:3px solid var(--color-secondary);outline-offset:2px}.nav{max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.logo{cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;text-decoration:none}.logo-image{height:60px;width:auto;filter:drop-shadow(0 0 8px rgba(0,240,255,.3));transition:all var(--transition-normal);transform:scale(1.3)}.logo:hover .logo-image{transform:scale(1.4);filter:drop-shadow(0 0 15px rgba(0,240,255,.6)) drop-shadow(0 0 20px rgba(255,0,255,.4))}.logo-svg{filter:drop-shadow(0 0 8px rgba(0,240,255,.3));transition:all var(--transition-normal);transform:scaleX(-1)}.logo:hover .logo-svg{transform:scaleX(-1) scale(1.1) rotate(5deg);filter:drop-shadow(0 0 15px rgba(0,240,255,.6)) drop-shadow(0 0 20px rgba(255,0,255,.4))}.logo-stop-1{stop-color:var(--color-primary);stop-opacity:1}.logo-stop-2{stop-color:var(--color-accent);stop-opacity:1}.logo-stop-3{stop-color:var(--color-secondary);stop-opacity:1}.logo-text{font-size:1.8rem;font-weight:var(--font-weight-black);font-family:var(--font-heading);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;filter:var(--logo-filter, none)}.logo:hover .logo-text{transform:scale(1.05);filter:var(--logo-hover-filter, drop-shadow(0 0 8px var(--color-primary)))}@keyframes logo-rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.nav-links{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.nav-links a{color:var(--color-text);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:1rem;font-family:var(--font-body);position:relative;transition:color var(--transition-normal);padding:var(--spacing-xs) 0;cursor:pointer}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal);border-radius:var(--radius-sm);box-shadow:0 0 10px var(--color-primary)}.nav-links a:hover,.nav-links a:focus{color:var(--color-primary);outline:none}.nav-links a:hover:after,.nav-links a:focus:after{width:100%}.nav-links a:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}@media(max-width:768px){.nav{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.logo-text{font-size:1.3rem}.nav-links{gap:var(--spacing-md);font-size:.9rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 2rem;background:var(--color-bg);position:relative;overflow:hidden}.hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;position:relative;z-index:1}.hero-text{text-align:left}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.unicorn-glow{position:absolute;inset:-20%;background:radial-gradient(circle,rgba(0,240,255,.3) 0%,transparent 70%);filter:blur(40px);animation:pulse-glow 4s ease-in-out infinite;pointer-events:none;transition:all .6s ease}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.origami-svg{width:100%;max-width:500px;height:auto;filter:drop-shadow(0 0 10px rgba(0,240,255,.2));transition:all .6s cubic-bezier(.68,-.55,.265,1.55);animation:cyber-glitch 8s infinite;transform:scaleX(-1)}.origami-svg:hover{transform:scaleX(-1) scale(1.05) rotate(-2deg);filter:brightness(1.3) drop-shadow(0 0 20px var(--color-primary))}.unicorn-part{fill:none;stroke-width:2;transition:stroke .3s ease,stroke-width .3s ease,filter .3s ease;animation:cyber-scan 3s linear infinite}.unicorn-part-1{stroke:var(--color-primary)}.unicorn-part-2{stroke:var(--color-secondary)}.unicorn-part-3{stroke:var(--color-accent)}.unicorn-part:hover{filter:brightness(1.5) drop-shadow(0 0 8px currentColor);stroke-width:3}.unicorn-stop-1{stop-color:var(--color-primary);stop-opacity:1}.unicorn-stop-2{stop-color:var(--color-secondary);stop-opacity:1}.unicorn-stop-3{stop-color:var(--color-accent);stop-opacity:1}@keyframes cyber-glitch{0%,90%,to{transform:scaleX(-1) translate(0)}91%{transform:scaleX(-1) translate(2px,2px)}93%{transform:scaleX(-1) translate(-2px,-2px);filter:brightness(1.2)}95%{transform:scaleX(-1) translate(1px,1px)}97%{transform:scaleX(-1) translate(0)}}@keyframes cyber-scan{0%,to{opacity:.9}50%{opacity:1}}.hero-greeting{font-size:1.2rem;font-weight:600;margin:0 0 1rem;display:inline-block;color:var(--color-text);cursor:default;-webkit-user-select:none;user-select:none;text-transform:none;letter-spacing:normal}.wave-icon{display:inline-block;margin-right:.5rem;animation:wave 2.5s infinite;transform-origin:70% 70%;filter:drop-shadow(0 0 8px rgba(0,240,255,.6)) drop-shadow(0 0 12px rgba(255,0,255,.4));cursor:pointer;transition:all .3s ease;vertical-align:middle}.wave-icon:hover{animation:wave-crazy .5s ease-in-out 3;filter:drop-shadow(0 0 15px rgba(0,240,255,.8)) drop-shadow(0 0 20px rgba(255,0,255,.8)) drop-shadow(0 0 25px rgba(59,130,246,.6));transform:scale(1.3)}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes wave-crazy{0%{transform:rotate(-20deg)}25%{transform:rotate(20deg) scale(1.4)}50%{transform:rotate(-20deg)}75%{transform:rotate(20deg) scale(1.4)}to{transform:rotate(-20deg)}}strong{font-size:1rem;font-weight:900;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(135deg,var(--color-primary),var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient 8s ease infinite;background-size:200% 200%;cursor:default;-webkit-user-select:none;user-select:none}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-subtitle{font-size:1.9rem;margin-bottom:1.5rem;color:var(--color-text);font-weight:500;max-width:550px;cursor:default;-webkit-user-select:none;user-select:none}.hero-description{font-size:1.1rem;line-height:1.8;margin-bottom:3rem;color:var(--color-text-secondary);max-width:550px;cursor:default;-webkit-user-select:none;user-select:none}.hero-description strong{color:var(--color-primary);font-weight:700}.hero-cta{display:flex;gap:1.2rem;flex-wrap:wrap;animation:slideUpFade .8s ease-out .6s backwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-primary,.btn-secondary{padding:1.2rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;position:relative;overflow:hidden;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none}.btn-primary:before,.btn-secondary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.btn-primary:hover:before,.btn-secondary:hover:before{transform:translate(100%)}.btn-primary:active,.btn-secondary:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:0 4px 15px #00f0ff4d;padding:1.2rem 2.8rem;font-size:1.15rem}.btn-primary:hover,.btn-primary:focus{transform:translateY(-3px);box-shadow:0 8px 25px #00f0ff80}.btn-primary:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.btn-secondary{background:transparent;color:var(--color-primary);border:3px solid var(--color-primary);padding:1.2rem 2.8rem;font-size:1.15rem}.btn-secondary:hover,.btn-secondary:focus{background:var(--color-primary);color:#fff;transform:translateY(-3px)}.btn-secondary:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@media(max-width:968px){.hero-content{grid-template-columns:1fr;gap:2rem}.hero-visual{order:-1}.origami-svg{max-width:300px}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}}@media(max-width:768px){.hero-visual{display:none}}.about{padding:6rem 2rem 8rem;background:var(--color-bg);position:relative;overflow:hidden;scroll-margin-top:100px}.about-container{max-width:1200px;margin:0 auto}.about-heading{font-size:3rem;font-weight:900;margin-bottom:4rem;text-align:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-heading)}.about-content{display:grid;grid-template-columns:400px 1fr;gap:4rem;align-items:start}.about-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.about-image-glow{position:absolute;inset:-10%;background:radial-gradient(circle,rgba(0,240,255,.3) 0%,rgba(255,0,255,.2) 50%,transparent 70%);filter:blur(40px);animation:pulse-glow 4s ease-in-out infinite;pointer-events:none;z-index:0}.about-image,.about-image-placeholder{position:relative;width:100%;height:auto;border-radius:50%;border:4px solid transparent;background:linear-gradient(var(--color-bg),var(--color-bg)) padding-box,linear-gradient(135deg,var(--color-primary),var(--color-secondary)) border-box;box-shadow:0 0 20px #00f0ff4d,0 0 40px #f0f3;transition:all .4s ease;z-index:1}.about-image-placeholder{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00f0ff1a,#ff00ff1a) padding-box,linear-gradient(135deg,var(--color-primary),var(--color-secondary)) border-box}.about-image-placeholder svg{width:100%;height:100%;padding:2rem}.about-image:hover,.about-image-placeholder:hover{transform:scale(1.05);box-shadow:0 0 30px #00f0ff80,0 0 60px #f0f6}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-text p{font-size:1.1rem;line-height:1.8;color:var(--color-text-secondary);margin:0}.about-intro{font-size:1.2rem;color:var(--color-text);font-weight:500;position:relative;padding-left:1.5rem}.about-intro:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:2px}.about-closing{font-style:italic;color:var(--color-text-muted)}.about-text strong{color:var(--color-primary);font-weight:700}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media(max-width:968px){.about-content{grid-template-columns:1fr;gap:3rem}.about-image-wrapper{max-width:300px;margin:0 auto}.about-heading{font-size:2.5rem;margin-bottom:3rem}.about-text p{font-size:1rem}.about-intro{font-size:1.1rem}}@media(max-width:640px){.about{padding:4rem 1.5rem}.about-image-wrapper{max-width:250px}.about-heading{font-size:2rem}}.projects{padding:8rem 2rem;background:var(--color-bg-secondary)}.section-title{font-size:3rem;text-align:center;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-black);font-family:var(--font-heading)}.section-intro{text-align:center;font-size:1.2rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto 4rem}.timeline{max-width:900px;margin:0 auto;position:relative;padding-left:80px}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--gradient-primary);opacity:.3}.timeline-item{position:relative;margin-bottom:3rem;opacity:0;transform:translate(-50px);transition:opacity .6s ease,transform .6s ease}.timeline-item-visible{opacity:1;transform:translate(0)}.timeline-item:nth-child(1).timeline-item-visible{transition-delay:0s}.timeline-item:nth-child(2).timeline-item-visible{transition-delay:.15s}.timeline-item:nth-child(3).timeline-item-visible{transition-delay:.3s}.timeline-item:nth-child(4).timeline-item-visible{transition-delay:.45s}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-80px;top:0;width:40px;height:40px;background:var(--color-surface);border:3px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--color-primary);z-index:2;animation:markerPulse 2s ease-in-out infinite}@keyframes markerPulse{0%,to{box-shadow:0 0 20px var(--color-primary);transform:scale(1)}50%{box-shadow:0 0 30px var(--color-primary),0 0 40px var(--color-primary);transform:scale(1.05)}}.timeline-icon{width:20px;height:20px;color:var(--color-primary);filter:drop-shadow(0 0 10px var(--color-primary))}.timeline-content{background:var(--color-surface);padding:2rem;border-radius:12px;border:2px solid var(--color-border);transition:all .3s ease;box-shadow:0 4px 20px #0000004d;width:100%;text-align:left;cursor:pointer;position:relative}.timeline-content:hover{transform:translate(12px) scale(1.02);border-color:var(--color-primary);box-shadow:0 10px 40px #0006;background:var(--color-surface)}.view-more{display:inline-block;margin-top:1rem;color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:.95rem;opacity:.8;transition:opacity .3s ease}.timeline-content:hover .view-more{opacity:1}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.timeline-content h3{font-size:1.5rem;color:var(--color-text);margin:0 0 .3rem;font-family:var(--font-heading);font-weight:700}.timeline-company{color:var(--color-secondary);font-weight:var(--font-weight-bold);font-size:1rem;margin:0}.timeline-period{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;white-space:nowrap}.timeline-description{color:var(--color-text-secondary);line-height:1.7;margin:0;font-size:1rem}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#111827f2,#1e293bf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:2px solid rgba(0,240,255,.3);max-width:800px;width:100%;max-height:85vh;overflow-y:auto;padding:3rem;position:relative;box-shadow:0 20px 60px #00f0ff33;animation:slideUp .3s ease}.modal-content::-webkit-scrollbar{width:12px}.modal-content::-webkit-scrollbar-track{background:#0a0e1a80;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:10px;border:2px solid var(--color-bg)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.modal-content{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-primary);color:var(--color-bg);transform:rotate(90deg)}.modal-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-border)}.modal-header h2{font-size:2.5rem;margin:0 0 .5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-heading)}.modal-company{font-size:1.3rem;color:var(--color-primary);font-weight:700;margin:0 0 .5rem}.modal-period{color:var(--color-text-secondary);font-size:1rem}.modal-body{display:flex;flex-direction:column;gap:2rem}.modal-section h3{font-size:1.5rem;color:var(--color-text);margin:0 0 1rem;font-family:var(--font-heading);font-weight:700}.modal-section p{color:var(--color-text-secondary);line-height:1.8;margin:0;font-size:1.1rem}.modal-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.modal-section li{padding-left:1.5rem;position:relative;color:var(--color-text-secondary);line-height:1.6}.modal-section li:before{content:"▹";position:absolute;left:0;color:var(--color-primary);font-weight:700}.modal-tools{display:flex;flex-wrap:wrap;gap:.8rem}.tool-tag{padding:.6rem 1.2rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:20px;color:var(--color-primary);font-size:.9rem;font-weight:600}@media(max-width:768px){.projects{padding:5rem 1rem}.timeline{padding-left:40px}.timeline:before{left:10px}.timeline-marker{left:-28px;width:35px;height:35px}.timeline-icon{font-size:1rem}.timeline-content{padding:1.5rem}.timeline-header{flex-direction:column;gap:.5rem}.timeline-period{white-space:normal}.modal-overlay{padding:1rem}.modal-content{padding:2rem;max-height:90vh}.modal-header h2{font-size:2rem}.modal-company{font-size:1.1rem}.modal-close{top:1rem;right:1rem;width:36px;height:36px;font-size:1.3rem}.modal-section h3{font-size:1.3rem}}.skills{padding:8rem 2rem;background:var(--color-bg);position:relative;overflow:hidden}.skills:before{content:"";position:absolute;top:20%;right:10%;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-title{font-size:3rem;text-align:center;margin-bottom:3rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-black);font-family:var(--font-heading)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem}.skill-category{background:linear-gradient(135deg,#0a0e1a99,#111827cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2.5rem;border-radius:30px;box-shadow:0 4px 20px #0003;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid var(--color-border);position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;cursor:default;opacity:0;transform:translateY(50px)}.skill-category.animate-in{animation:cardSlideUp .6s ease-out forwards}.skill-category:nth-child(2).animate-in{animation-delay:.1s}.skill-category:nth-child(3).animate-in{animation-delay:.2s}@keyframes cardSlideUp{to{opacity:1;transform:translateY(0)}}.card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .8s ease;pointer-events:none}.skill-category:hover .card-shine{transform:translate(100%) translateY(100%) rotate(45deg)}.skill-category:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,var(--color-primary-alpha) 0%,transparent 60%);opacity:0;transition:opacity .4s ease;z-index:0}.skill-category:hover:before{opacity:1}.skill-category:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 60px var(--color-primary-alpha),0 0 80px var(--color-primary-alpha) inset;border-color:var(--color-primary);background:radial-gradient(circle at top right,var(--color-primary-alpha),transparent 70%),linear-gradient(135deg,#111827e6,#1e293bf2)}.category-title{font-size:1.8rem;margin-bottom:1.5rem;font-weight:800;font-family:var(--font-heading);position:relative;z-index:1;text-align:center;line-height:1.2;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease}.category-title:hover{transform:scale(1.1);text-shadow:0 0 30px currentColor;animation:title-bounce .5s ease-in-out 2}@keyframes title-bounce{0%,to{transform:scale(1.1)}50%{transform:scale(1.15) translateY(-5px)}}.category-title.cyan{color:var(--color-primary);text-shadow:0 0 15px var(--color-primary)}.category-title.blue{color:var(--color-accent);text-shadow:0 0 15px var(--color-accent)}.category-title.magenta{color:var(--color-secondary);text-shadow:0 0 15px var(--color-secondary)}.skills-tags{display:flex;flex-direction:column;gap:.9rem;width:100%;position:relative;z-index:1;align-items:center}.skill-tag{padding:.75rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600;background:#0a0e1a80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;border:2px solid;text-align:center;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;animation:tagFadeIn .4s ease-out backwards}.skill-category.animate-in .skill-tag:nth-child(1){animation-delay:.3s}.skill-category.animate-in .skill-tag:nth-child(2){animation-delay:.35s}.skill-category.animate-in .skill-tag:nth-child(3){animation-delay:.4s}.skill-category.animate-in .skill-tag:nth-child(4){animation-delay:.45s}.skill-category.animate-in .skill-tag:nth-child(5){animation-delay:.5s}@keyframes tagFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.skill-tag.cyan{border-color:var(--color-primary);color:var(--color-primary)}.skill-tag.blue{border-color:var(--color-accent);color:var(--color-accent)}.skill-tag.magenta{border-color:var(--color-secondary);color:var(--color-secondary)}.skill-tag:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px currentColor}.skill-tag.cyan:hover{background:var(--color-primary-alpha);box-shadow:0 6px 20px var(--color-primary)}.skill-tag.blue:hover{background:#3b82f633;box-shadow:0 6px 20px var(--color-accent)}.skill-tag.magenta:hover{background:var(--color-secondary-alpha);box-shadow:0 6px 20px var(--color-secondary)}@media(max-width:968px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.skills{padding:4rem 1rem}.section-title{font-size:2.2rem}.skills-grid{grid-template-columns:1fr;gap:2rem}}.education{padding:8rem 2rem;background:var(--color-bg-secondary);position:relative;overflow:hidden}.education:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%);opacity:.5}.education:after{content:"";position:absolute;top:10%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%);opacity:.03;animation:float-shape 20s ease-in-out infinite;pointer-events:none}@keyframes float-shape{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-50px,50px) rotate(180deg)}}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}.education-card{background:var(--color-surface);padding:2.5rem;border-radius:16px;text-align:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border:2px solid var(--color-border);box-shadow:0 4px 20px #0000001a;position:relative;overflow:hidden}.education-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,var(--color-primary) 50%,transparent 70%);opacity:0;transform:rotate(45deg);transition:opacity .6s ease}.education-card:hover:before{animation:shine 1.5s ease-in-out}@keyframes shine{0%{opacity:0;transform:translate(-100%) rotate(45deg)}50%{opacity:.1}to{opacity:0;transform:translate(100%) rotate(45deg)}}.education-card:hover{transform:translateY(-12px) scale(1.02);border-color:var(--color-primary);box-shadow:0 20px 40px #00f0ff26,0 0 20px #00f0ff1a,inset 0 0 60px #00f0ff0d}.education-card:nth-child(2):hover{border-color:var(--color-secondary);box-shadow:0 20px 40px #ff00ff26,0 0 20px #ff00ff1a,inset 0 0 60px #ff00ff0d}.education-card:nth-child(3):hover{border-color:var(--color-accent);box-shadow:0 20px 40px #3b82f626,0 0 20px #3b82f61a,inset 0 0 60px #3b82f60d}.education-card:hover .edu-icon{animation:icon-pulse .8s ease-in-out;filter:brightness(1.5)}@keyframes icon-pulse{0%,to{transform:scale(1)}25%{transform:scale(1.3) rotate(-10deg)}75%{transform:scale(1.3) rotate(10deg)}}.edu-icon{font-size:3rem;margin-bottom:1.5rem;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary);transition:all .4s ease;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;animation:icon-glow 3s ease-in-out infinite}.edu-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 20px currentColor) drop-shadow(0 0 40px currentColor)}.education-card:nth-child(2) .edu-icon{color:var(--color-secondary);text-shadow:0 0 20px var(--color-secondary),0 0 40px var(--color-secondary);animation-delay:1s}.education-card:nth-child(3) .edu-icon{color:var(--color-accent);text-shadow:0 0 20px var(--color-accent),0 0 40px var(--color-accent);animation-delay:2s}@keyframes icon-glow{0%,to{opacity:.9;text-shadow:0 0 10px currentColor,0 0 20px currentColor}50%{opacity:1;text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 0 60px currentColor}}.education-card h3{font-size:1.4rem;color:var(--color-text);margin-bottom:.5rem;font-family:var(--font-heading)}.edu-school{color:var(--color-primary);font-weight:700;margin-bottom:.5rem}.edu-period{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:.5rem}.edu-description{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary);margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.courses-section{background:var(--color-surface);padding:2.5rem;border-radius:16px;border:2px solid var(--color-border);box-shadow:0 4px 20px #0000001a;position:relative;overflow:hidden;transition:all .3s ease}.courses-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.05) 50%,transparent 100%);transition:left .8s ease}.courses-section:hover:before{left:100%}.courses-section:hover{border-color:var(--color-primary);box-shadow:0 8px 30px #0003,0 0 20px #00f0ff1a}.courses-title{font-size:1.5rem;color:var(--color-text);margin-bottom:1.5rem;font-family:var(--font-heading);text-align:center;position:relative;display:inline-block;width:100%}.courses-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 50%,transparent 100%)}.courses-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.course-item{background:var(--color-bg-secondary);padding:1rem 1.5rem;border-radius:10px;color:var(--color-text);font-weight:500;display:flex;align-items:center;gap:.8rem;border-left:3px solid var(--color-primary);transition:all .3s ease;position:relative;overflow:hidden}.course-item:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.1) 50%,transparent 100%);transition:width .4s ease}.course-item:hover:before{width:100%}.course-item:hover{background:var(--color-surface);border-left-color:var(--color-primary);box-shadow:0 4px 15px #00f0ff33,inset 0 0 20px #00f0ff0d;transform:translate(8px)}.course-item:hover .course-bullet{animation:bullet-pulse .6s ease;color:var(--color-primary)}@keyframes bullet-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.5);text-shadow:0 0 10px var(--color-primary)}}.course-bullet{color:var(--color-primary);font-size:1.2rem;transition:all .3s ease}@media(max-width:968px){.education-grid{grid-template-columns:repeat(2,1fr)}.courses-list{grid-template-columns:1fr}}@media(max-width:768px){.education{padding:4rem 1rem}.education-grid{grid-template-columns:1fr}}.contact{padding:8rem 2rem;background:var(--color-bg);color:var(--color-text);position:relative;overflow:hidden}.contact:before{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,var(--color-primary-alpha) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}.contact .section-title{font-size:3.5rem;color:var(--color-text);text-align:center;margin-bottom:1rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-heading)}.contact-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.contact-intro{font-size:1.4rem;line-height:1.8;margin-bottom:4rem;color:var(--color-text-secondary);font-weight:500}.contact-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto}.contact-link{position:relative;padding:2.5rem 2rem;background:var(--color-surface);color:var(--color-text);text-decoration:none;border-radius:16px;font-weight:600;transition:all .4s ease;display:flex;align-items:center;gap:1.5rem;border:2px solid var(--color-border);font-family:var(--font-body);overflow:hidden;cursor:pointer}.link-glow{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease;pointer-events:none}.email-link .link-glow{background:radial-gradient(circle at center,var(--color-primary-alpha),transparent 70%)}.linkedin-link .link-glow{background:radial-gradient(circle at center,var(--color-secondary-alpha),transparent 70%)}.contact-icon{font-size:2.5rem;transition:all .4s ease;z-index:1}.email-link .contact-icon{color:var(--color-primary);text-shadow:0 0 20px var(--color-primary)}.linkedin-link .contact-icon{color:var(--color-secondary);text-shadow:0 0 20px var(--color-secondary)}.contact-text{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;z-index:1}.link-label{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;opacity:.7}.link-value{font-size:1.1rem;font-weight:600}.email-link .link-value{color:var(--color-primary)}.linkedin-link .link-value{color:var(--color-secondary)}.contact-link:hover .link-glow,.contact-link:focus .link-glow{opacity:1}.contact-link:hover,.contact-link:focus{transform:translateY(-5px)}.email-link:hover,.email-link:focus{border-color:var(--color-primary);box-shadow:0 10px 40px var(--color-primary-alpha)}.linkedin-link:hover,.linkedin-link:focus{border-color:var(--color-secondary);box-shadow:0 10px 40px var(--color-secondary-alpha)}.contact-link:hover .contact-icon{transform:rotate(360deg) scale(1.3);filter:drop-shadow(0 0 15px currentColor)}.contact-link:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@media(max-width:768px){.contact{padding:5rem 1rem}.contact .section-title{font-size:2.5rem}.contact-intro{font-size:1.1rem}.contact-methods{grid-template-columns:1fr}.contact-link{padding:2rem 1.5rem}}.scroll-progress-container{position:fixed;top:0;left:0;right:0;height:4px;background:#00f0ff1a;z-index:1001}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent),var(--color-secondary));transition:width .2s linear;box-shadow:0 0 20px #00f0ffcc;position:relative;will-change:width}.scroll-progress-bar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:100px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(0)}}.footer{background:var(--color-bg);padding:2rem 1.5rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-text{color:var(--color-text-tertiary);font-size:.85rem;margin:0;font-weight:400;opacity:.6}@media(max-width:768px){.footer{padding:1.5rem 1rem}.footer-text{font-size:.85rem}}