:root{--accent-primary: #d5bd37;--accent-dark: #c4ab2f;--bg-primary: #ffffff;--bg-primary-rgb: 255, 255, 255;--bg-secondary: #f5f5f7;--bg-secondary-rgb: 245, 245, 247;--bg-tertiary: #fafafa;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--text-tertiary-rgb: 134, 134, 139;--border: #d2d2d7;--border-rgb: 210, 210, 215;--shadow: rgba(0, 0, 0, .08);--shadow-lg: rgba(0, 0, 0, .12);--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-secondary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--animation-duration: .3s;--theme-transition-easing: cubic-bezier(.4, 0, .2, 1)}@media(max-width:768px){:root{--animation-duration: .2s}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--accent-primary: #e8d159;--accent-dark: #d5bd37;--bg-primary: #000000;--bg-primary-rgb: 0, 0, 0;--bg-secondary: #1d1d1f;--bg-secondary-rgb: 29, 29, 31;--bg-tertiary: #2d2d2f;--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #86868b;--text-tertiary-rgb: 134, 134, 139;--border: #424245;--border-rgb: 66, 66, 69;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .5)}}[data-theme=dark]{--accent-primary: #e8d159;--accent-dark: #d5bd37;--bg-primary: #000000;--bg-primary-rgb: 0, 0, 0;--bg-secondary: #1d1d1f;--bg-tertiary: #2d2d2f;--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #86868b;--text-tertiary-rgb: 134, 134, 139;--border: #424245;--border-rgb: 66, 66, 69;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .5)}[data-theme=light]{--accent-primary: #d5bd37;--accent-dark: #c4ab2f;--bg-primary: #ffffff;--bg-primary-rgb: 255, 255, 255;--bg-secondary: #f5f5f7;--bg-tertiary: #fafafa;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--text-tertiary-rgb: 134, 134, 139;--border: #d2d2d7;--border-rgb: 210, 210, 215;--shadow: rgba(0, 0, 0, .08);--shadow-lg: rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-primary);color:#000;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:600;font-size:14px;z-index:10000;transition:top .3s ease;border:2px solid var(--accent-dark);box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transform:translateY(-20px)}.skip-link:focus{top:6px;outline:2px solid var(--text-primary);outline-offset:2px;opacity:1;visibility:visible;transform:translateY(0)}.skip-link:hover:focus{background:var(--accent-dark);transform:translateY(-1px)}html{scroll-behavior:smooth}html.theme-loading,html.theme-loading *,html.theme-loading *:before,html.theme-loading *:after{transition:none!important;animation-duration:0s!important;animation-delay:0s!important}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color var(--animation-duration) var(--theme-transition-easing),color var(--animation-duration) var(--theme-transition-easing);overflow-x:hidden}body,.section-header,.section-title,.section-label,.card,.nav-link,.theme-toggle,.skill-card,.project-card{transition:background-color var(--animation-duration) var(--theme-transition-easing),color var(--animation-duration) var(--theme-transition-easing),border-color var(--animation-duration) var(--theme-transition-easing),box-shadow var(--animation-duration) var(--theme-transition-easing)}.section-title,.section-label{will-change:color}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px)and (prefers-reduced-motion:no-preference){.section-title,.section-label{transition-duration:.2s}}.theme-toggle.animate{animation:themeTogglePress .3s ease}@keyframes themeTogglePress{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#theme-notification{font-family:inherit;font-weight:500;user-select:none;pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media(min-width:768px){.container{padding:0 48px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:translate(-50%) scale(1);opacity:.03}50%{transform:translate(-50%) scale(1.1);opacity:.05}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;position:relative;z-index:auto}.fade-in.visible{opacity:1;transform:translateY(0)}:root{--z-index-background: 1;--z-index-content: 2;--z-index-hero-image: 3;--z-index-navigation: 100;--z-index-card-overlay: 999;--z-index-card: 1000}body,.hero-title,.hero-subtitle,.hero-description,.section-title,.section-label{font-family:var(--font-primary)}.project-card h3,.skill-card h3{font-family:var(--font-secondary)}.fa,.fas,.far,.fab:before{font-family:"Font Awesome 7 Free","Font Awesome 7 Brands",monospace}.hero-title{line-height:1.1;letter-spacing:-.02em}.hero-subtitle{line-height:1.4}.section-title{line-height:1.2;letter-spacing:-.01em}nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-navigation);background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .3s ease}[data-theme=dark] nav{background:#00000080}nav.scrolled{box-shadow:0 2px 12px var(--shadow)}.nav-content{display:flex;justify-content:space-between;align-items:center;height:60px}.logo{font-size:20px;font-weight:800;color:var(--accent-primary);text-decoration:none;transition:all .3s ease;letter-spacing:-1px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--accent-primary),var(--accent-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;text-transform:uppercase}.logo:after{content:"";position:absolute;bottom:2px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s ease}.logo:hover:after{width:100%}.nav-links{display:none;gap:32px;list-style:none}@media(min-width:768px){.nav-links{display:flex}}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:400;transition:color .3s ease;position:relative}.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:16px}.theme-toggle{background:none;border:none;cursor:pointer;padding:8px;color:var(--text-secondary);font-size:18px;transition:all .3s ease;border-radius:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.theme-toggle:hover{background:var(--bg-secondary);color:var(--accent-primary)}.mobile-menu-btn{display:block;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:8px}.mobile-menu-btn:hover{background:var(--bg-secondary);transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}.mobile-menu-btn.active{background:var(--bg-secondary);border-bottom:2px solid var(--accent-primary);border-radius:8px 8px 0 0}.hamburger-icon{width:20px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-line{width:100%;height:2px;background:var(--text-secondary);border-radius:2px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform-origin:center}.mobile-menu-btn:hover .hamburger-line{background:var(--accent-primary)}.mobile-menu-btn.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-btn.active:hover .hamburger-line{background:var(--accent-primary)}@media(min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu{position:fixed;top:60px;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:0 20px;transform-origin:top center;transform:scaleY(0);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);max-height:calc(100vh - 60px);overflow:hidden;box-shadow:0 4px 20px var(--shadow)}.mobile-menu:before{content:"";position:absolute;top:-1px;right:20px;width:40px;height:1px;background:var(--accent-primary);transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.25,.46,.45,.94) .1s}.mobile-menu.active{transform:scaleY(1);opacity:1;visibility:visible;padding:20px;overflow-y:auto}.mobile-menu.active:before{transform:scaleX(1)}.mobile-menu-links{list-style:none;display:flex;flex-direction:column;gap:12px}.mobile-menu-links li{transform:translateY(-20px);opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.mobile-menu.active .mobile-menu-links li{transform:translateY(0);opacity:1}.mobile-menu.active .mobile-menu-links li:nth-child(1){transition-delay:.1s}.mobile-menu.active .mobile-menu-links li:nth-child(2){transition-delay:.15s}.mobile-menu.active .mobile-menu-links li:nth-child(3){transition-delay:.2s}.mobile-menu.active .mobile-menu-links li:nth-child(4){transition-delay:.25s}.mobile-menu.active .mobile-menu-links li:nth-child(5){transition-delay:.3s}.mobile-menu-links a{color:var(--text-primary);text-decoration:none;font-size:16px;font-weight:500;display:block;padding:12px 0;transition:all .3s ease;position:relative}.mobile-menu-links a:hover{color:var(--accent-primary);transform:translate(8px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 60px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%);opacity:.03;animation:pulse 8s ease-in-out infinite;pointer-events:none;z-index:var(--z-index-background)}.hero-content{position:relative;z-index:var(--z-index-content);animation:fadeInUp .8s ease-out}.hero-image-wrapper{margin-bottom:32px;animation:fadeInUp .8s ease-out .1s both}.hero-image{width:180px;height:180px;border-radius:24px;object-fit:cover;margin:0 auto;border:3px solid var(--accent-primary);box-shadow:0 20px 60px #d5bd3733;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;z-index:var(--z-index-hero-image)}.hero-image.interactive-image:hover{transform:scale(1.02) rotate(1deg);box-shadow:0 25px 70px #d5bd3740,0 0 0 1px #d5bd371a,0 0 40px #d5bd374d;filter:brightness(1.05) contrast(1.02)}.hero-image.interactive-image:focus{outline:none;box-shadow:0 20px 60px #d5bd3733,0 0 0 3px var(--accent-primary)}.hero-image.interactive-image:active{transform:scale(.98);transition:transform .1s ease}@media(hover:hover){.hero-image.interactive-image:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(45deg,transparent,rgba(213,189,55,.15),transparent);opacity:0;transition:opacity .3s ease}.hero-image.interactive-image:hover:after{opacity:1;animation:shimmer 1.5s ease-in-out infinite}}@keyframes shimmer{0%{background:linear-gradient(45deg,transparent,rgba(213,189,55,.15),transparent);transform:translate(-100%)}50%{background:linear-gradient(45deg,transparent,rgba(213,189,55,.25),transparent);transform:translate(0)}to{background:linear-gradient(45deg,transparent,rgba(213,189,55,.15),transparent);transform:translate(100%)}}.hero-image-wrapper{position:relative;display:inline-block}.profile-indicator{position:absolute;top:-8px;right:-8px;background:rgba(var(--bg-primary-rgb),.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(213,189,55,.3);border-radius:16px;padding:4px 8px;font-size:11px;font-weight:500;color:var(--text-secondary);z-index:4;display:flex;align-items:center;gap:4px;box-shadow:0 4px 16px #0000000f,0 0 0 1px #d5bd371a;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif;letter-spacing:.2px;pointer-events:none;animation:smooth-breathe 3s ease-in-out infinite}@keyframes smooth-breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}.profile-indicator__text{display:inline-block;white-space:nowrap}.profile-indicator__icon{font-size:12px;opacity:.8;font-style:normal;display:inline-flex;align-items:center;justify-content:center}.hero-image-wrapper:hover .profile-indicator{opacity:1;transform:scale(1.05);background:var(--accent-primary);color:#000;box-shadow:0 6px 25px #d5bd3766;animation:bounce-gentle .6s ease-in-out}@keyframes bounce-gentle{0%,to{transform:scale(1.05) translateY(0)}50%{transform:scale(1.1) translateY(-2px)}}.hero-image-wrapper{cursor:pointer;transition:transform .2s ease;border-radius:24px;outline:none}.hero-image-wrapper:hover{transform:translateY(-2px)}.hero-image-wrapper:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}.about-card.show~.hero-content .hero-image-wrapper .profile-indicator{opacity:0;transform:scale(.9)}.profile-indicator.hidden{opacity:0;transform:scale(.9)}@media(max-width:480px){.profile-indicator{font-size:10px;padding:6px 10px;border-radius:16px;background:rgba(var(--bg-primary-rgb),.95);color:var(--text-secondary);border:1px solid rgba(213,189,55,.3);box-shadow:0 4px 16px #0000000f,0 0 0 1px #d5bd371a;animation:smooth-breathe 3s ease-in-out infinite}.profile-indicator__text{display:inline-block;font-weight:600}.profile-indicator__icon{font-size:11px}.hero-image-wrapper:active .hero-image{transform:scale(.95);transition:transform .1s ease}.hero-image-wrapper:active .profile-indicator{transform:scale(.9);opacity:.8}}@media(max-width:480px)and (prefers-color-scheme:dark){:root:not([data-theme=light]) .profile-indicator{background:#1d1d1fe6!important;color:var(--text-secondary)!important;border-color:#4242454d!important;box-shadow:0 4px 16px #0000004d!important}}@media(max-width:480px){[data-theme=dark] .profile-indicator{background:#1d1d1fe6!important;color:var(--text-secondary)!important;border-color:#4242454d!important;box-shadow:0 4px 16px #0000004d!important}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .profile-indicator{background:#1d1d1fe6;border-color:#4242454d;box-shadow:0 4px 16px #0000004d}}[data-theme=dark] .profile-indicator{background:#1d1d1fe6;border-color:#4242454d;box-shadow:0 4px 16px #0000004d}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .hero-image-wrapper:hover .profile-indicator{background:var(--accent-primary)!important;color:#000!important;border-color:transparent!important}}[data-theme=dark] .hero-image-wrapper:hover .profile-indicator{background:var(--accent-primary)!important;color:#000!important;border-color:transparent!important}@keyframes pulse-tap{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.hero-subtitle{font-size:16px;font-weight:500;color:var(--accent-primary);margin-bottom:12px;letter-spacing:.5px;animation:fadeInUp .8s ease-out .2s both}.hero-title{font-size:64px;font-weight:700;line-height:1;margin-bottom:16px;letter-spacing:-2px;animation:fadeInUp .8s ease-out .3s both;transition:color var(--animation-duration, .3s) ease}@media(min-width:768px){.hero-title{font-size:80px}}.hero-description{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto 32px;animation:fadeInUp .8s ease-out .4s both}.hero-cta{display:inline-flex;gap:16px;animation:fadeInUp .8s ease-out .5s both;flex-wrap:wrap;justify-content:center}@media(max-width:480px){.hero-title{font-size:48px}.hero-description{font-size:16px}}.scroll-down{position:absolute;bottom:30px;left:0;right:0;margin:0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:20px;transition:color var(--animation-duration, .3s) ease,background var(--animation-duration, .3s) ease;animation:fadeInUp .8s ease-out .6s both,bounce-dynamic 2.5s ease-in-out 1.4s infinite;border-radius:50%;background:rgba(var(--background-rgb),.8);backdrop-filter:blur(10px);border:none;opacity:1;visibility:visible;text-decoration:none}.scroll-down.hidden{opacity:0;visibility:hidden}.scroll-down:hover{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1);animation-play-state:paused}.scroll-down i{line-height:1;text-decoration:none;border:none;outline:none}@keyframes bounce-dynamic{0%,to{transform:translateY(0) scale(1)}15%{transform:translateY(-8px) scale(1.05)}30%{transform:translateY(0) scale(1)}45%{transform:translateY(-4px) scale(1.02)}60%{transform:translateY(0) scale(1)}75%{transform:translateY(-2px) scale(1.01)}}@media(max-width:768px){.scroll-down{bottom:35px;width:36px;height:36px;font-size:18px}}@media(max-width:768px)and (orientation:portrait){.scroll-down{display:none}}@media(max-height:600px){.scroll-down{display:none}}@media(max-width:768px)and (orientation:portrait){.hero{padding:80px 24px 60px;min-height:100vh;min-height:100dvh}}@media(max-width:480px)and (orientation:portrait){.hero{padding:70px 24px 50px}}@media(max-width:480px)and (max-height:700px)and (orientation:portrait){.hero{padding:60px 24px 40px}}.about-card{position:fixed;width:400px;max-width:calc(100vw - 40px);background:rgba(var(--bg-primary-rgb, 255, 255, 255),.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;border:1px solid rgba(var(--text-primary-rgb, 29, 29, 31),.08);box-shadow:0 20px 60px #00000026,0 8px 25px #00000014,0 0 1px #0000001a;padding:32px;z-index:var(--z-index-card);opacity:0;visibility:hidden;transform:scale(.85) translate(20px) translateY(-10px);transform-origin:left center;transition:all .4s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity;pointer-events:none;isolation:isolate}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .about-card{background:#000000d9;border-color:#ffffff1a;box-shadow:0 20px 60px #00000080,0 8px 25px #0000004d,0 0 1px #ffffff1a}}[data-theme=dark] .about-card{background:#000000d9;border-color:#ffffff1a;box-shadow:0 20px 60px #00000080,0 8px 25px #0000004d,0 0 1px #ffffff1a}.about-card.show{opacity:1;visibility:visible;transform:scale(1) translate(0) translateY(0);pointer-events:auto}.about-card__close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:rgba(var(--text-tertiary-rgb),.1);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;opacity:.7}.about-card__close:hover{background:rgba(var(--text-tertiary-rgb),.2);opacity:1;transform:scale(1.1)}.about-card__close:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.about-card__content{animation:fadeInUp .5s ease-out .2s both}.about-card__title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.5px}.about-card__text{font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:24px}.about-card__stats{display:flex;gap:24px;margin-top:20px}.about-card__stats .stat{text-align:center;flex:1}.about-card__stats .stat-number{display:block;font-size:24px;font-weight:700;color:var(--accent-primary);line-height:1.2}.about-card__stats .stat-label{display:block;font-size:14px;color:var(--text-tertiary);margin-top:4px;font-weight:500}.about-card-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-index-card-overlay);opacity:0;visibility:hidden;transition:all .3s ease}.about-card-overlay.show{opacity:1;visibility:visible}@media(max-width:768px){.about-card{width:90vw;max-width:400px;padding:28px;transform:scale(.9) translateY(50px);transform-origin:center center;left:auto!important;right:auto!important;margin-left:auto;margin-right:auto}.about-card.show{transform:scale(1) translate(0) translateY(0)}.about-card__close{display:flex}.about-card__stats{gap:16px}.about-card__stats .stat-number{font-size:20px}}@media(max-width:480px){.about-card{width:95vw;padding:24px}.about-card__title{font-size:20px}.about-card__text{font-size:15px}.about-card__stats{flex-direction:column;gap:12px}.about-card__stats .stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(var(--text-tertiary-rgb),.1)}.about-card__stats .stat:last-child{border-bottom:none}.about-card__stats .stat-number,.about-card__stats .stat-label{margin:0}}@media(hover:hover)and (pointer:fine){.about-card__close{display:none}}@media(min-width:769px){.about-card{transform:scale(.8) translate(-30px) translateY(-20px) rotate(-2deg);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.about-card.show{transform:scale(1) translate(0) translateY(0) rotate(0)}}:root{--bg-primary-rgb: 255, 255, 255;--text-primary-rgb: 29, 29, 31}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary-rgb: 0, 0, 0;--text-primary-rgb: 245, 245, 247}}[data-theme=dark]{--bg-primary-rgb: 0, 0, 0;--text-primary-rgb: 245, 245, 247}[data-theme=light]{--bg-primary-rgb: 255, 255, 255;--text-primary-rgb: 29, 29, 31}section{padding:80px 24px;position:relative}.section-alt{background:var(--bg-secondary)}.section-alt .card{background:var(--bg-secondary);border:1px solid var(--border)}#journey{padding-top:64px;padding-bottom:64px}@media(min-width:768px){section{padding:100px 48px}}@media(max-width:600px){section{padding-left:28px;padding-right:28px}}@media(max-width:480px){.section-title{font-size:36px}}.section-header{text-align:center;margin-bottom:60px;animation:fadeInUp .8s ease-out}.section-label{font-size:13px;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.section-title{font-size:42px;font-weight:700;margin-bottom:12px;letter-spacing:-1px}.about-content{max-width:700px;margin:0 auto;background:var(--bg-secondary);padding:28px;border-radius:24px;animation:fadeInUp .8s ease-out}.about-text{font-size:16px;line-height:1.7;color:var(--text-secondary);margin-bottom:24px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}@media(max-width:600px){.about-stats{grid-template-columns:repeat(2,1fr);gap:18px}.about-stats .stat:nth-child(3){grid-column:1 / -1;justify-self:center;max-width:260px;width:100%}}.stat{text-align:center}.stat-number{font-size:32px;font-weight:700;color:var(--accent-primary);display:block;margin-bottom:6px}.stat-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.experience-grid{display:grid;grid-template-columns:1fr;gap:60px;max-width:1000px;margin:0 auto}@media(min-width:768px){.experience-grid{grid-template-columns:1fr 1fr}}.experience-column{width:100%}.column-header{margin-bottom:40px;text-align:center}.column-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.column-divider{height:2px;width:40px;background:var(--accent-primary);margin:0 auto}.timeline{max-width:700px;margin:0 auto}.timeline-item{position:relative;margin-bottom:20px;animation:fadeInUp .8s ease-out}.timeline-item:before{content:"";display:none}.timeline-item:last-child:after{display:none}.card{background:var(--bg-primary);padding:20px 22px;border-radius:14px;border:1px solid var(--border);box-shadow:0 8px 24px var(--shadow);transition:transform .28s ease,box-shadow .28s ease}.card:hover{transform:translateY(-6px);box-shadow:0 24px 56px var(--shadow-lg);border-color:var(--accent-primary)}.card-inner{display:grid;grid-template-columns:80px 1fr;gap:18px;align-items:start;padding-left:0}.timeline-logo{position:relative;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;background:transparent;overflow:hidden;flex:0 0 auto}.timeline-logo img,.timeline-logo svg{max-width:100%;max-height:100%;width:auto;height:auto;display:block}.timeline-body{min-width:0}.timeline-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:12px}.timeline-header .timeline-title{flex:1 1 auto;min-width:0}.timeline-header .timeline-date{flex:0 0 auto;display:inline-block;margin-left:0;text-align:left}.timeline-title{font-size:17px;font-weight:600;color:var(--text-primary)}.timeline-date{font-size:13px;color:var(--text-tertiary);font-weight:500}.timeline-subtitle{font-size:14px;color:var(--accent-primary);margin-bottom:8px;font-weight:500}.timeline-description{color:var(--text-secondary);line-height:1.6;font-size:15px}.timeline-list{list-style:none;margin-top:10px}.timeline-list li{color:var(--text-secondary);padding-left:16px;position:relative;margin-bottom:6px;font-size:14px}.timeline-list li:before{content:"•";position:absolute;left:0;color:var(--accent-primary);font-weight:700}@media(max-width:767px){.timeline-item:before{display:none}.timeline{padding-left:0}.card{padding-left:14px}.timeline-logo{margin-left:6px}.card-inner{grid-template-columns:1fr;text-align:left;gap:10px}.timeline-logo{margin:0 auto 4px;width:44px;height:44px}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:10px}}@media(max-width:600px){.card{padding:18px;border-radius:14px}.timeline{max-width:100%;margin:0 auto}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;margin:0 auto}.skill-card{background:var(--bg-secondary);padding:28px;border-radius:20px;transition:all .3s ease;animation:fadeInUp .8s ease-out;border:1px solid var(--border)}.skill-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px var(--shadow-lg);border-color:var(--accent-primary)}.skill-icon{font-size:28px;margin-bottom:14px;display:block;color:var(--accent-primary)}.skill-title{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.contact-content{max-width:500px;margin:0 auto;text-align:center}.contact-links{display:flex;justify-content:center;gap:14px;margin-top:32px;flex-wrap:wrap}.contact-link{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-secondary);border-radius:24px;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid var(--border);font-size:20px}.contact-link:hover{background:var(--accent-primary);color:#000;transform:translateY(-4px);box-shadow:0 12px 32px #d5bd374d;border-color:var(--accent-primary)}#projects{background:var(--bg-primary);position:relative}.section-description{max-width:640px;margin:0 auto;color:var(--text-secondary);font-size:16px;line-height:1.6}.projects-grid{max-width:1200px;margin:0 auto}.project-card{background:var(--bg-secondary);border-radius:20px;overflow:hidden;transition:all .4s ease;border:1px solid var(--border);position:relative}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px var(--shadow);border-color:var(--accent-primary)}.project-card-wrapper{display:flex;min-height:320px;align-items:stretch}.project-image-container{position:relative;flex:0 0 400px;overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-image:hover{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:12px}.project-mobile-actions{position:absolute;bottom:16px;left:16px;right:16px;display:none;gap:8px;z-index:2}.mobile-btn{flex:1;font-size:13px!important;padding:10px 16px!important;border-radius:8px!important;text-align:center;box-shadow:0 4px 12px #00000026;backdrop-filter:blur(10px)}.mobile-btn.btn-primary{background:var(--accent-primary)!important;color:#000!important}.mobile-btn.btn-secondary{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important}.project-content{flex:1;padding:32px;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg-secondary)}.project-header{margin-bottom:16px}.project-title{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.project-status{margin-bottom:16px}.project-type{background:#d5bd371a;color:var(--accent-primary);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:18px;font-size:14px}.project-highlights{margin-bottom:18px}.highlights-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.highlights-list{list-style:none;padding:0;margin:0}.highlights-list li{color:var(--text-secondary);font-size:13px;position:relative;padding:2px 0 2px 16px}.highlights-list li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;background:var(--accent-primary);border-radius:50%}.project-tech{border-top:1px solid var(--border);padding-top:16px;margin-bottom:20px}.tech-label{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.tech-tags{display:flex;flex-wrap:wrap;gap:6px}.project-actions{display:flex;gap:12px;margin-top:auto}.projects-footer{text-align:center;margin-top:60px}.projects-note{color:var(--text-secondary);font-size:14px;font-style:italic;max-width:500px;margin:0 auto;line-height:1.6}@media(max-width:1200px){.project-image-container{flex:0 0 350px}}@media(max-width:1024px){.project-image-container{flex:0 0 300px}.project-content{padding:28px}.project-title{font-size:20px}}@media(max-width:768px){.project-card-wrapper{flex-direction:column;min-height:auto}.project-image-container{flex:none;aspect-ratio:16/10}.project-overlay,.project-actions{display:none}.project-mobile-actions{display:flex}.project-content{padding:24px}.project-title{font-size:20px}.project-description{font-size:15px}.highlights-list li{font-size:14px}.project-tech{margin-bottom:0}}@media(min-width:769px){.project-mobile-actions,.project-overlay{display:none!important}.project-actions{display:flex}}@media(max-width:480px){.section-description{font-size:15px}.project-content{padding:20px}.project-title{font-size:18px}.tech-tags{gap:6px}.mobile-btn{font-size:12px!important;padding:8px 12px!important}}@media(max-width:768px){.section-header{margin-bottom:40px}.experience-grid{gap:40px}.column-header{margin-bottom:28px}}@media(max-width:480px){section{padding-top:60px;padding-bottom:60px}#journey{padding-top:48px;padding-bottom:48px}.section-header{margin-bottom:32px}.experience-grid{gap:32px}.column-header{margin-bottom:24px}}.btn{padding:12px 28px;border-radius:24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--accent-primary);color:#000}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 12px 30px #d5bd374d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.tag{padding:6px 12px;background:var(--bg-primary);border-radius:12px;font-size:12px;color:var(--text-secondary);border:1px solid var(--border);transition:all .3s ease}.tag:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#d5bd370d}footer{background:var(--bg-primary);padding:40px 24px;text-align:center;border-top:1px solid var(--border)}.footer-content{max-width:1200px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px;flex-wrap:wrap}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:13px;transition:color .3s ease}.footer-link:hover{color:var(--accent-primary)}.footer-text{color:var(--text-secondary);font-size:13px;margin:8px 0}.floating-contact{position:fixed;bottom:-45px;left:50%;transform:translate(-50%);z-index:1000;transition:all .4s cubic-bezier(.25,.46,.45,.94);pointer-events:none;opacity:0;visibility:hidden}.floating-contact.visible{opacity:1;visibility:visible;pointer-events:auto;bottom:-37px}.floating-contact.visible:hover{bottom:10px}.floating-contact-inner{display:flex;align-items:center;gap:14px;padding:12px 20px;background:rgba(var(--bg-primary-rgb),.95);backdrop-filter:blur(20px);border:1px solid rgba(var(--border-rgb, 229, 231, 235),.3);border-radius:36px;box-shadow:0 8px 32px #0000001f,0 2px 16px #0000000a,inset 0 1px #ffffff1a;transition:all .3s ease;position:relative}.floating-contact-inner:after{content:"";position:absolute;bottom:-40px;left:-20px;right:-20px;height:50px;background:transparent;pointer-events:auto}.floating-contact.visible:hover .floating-contact-inner{transform:translateY(-4px);box-shadow:0 16px 48px #00000026,0 4px 24px #00000014,inset 0 1px #ffffff26}.floating-contact-link{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-secondary);border-radius:24px;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid var(--border);font-size:20px}.floating-contact-link:hover{background:var(--accent-primary);color:#000;transform:translateY(-4px);box-shadow:0 12px 32px #d5bd374d;border-color:var(--accent-primary)}.floating-contact.slide-down{animation:slideDown .4s cubic-bezier(.25,.46,.45,.94) forwards}.floating-contact.slide-up{animation:slideUp .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideDown{0%{bottom:-37px;opacity:1}to{bottom:-100px;opacity:0}}@keyframes slideUp{0%{bottom:-100px;opacity:0}to{bottom:-37px;opacity:1}}@media(max-width:768px),(orientation:portrait),(pointer:coarse){.floating-contact{display:none!important}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .floating-contact-inner{background:rgba(var(--bg-primary-rgb),.95);border:1px solid rgba(var(--border-rgb, 66, 66, 69),.5);box-shadow:0 8px 32px #0006,0 2px 16px #0000004d,inset 0 1px #ffffff1a}}.fa[data-astro-cid-sckkx6r4],.fas[data-astro-cid-sckkx6r4],.far[data-astro-cid-sckkx6r4],.fab[data-astro-cid-sckkx6r4]{font-family:"Font Awesome 7 Free",-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.fab[data-astro-cid-sckkx6r4]{font-family:"Font Awesome 7 Brands",-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.far[data-astro-cid-sckkx6r4]{font-weight:400}.fas[data-astro-cid-sckkx6r4]{font-weight:900}