:root{--color-bg-base: #111111;--color-bg-surface: #1a1a1a;--color-bg-glass: rgba(26, 26, 26, .6);--color-primary: #e6e6e6;--color-primary-glow: rgba(255, 255, 255, .1);--color-secondary: #aaaaaa;--color-text-main: #f8f8ff;--color-text-muted: #888888;--color-accent: #333333;--font-main: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-heading: "Playfair Display", Georgia, serif;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--border-radius: 12px;--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}img,button,a,.bento-card,.project-card,.education-timeline,.tech-card-sliding,.inline-pill,.tag,.floating-icon,.floating-item,.btn-animated-border,.profile-image{outline:1px solid transparent}html{scroll-behavior:smooth;scroll-padding-top:120px}body{font-family:var(--font-main);background-color:var(--color-bg-base);color:var(--color-text-main);line-height:1.6;min-height:100vh;cursor:none}@media (hover: none) and (pointer: coarse){body,.btn,a,button,.icon-btn{cursor:auto}}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:var(--color-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);line-height:1.2;margin-bottom:var(--spacing-md);font-weight:700}.section-title{text-align:center;font-family:var(--font-main);font-size:3.5rem;margin-bottom:var(--spacing-xl);position:relative;width:fit-content;margin-left:auto;margin-right:auto;cursor:default}.section-title:after{content:"";position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:var(--color-primary);transform:scaleX(0);transform-origin:right;transition:transform 1.1s cubic-bezier(.19,1,.22,1)}.section-title:hover:after,.active-focus .section-title:after{transform:scaleX(1);transform-origin:left}.gradient-text{background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:8px;padding:.8rem 1.5rem;background:#ffffff0d;color:var(--color-text-main);border:1px solid rgba(255,255,255,.1);border-radius:40px;font-weight:500;cursor:none;transition:all var(--transition-speed)}.btn:hover{background:#ffffff26;transform:translateY(-2px);border-color:#ffffff4d;color:#fff}.dynamic-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;background-color:var(--color-bg-base);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle 800px at var(--mouse-x, 50vw) var(--mouse-y, 50vh),hsla(calc(210 + var(--scroll-progress, 0) * 120),80%,55%,.2),transparent 60%);background-size:40px 40px,40px 40px,100% 100%;background-position:center center}.scroll-progress-bar{position:fixed;top:0;left:0;height:3px;background-color:#fff;width:100%;transform-origin:left;transform:scaleX(var(--scroll-progress, 0));z-index:10000;box-shadow:0 0 10px #ffffff80}.tag{background:#ffffff0d;color:var(--color-text-main);padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;transition:all var(--transition-speed);border:1px solid rgba(255,255,255,.1);display:inline-block}.tag:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.tag-outline{background:transparent;border-color:#fff3;color:var(--color-text-muted)}.tag-outline:hover{border-color:#fff;color:#fff;background:#ffffff0d}.reveal-wrapper{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.175,.885,.32,1.275),transform .6s cubic-bezier(.175,.885,.32,1.275)}.reveal-wrapper.revealed{opacity:1;transform:translateY(0)}@media (max-width: 768px){.section-title{font-size:2rem;margin-bottom:var(--spacing-lg)}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background-color var(--transition-speed),border var(--transition-speed),padding var(--transition-speed);padding:var(--spacing-lg) 0;background-color:transparent}.navbar.scrolled{padding:var(--spacing-md) 0;background-color:#111111fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.mobile-top-mask{display:none}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.logo a{font-family:var(--font-main);font-size:2rem;font-weight:700;color:var(--color-text-main);text-decoration:none;letter-spacing:0px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.logo a:hover{letter-spacing:2px;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.2);transform:scale(1.05)}.nav-links{list-style:none;display:flex;gap:var(--spacing-lg)}.nav-links li a{color:var(--color-text-muted);font-weight:400;position:relative;font-size:.95rem}.nav-links li a:hover,.nav-links li a.active{color:var(--color-text-main)}.nav-links li a:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--color-text-main);transition:width var(--transition-speed)}.nav-links li a:hover:after,.nav-links li a.active:after{width:100%}.mobile-close-btn{display:none}.hamburger{display:none;cursor:pointer;z-index:1001}.hamburger div{width:25px;height:2px;background-color:var(--color-text-main);margin:5px 0;transition:.4s;border-radius:2px}.hamburger.open .bar1{transform:translateY(7px) rotate(-45deg)}.hamburger.open .bar2{opacity:0}.hamburger.open .bar3{transform:translateY(-7px) rotate(45deg)}@media (max-width: 768px){.mobile-top-mask{display:block;position:fixed;top:-100px;left:0;width:100%;height:calc(100px + env(safe-area-inset-top,40px));background-color:#000;z-index:1000}.navbar{z-index:1001}.hamburger{display:block}.navbar-container{flex-direction:row;justify-content:space-between;align-items:center}.nav-links{position:fixed;top:0;right:-100%;width:250px;height:100vh;background:#111111fa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-lg);transition:right .4s cubic-bezier(.175,.885,.32,1.1);border-left:1px solid rgba(255,255,255,.05);box-shadow:-5px 0 30px #00000080;z-index:1000}.nav-links.open{right:0}.nav-links li a{font-size:1.2rem}.mobile-close-btn{display:block;position:absolute;top:25px;right:25px;color:var(--color-text-main);font-size:2rem;cursor:pointer;transition:transform .3s ease,color .3s ease}.mobile-close-btn:hover{transform:scale(1.1);color:#ff4b4b}}@supports (padding-top: env(safe-area-inset-top)){.navbar,.navbar.scrolled{padding-top:max(var(--spacing-md),env(safe-area-inset-top))}}.toast-container{position:fixed;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-container.top-right{top:24px;right:24px;align-items:flex-end}.toast-container.top-left{top:24px;left:24px;align-items:flex-start}.toast-container.top-center{top:24px;left:50%;transform:translate(-50%);align-items:center}.toast-container.bottom-right{bottom:24px;right:24px;align-items:flex-end}.toast-container.bottom-left{bottom:24px;left:24px;align-items:flex-start}.toast-container.bottom-center{bottom:24px;left:50%;transform:translate(-50%);align-items:center}.toast-message{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;min-width:280px;max-width:90vw;background:#11111173;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px 18px;box-shadow:0 12px 40px #0006,inset 0 1px 1px #ffffff1a;color:#fff;position:relative;overflow:hidden;font-family:var(--font-body, inherit);transition:opacity .3s ease;touch-action:none!important;cursor:pointer;user-select:none;-webkit-user-select:none}.toast-content{flex-grow:1;font-size:.95rem;font-weight:500;line-height:1.4;margin-right:16px}.toast-emoji{margin-right:8px;font-size:1.1rem}.toast-close-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:color .2s ease,background .2s ease}.toast-close-btn:hover{color:#fff;background:#ffffff1a}.toast-entering:not(.notification-toast){animation:toastSlideIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}.toast-closing:not(.notification-toast):not(.toast-swiped){animation:toastFadeOut .3s ease forwards}.toast-container[class*=bottom-] .notification-toast.toast-entering{animation:slideIn .4s cubic-bezier(.32,.72,0,1) forwards}.toast-container[class*=bottom-] .notification-toast.toast-closing{animation:slideOut .4s cubic-bezier(.32,.72,0,1) forwards}.toast-container[class*=top-] .notification-toast.toast-entering{animation:slideDownIn .4s cubic-bezier(.32,.72,0,1) forwards}.toast-container[class*=top-] .notification-toast.toast-closing{animation:slideUpOut .4s cubic-bezier(.32,.72,0,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes slideIn{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(120%)}}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-120%)}}.toast-progress-bar{position:absolute;bottom:0;left:0;height:3px;width:100%;transform-origin:left;animation:shrinkProgress linear forwards}@keyframes shrinkProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 768px){.toast-container{padding:0 16px;width:100%;box-sizing:border-box}.toast-container.top-center,.toast-container.bottom-center{width:100%;align-items:center}.toast-message{width:100%}}.notification-toast{touch-action:none!important;user-select:none;-webkit-user-select:none}.notification-toast-container{display:flex;align-items:center;gap:12px;width:100%;flex-grow:1;margin-right:12px}.notification-toast-avatar-wrapper{position:relative;width:45px;height:45px;flex-shrink:0}.notification-toast-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.notification-toast-app-icon{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;border-radius:6px;background:#111;border:2px solid rgba(17,17,17,.9);object-fit:contain;padding:2px}.notification-toast-body{display:flex;flex-direction:column;flex-grow:1;gap:4px}.notification-toast-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-toast-name{font-weight:700;font-size:.95rem;color:#fff}.notification-toast-time{font-size:.75rem;color:#ffffff80;margin-left:auto}.notification-toast-text{font-size:.9rem;font-weight:400;line-height:1.3}.hero-section{padding:150px 0 80px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;max-width:none;width:100%;min-height:100vh}.hero-content{position:relative;z-index:10;max-width:800px}.name{font-family:var(--font-main);font-size:clamp(2rem,5vw,4rem);font-weight:700;margin-bottom:var(--spacing-lg);line-height:1.2;color:#aaa;white-space:nowrap}.name-link{color:inherit;text-decoration:none;transition:color var(--transition-speed),text-shadow var(--transition-speed)}.name-link:hover{color:#fff;text-shadow:1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000,4px 4px 0 #000,5px 5px 0 #000,6px 6px 15px rgba(0,0,0,.9)}.tagline{font-size:1.15rem;color:var(--color-text-main);margin-bottom:var(--spacing-xl);font-weight:400;line-height:1.6}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.btn-animated-border{position:relative;background:transparent;color:#fff;border:1px solid transparent;padding:1.25rem 3.5rem;border-radius:50px;font-family:Times New Roman,Times,serif;font-weight:600;font-size:1.35rem;display:inline-flex;align-items:center;justify-content:center;z-index:1;text-decoration:none;overflow:hidden;transition:color .6s ease;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000)}.btn-animated-border:hover{color:#000}.btn-text-shimmer{background:linear-gradient(90deg,#444,#fff,#444);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmerText 2s linear infinite;transition:color .3s ease,background .3s ease}.btn-animated-border:hover .btn-text-shimmer{background:linear-gradient(90deg,#000,#aaa,#000);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerText 2s linear infinite}.btn-animated-border:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;background:conic-gradient(from 0deg at 50% 50%,#fff0,#fff0 80%,#fff 95%,#fff0);z-index:-2;animation:rotateBorder 2s linear infinite;transform:translate(-50%,-50%)}.btn-animated-border:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#000;border-radius:48px;z-index:-1;transition:background .6s ease}.btn-animated-border:hover:after{background:#fff}@keyframes rotateBorder{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;pointer-events:none}.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 10s infinite alternate ease-in-out}.orb-1{width:400px;height:400px;background:var(--color-primary);top:-100px;left:-100px}.orb-2{width:300px;height:300px;background:var(--color-accent);bottom:10%;right:-50px;animation-delay:-5s}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,50px)}}@media (max-width: 768px){.hero-section{padding-top:130px}.hero-content{padding:0 var(--spacing-md)}.name{font-size:2.2rem;white-space:normal}.tagline{font-size:1rem}}.profile-image-container{margin-bottom:var(--spacing-lg);display:inline-flex;justify-content:center;position:relative;animation:floatOrganic 8s ease-in-out infinite}.profile-image{width:260px;height:260px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1);box-shadow:0 0 0 4px #151e35,0 0 30px #151e35,0 15px 35px #0009;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}@media (hover: hover) and (pointer: fine){.profile-image-container:hover{animation-play-state:paused}.profile-image-container:hover .profile-image{transform:scale(1.05);box-shadow:0 0 0 6px #151e35,0 0 45px #151e35,0 20px 40px #000000b3}}.interactive-bubble{position:absolute;bottom:5px;right:5px;width:45px;height:45px;background:var(--color-bg-base);border:2px solid rgba(255,255,255,.2);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;box-shadow:0 5px 15px #00000080;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .3s ease;z-index:2;animation:pulseBubble 3s infinite alternate;-webkit-user-select:none;user-select:none}@keyframes pulseBubble{0%{transform:scale(1)}to{transform:scale(1.08)}}.interactive-bubble:hover{transform:scale(1.2) rotate(15deg)!important;background:#ffffff1a;animation-play-state:paused}.about-section{padding:var(--spacing-xl) 0;display:flex;flex-direction:column;align-items:center}.about-container{display:flex;justify-content:center;width:100%}.about-content{max-width:1200px;width:100%;text-align:center;background:transparent;padding:var(--spacing-xl);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.inline-pill-text{font-size:1.6rem;line-height:3;color:var(--color-text-main);font-weight:400;max-width:1000px;margin:0 auto}.inline-pill{position:relative;display:inline-block;border-radius:40px;padding:0 1.2rem;margin:0 .4rem;font-weight:500;box-shadow:0 4px 10px #00000080;transition:transform .3s ease;vertical-align:middle;line-height:2.5rem;font-size:1.2rem;overflow:hidden;z-index:1}.inline-pill:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;background-color:#000;border-radius:40px;z-index:-1}.inline-pill:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;background:conic-gradient(from 0deg at 50% 50%,transparent 0%,transparent 80%,#ffffff 100%);z-index:-2;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.inline-pill:hover:before{opacity:1;animation:rotateBorderPill 2s linear infinite}.inline-pill:hover{transform:translateY(-2px)}@keyframes rotateBorderPill{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pill-text{position:relative;z-index:2;background:linear-gradient(90deg,#444,#fff,#444);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmerText 2s linear infinite}@keyframes shimmerText{to{background-position:200% center}}@media (max-width: 768px){.about-section{padding:var(--spacing-md) 0}.about-content{padding:var(--spacing-md);max-height:65vh;overflow-y:auto}.inline-pill-text{font-size:1.1rem;line-height:2.2}.inline-pill{font-size:1rem;line-height:2rem;padding:0 .8rem;margin:0 .2rem}}.education-timeline{display:flex;flex-direction:column;max-width:1200px;margin:0 auto;background:transparent;border:1px solid transparent;padding:0}.education-item{display:grid;grid-template-columns:1fr 40px 1fr;min-height:100px}.education-left{text-align:center;padding-right:var(--spacing-md);padding-top:2px}.education-level{font-size:1.3rem;font-weight:400;color:var(--color-text-main);margin-bottom:.2rem}.education-period{font-size:1rem;color:var(--color-text-muted)}.education-divider{display:flex;flex-direction:column;align-items:center}.education-dot{width:12px;height:12px;background-color:var(--color-primary);border-radius:50%;margin-top:14px;box-shadow:0 0 10px var(--color-primary-glow)}.education-line{width:2px;background-color:#ffffff26;flex-grow:1;margin-top:8px;margin-bottom:-8px}.education-right{text-align:center;padding-left:var(--spacing-md);padding-bottom:var(--spacing-xl);padding-top:2px}.education-institution{font-size:1.3rem;font-weight:500;color:var(--color-text-main);margin-bottom:.3rem}.education-degree{font-size:1rem;color:var(--color-text-muted)}@media (max-width: 768px){.education-item{grid-template-columns:30px 1fr;gap:var(--spacing-sm)}.education-left{grid-column:2;text-align:left!important;padding-right:0;padding-top:8px;margin-bottom:.2rem}.education-divider{grid-column:1;grid-row:1 / span 2}.education-right{grid-column:2;text-align:left!important;padding-left:0;padding-bottom:var(--spacing-md)}.education-level,.education-institution{font-size:1.1rem}.education-period,.education-degree{font-size:.85rem}}.experience-section{padding:var(--spacing-xl) var(--spacing-md)}.experience-bento-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.bento-card{position:relative;overflow:hidden;display:flex;flex-direction:column;background:#1119;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:var(--spacing-xl);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:1}.bento-card>*{position:relative;z-index:2}.bento-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--card-hover-bg, transparent);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");opacity:0;transition:opacity .4s ease;z-index:0;pointer-events:none}.bento-card:hover:before,.bento-card.is-focused:before{opacity:1}.bento-card:hover,.bento-card.is-focused{transform:translateY(-5px);border-color:#fff3;box-shadow:0 10px 30px #00000080}.experience-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.role{color:var(--color-text-main);font-size:1.5rem;margin-bottom:.3rem}.company{color:var(--color-secondary);font-size:1.1rem;font-weight:500}.date{font-size:.8rem;font-weight:600;background:#ffffff1a;padding:4px 12px;border-radius:20px;color:var(--color-text-main);border:1px solid rgba(255,255,255,.2);letter-spacing:1px}.experience-points{list-style:none;padding-left:0}.experience-points li{position:relative;padding-left:24px;margin-bottom:12px;color:#ffffffe6;font-size:.9rem;line-height:1.6}.experience-points li:before{content:"▷";position:absolute;left:0;top:2px;color:var(--color-primary);font-size:.8rem}.impact-reveal-wrapper{margin-top:auto}.experience-impact{margin-top:20px;padding:16px;background:#ffffff08;border-radius:12px;border-left:3px solid var(--color-primary);color:var(--color-text-main);font-size:.9rem}.experience-impact strong{color:#fff}@media (max-width: 768px){.role{font-size:1.2rem}.company{font-size:.9rem}.date{font-size:.7rem;padding:2px 8px}.experience-points li{font-size:.8rem;line-height:1.4}.experience-impact{font-size:.8rem;padding:var(--spacing-sm);margin-top:var(--spacing-md)}.bento-card{padding:var(--spacing-md)}}@media (min-width: 900px){.experience-bento-grid{grid-template-columns:1fr 1fr}.bento-card:first-child{grid-column:1 / -1}.experience-header{flex-direction:row;justify-content:space-between;align-items:center}}.linkedin-section{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.mac-window{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 25px 50px #0009;background-color:#1a1a1a}.mac-header{display:flex;align-items:center;padding:12px 16px;background-color:#1f1f1f;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.mac-traffic-lights{display:flex;gap:8px;position:absolute;left:16px}.mac-dot{width:12px;height:12px;border-radius:50%}.mac-dot.red{background-color:#ff5f56}.mac-dot.yellow{background-color:#ffbd2e}.mac-dot.green{background-color:#27c93f}.mac-url-bar{margin:0 auto;background-color:#111;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 40px;display:flex;align-items:center;gap:8px;font-size:.85rem;color:#fff9}.url-lock-icon{font-size:.9rem}.mac-inner-body{background:linear-gradient(135deg,#070a13,#101726);padding:24px;position:relative}.linkedin-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0f1966;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:100;border-radius:inherit;transition:opacity .4s ease}.linkedin-loading-overlay.fade-out{opacity:0}.loading-circle-container{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.loading-circle-svg{width:100%;height:100%;transform:rotate(-90deg)}.loading-circle-bg{fill:none;stroke:#ffffff0d;stroke-width:2}.loading-circle-progress{fill:none;stroke:#111;stroke-width:2;stroke-linecap:round;stroke-dasharray:251.2;filter:drop-shadow(0 0 4px rgba(255,255,255,.1))}.loading-dot-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.loading-dot{position:absolute;top:9px;left:50%;transform:translate(-50%);width:6px;height:6px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #8ab4f8,0 0 30px #0a66c2}.loading-percentage{position:absolute;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.carousel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.linkedin-bubble{display:flex;align-items:center;gap:8px;background:#0a66c226;border:1px solid rgba(10,102,194,.3);padding:6px 16px;border-radius:40px;color:#8ab4f8;font-size:.85rem;font-weight:600;letter-spacing:1px}.bubble-icon{font-size:1.1rem;color:#0a66c2}.linkedin-connect-btn{display:flex;align-items:center;gap:8px;background:#0a66c2;color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:background .2s ease,transform .2s ease}.linkedin-connect-btn:hover{background:#004182;transform:translateY(-2px)}.connect-icon{font-size:1.2rem}.carousel-wrapper{position:relative}.carousel-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;z-index:10;transition:background .3s ease,transform .3s ease}.carousel-scroll-btn:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.carousel-scroll-btn.disabled-icon{opacity:.4;cursor:not-allowed}.carousel-scroll-btn.disabled-icon:hover{background:#ffffff1a;transform:translateY(-50%)}.carousel-scroll-btn.left{left:-20px}.carousel-scroll-btn.right{right:-20px}.carousel-container{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:none}.carousel-container::-webkit-scrollbar{display:none}.linkedin-card{flex:0 0 380px;scroll-snap-align:center;background:#1119;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:16px 16px 60px;transition:transform var(--transition-speed),box-shadow var(--transition-speed),border-color var(--transition-speed);position:relative}.linkedin-card:hover{transform:translateY(-5px);border-color:#fff3;box-shadow:0 10px 30px #00000080}.linkedin-iframe{border-radius:8px;background:#fff}.linkedin-card-footer{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);background:#111111e6;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.social-post-text{font-size:.8rem;color:#ffffff80}.view-post-link{font-size:.85rem;font-weight:600;color:#8ab4f8;text-decoration:none;transition:color .2s ease}.view-post-link:hover{color:#fff}@media (max-width: 768px){.linkedin-card{flex:0 0 85vw}.linkedin-iframe{height:400px!important}.mac-url-bar{padding:6px 20px;font-size:.75rem}.mac-traffic-lights{display:none}}.skills-section{padding:120px 0;display:flex;flex-direction:column;align-items:center}.sliding-cards-grid{display:flex;flex-wrap:nowrap;gap:var(--spacing-lg);justify-content:center;width:100%;max-width:1000px}.tech-card-sliding{position:relative;width:80px;height:80px;cursor:pointer;transition:width .4s cubic-bezier(.25,1,.5,1);flex-shrink:0}.tech-card-sliding:hover{width:280px}.tech-hover-bg{position:absolute;top:0;left:0;height:80px;width:100%;background:#1119;border:1px solid rgba(255,255,255,.05);border-radius:40px;display:flex;align-items:center;overflow:hidden;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:1}.tech-card-sliding:hover .tech-hover-bg{background:#1a1a1af2;border-color:#fff3;box-shadow:0 10px 30px #0009;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tech-icon-container{min-width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:var(--color-text-main);transition:transform .3s ease,color .3s ease}.tech-card-sliding:hover .tech-icon-container{transform:scale(1.1);color:var(--hover-color, #ffffff)}.tech-info-container{min-width:200px;padding-right:var(--spacing-md);opacity:0;transform:translate(-15px);transition:opacity .3s ease,transform .3s ease;display:flex;flex-direction:column;justify-content:center}.tech-info-container h3{font-size:1.1rem;margin-bottom:2px;font-family:var(--font-heading);color:var(--color-text-main)}.tech-info-container p{font-size:.8rem;color:var(--color-text-muted);line-height:1.3}.tech-card-sliding:hover .tech-info-container{opacity:1;transform:translate(0);transition-delay:.1s}@media (max-width: 768px){.sliding-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.tech-card-sliding{width:100%;height:auto}.tech-card-sliding:hover{width:100%}.tech-hover-bg{position:relative;width:100%!important;height:auto;min-height:60px;border-radius:12px;align-items:flex-start;padding:5px 0}.tech-icon-container{min-width:50px;height:50px;font-size:1.5rem}.tech-card-sliding:hover .tech-icon-container{transform:none}.tech-info-container{opacity:1;transform:none;min-width:0;padding-right:10px;padding-top:13px;justify-content:flex-start}.tech-info-container h3{font-size:.9rem;margin-bottom:0}.tech-info-container p{display:block;max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .4s ease,opacity .3s ease,margin .3s ease;font-size:.75rem}.tech-card-sliding:hover .tech-info-container p{max-height:80px;opacity:1;margin-top:4px;margin-bottom:8px}}.projects-section .section-title{margin-bottom:1.5rem}.subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-xl);text-align:center}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);grid-auto-rows:1fr}.project-card{display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-lg);background:#1119;border:1px solid rgba(255,255,255,.05);border-radius:24px;height:100%;min-height:280px;transition:transform var(--transition-speed),box-shadow var(--transition-speed),border-color var(--transition-speed)}.project-card:hover{transform:translateY(-5px);border-color:#fff3;box-shadow:0 10px 30px #00000080}.project-content h3{color:var(--color-text-main);font-size:1.5rem;margin-bottom:var(--spacing-md)}.project-content p{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tag-icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);font-size:1.2rem;transition:transform .3s ease,color .3s ease,border-color .3s ease;cursor:default}.tag-icon-container:hover{transform:translateY(-2px);color:var(--hover-color, #ffffff);border-color:#ffffff4d}.tag-tooltip{position:absolute;bottom:130%;left:50%;transform:translate(-50%) translateY(10px);background:#111111f2;color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:500;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .2s ease,transform .2s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 5px 15px #00000080;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tag-icon-container:hover .tag-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.project-actions{margin-top:auto}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.projects-grid.single-project{max-width:800px;margin:0 auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.98)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;padding:var(--spacing-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out forwards}.modal-content{background:#111111d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;border:1px solid rgba(255,255,255,.08);max-width:750px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--spacing-lg);position:relative;box-shadow:0 0 50px #38172e;text-align:left;animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.modal-overlay.closing{animation:fadeOut .3s ease-in forwards}.modal-content.closing{animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;color:var(--color-text-main);font-size:2rem;cursor:pointer;transition:color var(--transition-speed)}.modal-close:hover{color:var(--color-accent)}.modal-content h3{font-size:1.6rem;margin-bottom:var(--spacing-md);color:var(--color-primary)}.modal-short-desc{font-size:1rem;margin-bottom:1.5rem;color:var(--color-text-main)}.modal-detailed-desc{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);line-height:1.6;font-size:.95rem}.modal-actions{display:flex;justify-content:flex-start}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-sm)}.modal-content{padding:1.5rem 1.25rem;max-height:85dvh;-webkit-overflow-scrolling:touch}.modal-content h3{font-size:1.2rem;margin-right:1.5rem}.modal-short-desc{font-size:.9rem;margin-bottom:1.2rem}.modal-detailed-desc{font-size:.85rem;line-height:1.5;margin-bottom:1.5rem}.modal-close{top:12px;right:15px;font-size:1.5rem}}.contact-footer{padding:var(--spacing-xl) var(--spacing-md);margin-top:0;min-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);text-align:center}.contact-footer .section-title{font-family:var(--font-heading)}.contact-footer .section-title:after{display:none}.highlight-underline{position:relative;display:inline-block;cursor:default;transition:text-shadow .4s ease,transform .4s ease}.highlight-underline:hover{text-shadow:0 4px 20px var(--color-primary);transform:translateY(-2px)}.highlight-underline:after{content:"";position:absolute;width:100%;height:10px;bottom:-8px;left:0;background-color:var(--color-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M0 5 Q 5 0, 10 5 T 20 5'/%3E%3C/svg%3E") repeat-x;-webkit-mask-size:24px 10px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M0 5 Q 5 0, 10 5 T 20 5'/%3E%3C/svg%3E") repeat-x;mask-size:24px 10px;animation:waveAnimation 1.2s linear infinite;opacity:.9}@keyframes waveAnimation{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:24px 0;mask-position:24px 0}}.contact-sections{display:flex;flex-direction:row;justify-content:center;gap:5rem;margin-top:5rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.contact-group h3{font-size:1.5rem;font-weight:400;color:var(--color-text-main);margin-bottom:2rem}.icon-links{display:flex;flex-wrap:wrap;gap:2.5rem;align-items:center;justify-content:center}.icon-btn{font-size:2.8rem;transition:transform var(--transition-speed),filter var(--transition-speed);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{transform:translateY(-3px) scale(1.1);filter:brightness(1.2)}.icon-btn.email{color:#4285f4}.icon-btn.phone{color:#34a853}.icon-btn.github{color:#fff}.icon-btn.linkedin{color:#0077b5}.icon-btn.x-twitter,.icon-btn.medium{color:#fff}.icon-btn.youtube{color:red}.icon-btn.instagram{background:-webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer-bottom{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);font-size:.9rem}.custom-cursor{width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:10000;transition:transform .1s ease,background-color .2s ease}.custom-cursor-follower{width:28px;height:28px;border:1px solid rgba(255,255,255,.4);border-radius:50%;position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;transition:transform .15s ease-out,width .2s,height .2s,border-color .2s}.custom-cursor.hovered{transform:translate(-50%,-50%) scale(0)}.custom-cursor-follower.hovered{width:46px;height:46px;background-color:#ffffff1a;border-color:var(--color-primary);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.custom-cursor.clicked{transform:translate(-50%,-50%) scale(.5)}.floating-menu-container{position:fixed;bottom:102px;right:40px;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;gap:15px;animation:floatOrganic 8s ease-in-out infinite;pointer-events:none}.floating-menu-container:hover{animation-play-state:paused}.floating-menu-items{display:flex;flex-direction:column;align-items:flex-end;gap:15px;opacity:0;pointer-events:none;transform:translateY(20px) scale(.95);transform-origin:bottom right;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.floating-menu-items.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.floating-item{display:flex;align-items:center;gap:15px;text-decoration:none;transition:transform .2s ease}.floating-item:hover{transform:scale(1.05) translate(-5px)}.floating-label{background:#222;color:#fff;border:1px solid rgba(255,255,255,.1);padding:8px 18px;border-radius:8px;font-weight:700;font-size:.9rem;box-shadow:0 4px 15px #0000004d;opacity:.95}.floating-icon{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.3rem;box-shadow:0 4px 15px #0000004d}.floating-item.email .floating-icon{background:#7b61ff}.floating-item.phone .floating-icon{background:#2f80ed}.floating-item.linkedin .floating-icon{background:#0077b5}.floating-item.github .floating-icon{background:#24292e}.floating-item.copylink{background:transparent;border:none;cursor:pointer;padding:0;font-family:inherit}.floating-item.copylink .floating-icon{background:#333;transition:background .3s ease}.floating-item.copylink .floating-icon.copied{background:#4caf50}.icon-animate-in{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes popIn{0%{transform:scale(.5) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.floating-toggle-btn{width:60px;height:60px;border-radius:50%;background:#1a1a1a;color:#fff;border:1px solid rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;box-shadow:0 5px 25px #ffffff26;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .3s ease;position:relative;pointer-events:auto}.floating-toggle-btn:hover{transform:scale(1.1);background:#2a2a2a}.toggle-icon{position:absolute;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease}.toggle-icon.cancel{opacity:0;transform:rotate(-90deg) scale(.5)}.floating-toggle-btn.open .toggle-icon.cancel,.toggle-icon.link{opacity:1;transform:rotate(0) scale(1)}.floating-toggle-btn.open .toggle-icon.link{opacity:0;transform:rotate(90deg) scale(.5)}@media (max-width: 768px){body.modal-open .floating-menu-container,body.nav-open .floating-menu-container{display:none}.floating-menu-container:hover{animation-play-state:running}.floating-menu-container{bottom:102px;right:20px;gap:10px}.floating-menu-items.open{touch-action:none}.floating-item.touch-active{transform:scale(1.05) translate(-5px)}.floating-toggle-btn{width:50px;height:50px;font-size:1.2rem}.floating-icon{width:40px;height:40px;font-size:1.1rem}.floating-label{padding:6px 12px;font-size:.8rem}}@keyframes floatOrganic{0%{transform:translate(0) rotate(0)}33%{transform:translate(10px,-15px) rotate(1deg)}66%{transform:translate(-10px,-5px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.global-footer{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);margin-top:auto;border-top:1px solid rgba(255,255,255,.05);background:#0b0b0bcc;color:var(--color-text-muted);font-size:.9rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.footer-left,.footer-right{flex:1}.footer-left{text-align:left}.footer-right{text-align:right}.footer-center{flex:2;text-align:center}.footer-center p{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:0}.antigravity-brand{display:inline-flex;align-items:center;font-weight:700;color:var(--color-primary)}.antigravity-icon{margin-right:4px}.footer-clock,.footer-year{font-family:var(--font-main);font-variant-numeric:tabular-nums;letter-spacing:1px}@media (max-width: 768px){.global-footer{flex-wrap:wrap;padding:var(--spacing-md)}.footer-center{flex:0 0 100%;order:1;margin-bottom:var(--spacing-md)}.footer-left{flex:1;order:2;text-align:left}.footer-right{flex:1;order:3;text-align:right}}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1}section{padding:var(--spacing-xl) var(--spacing-lg);max-width:1200px;margin:0 auto}section:nth-of-type(2n){border-top:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.02)}main>section,main>div.stacked-cards-container{margin-bottom:15vh}main>section:last-child{margin-bottom:0}.stacked-cards-container{display:flex;flex-direction:column;position:relative;gap:15vh;max-width:1200px;margin:0 auto;padding:var(--spacing-xl) 0}.stacked-card{position:sticky;background:var(--color-bg-base);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:var(--spacing-xl);box-shadow:0 -20px 50px #000c;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;overflow:hidden}.stacked-card:hover{transform:translateY(-5px);box-shadow:0 -25px 60px #000000e6}.stacked-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:-1;border-radius:inherit}.stacked-card:hover:after,.stacked-card.is-focused:after{opacity:1}.stacked-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s ease;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");border-radius:inherit}.stacked-card:hover:before,.stacked-card.is-focused:before{opacity:.15}.card-0:after{background:#151e35}.card-1:after{background:hsla(calc(210 + var(--scroll-progress, 0) * 120),80%,60%,.25)}.card-2:after{background:hsla(calc(210 + var(--scroll-progress, 0) * 120),80%,60%,.35)}.card-1:before,.card-2:before{display:none!important}.card-0{top:70px;z-index:1;background:#1119;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-1{top:100px;z-index:2;background:#1119;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-2{top:130px;z-index:3;background:#1119;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.stacked-cards-container{gap:8vh;padding:var(--spacing-sm) var(--spacing-md)}.stacked-card{padding:var(--spacing-md);max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.card-0{top:60px}.card-1{top:75px}.card-2{top:90px}}