:root{--apple-blue: #0071e3;--apple-blue-dark: #0a84ff;--apple-blue-light: #5ac8fa;--apple-blue-soft: rgb(0 113 227 / 12%);--apple-blue-glow: rgb(0 113 227 / 24%);--apple-indigo: #5856d6;--apple-purple: #af52de;--apple-pink: #ff2d55;--apple-red: #ff3b30;--apple-orange: #ff9500;--apple-yellow: #ffcc00;--apple-green: #34c759;--apple-teal: #5ac8fa;--apple-gray-50: #f5f5f7;--apple-gray-100: #e8e8ed;--apple-gray-200: #d2d2d7;--apple-gray-300: #86868b;--apple-gray-400: #6e6e73;--apple-gray-500: #424245;--apple-gray-600: #1d1d1f;--apple-dark-bg: #000000;--apple-dark-surface: #1c1c1e;--apple-dark-elevated: #2c2c2e;--apple-dark-border: rgb(255 255 255 / 12%);--bg-primary: #ffffff;--bg-secondary: var(--apple-gray-50);--bg-tertiary: #fafafa;--text-primary: var(--apple-gray-600);--text-secondary: var(--apple-gray-400);--text-tertiary: var(--apple-gray-300);--border-subtle: rgba(0, 0, 0, .08);--border-default: rgba(0, 0, 0, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--fill-quaternary: rgba(120, 120, 128, .08);--glass-bg-light: rgb(255 255 255 / 75%);--glass-bg-dark: rgb(28 28 30 / 75%);--glass-border-light: rgb(255 255 255 / 45%);--glass-border-dark: rgb(255 255 255 / 10%);--glass-blur: 24px;--shadow-apple-xs: 0 1px 2px rgb(0 0 0 / 4%);--shadow-apple-sm: 0 2px 8px rgb(0 0 0 / 6%);--shadow-apple-md: 0 4px 16px rgb(0 0 0 / 8%);--shadow-apple-lg: 0 8px 28px rgb(0 0 0 / 12%);--shadow-apple-xl: 0 16px 48px rgb(0 0 0 / 16%);--shadow-apple-blue: 0 8px 32px rgb(0 113 227 / 20%);--shadow-apple-glow: 0 0 40px rgb(0 113 227 / 15%);--apple-ease: cubic-bezier(.4, 0, .2, 1);--apple-spring: cubic-bezier(.32, .72, 0, 1);--apple-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s}section{scroll-margin-top:80px;position:relative}section h2{font-size:clamp(2.25rem,5vw,3rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin-bottom:.75rem;text-align:center}section .section-subtitle{font-size:1.125rem;font-weight:400;letter-spacing:-.01em;line-height:1.5;text-align:center;max-width:50ch;margin:0 auto 2.5rem}#home{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--apple-gray-50) 0%,var(--bg-primary) 20%,var(--bg-primary) 80%,var(--apple-gray-50) 100%);position:relative;overflow:hidden}#home:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgb(0 113 227 / 8%),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgb(88 166 255 / 5%),transparent);pointer-events:none}html.dark #home{background:linear-gradient(180deg,var(--apple-dark-bg) 0%,var(--apple-dark-surface) 20%,var(--apple-dark-surface) 80%,var(--apple-dark-bg) 100%)}html.dark #home:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgb(10 132 255 / 12%),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgb(88 166 255 / 8%),transparent)}#home .profile-image-wrapper{position:relative;width:120px!important;height:120px!important;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--apple-blue),var(--apple-blue-light));box-shadow:0 20px 40px #0071e340,0 0 0 8px #fffc;transition:all var(--duration-normal) var(--apple-spring);cursor:pointer}#home .profile-image-wrapper:hover{transform:scale(1.05) translateY(-4px);box-shadow:0 30px 60px #0071e34d,0 0 0 12px #ffffffe5}#home .profile-image-wrapper img{width:100%!important;height:100%!important;border-radius:50%;object-fit:cover;border:3px solid white}#home .hero-name{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.75rem 0 .25rem}#home .hero-name-text{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#0071e3,#2997ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html.dark #home .hero-name-text{background:linear-gradient(135deg,#2997ff,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#home .hero-verified-badge{width:32px;height:32px;color:var(--apple-blue);flex-shrink:0}html.dark #home .hero-verified-badge{color:var(--apple-blue-dark)}#home .name-pronounce-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--apple-gray-200);background:var(--glass-bg-light);backdrop-filter:blur(12px);color:var(--apple-gray-400);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--apple-ease)}#home .name-pronounce-btn:hover{border-color:var(--apple-blue);color:var(--apple-blue);background:var(--apple-blue-soft);transform:scale(1.1)}#home .hero-title{font-size:1.25rem;font-weight:500;color:var(--apple-gray-400);margin-bottom:.5rem}#home .hero-role-flip{font-size:1.5rem;font-weight:600;margin-bottom:.75rem}#home .hero-role-flip span{color:var(--apple-gray-400)}#home .hero-role-flip strong{color:var(--apple-blue);font-weight:700;background:linear-gradient(135deg,var(--apple-blue) 0%,var(--apple-blue-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html.dark #home .hero-role-flip strong{background:linear-gradient(135deg,var(--apple-blue-dark) 0%,var(--apple-blue-light) 100%);-webkit-background-clip:text;background-clip:text}#home .vibe-coder-badge-wrapper{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}#home .vibe-coder-badge,#home .portfolio-reach-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:100px;font-size:.875rem;font-weight:600;transition:all var(--duration-fast) var(--apple-ease)}#home .vibe-coder-badge{background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-primary);box-shadow:var(--shadow-sm)}#home .vibe-coder-badge:hover{transform:translateY(-2px);background:var(--bg-secondary);box-shadow:var(--shadow-md)}html.dark #home .vibe-coder-badge{background:var(--bg-primary-dark);border-color:var(--border-subtle-dark);color:var(--text-primary-dark)}html.dark #home .vibe-coder-badge:hover{background:var(--bg-secondary-dark)}#home .portfolio-reach-badge{background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-primary);box-shadow:var(--shadow-sm)}#home .portfolio-reach-badge:hover{transform:translateY(-2px);background:var(--bg-secondary);box-shadow:var(--shadow-md)}html.dark #home .portfolio-reach-badge{background:var(--bg-primary-dark);border-color:var(--border-subtle-dark);color:var(--text-primary-dark)}html.dark #home .portfolio-reach-badge:hover{background:var(--bg-secondary-dark)}#home .music-card{max-width:360px;margin:0 auto .75rem;background:transparent!important;border:none!important;box-shadow:none!important;padding:0;transition:all var(--duration-normal) var(--apple-ease)}#home .music-card:hover{transform:none!important;box-shadow:none!important}html.dark #home .music-card{background:transparent!important;border:none!important}#home .music-card-inner{display:flex;align-items:center;gap:.875rem}#home .album-art-container{position:relative;flex-shrink:0}#home .album-art{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-apple-sm);animation:albumSpin 8s linear infinite;animation-play-state:paused;transition:transform .3s ease,opacity .4s ease}#home .music-card.is-playing .album-art{animation-play-state:running}@keyframes albumSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#home .playing-indicator{position:absolute;bottom:-6px;right:-6px;display:flex;gap:2px;padding:4px 6px;background:var(--apple-green);border-radius:6px;box-shadow:0 2px 8px #34c75966}#home .playing-indicator span{width:3px;height:12px;background:#fff;border-radius:2px;animation:sound-bar .8s ease-in-out infinite}#home .playing-indicator span:nth-child(2){animation-delay:.1s}#home .playing-indicator span:nth-child(3){animation-delay:.2s}@keyframes sound-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}#home .track-info{flex:1;min-width:0;text-align:left}#home .track-name{font-size:.9375rem;font-weight:600;color:var(--apple-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#home .artist-name{font-size:.8125rem;color:var(--apple-gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#home .hero-description{font-size:1.125rem;line-height:1.7;color:var(--apple-gray-400);max-width:50ch;margin:0 auto 1rem}html.dark #home .hero-description{color:var(--apple-gray-300)}#home .hero-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}#home .hero-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:100px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all var(--duration-fast) var(--apple-spring);cursor:pointer;border:none}#home .hero-cta:first-child{background:linear-gradient(135deg,var(--apple-blue) 0%,var(--apple-blue-dark) 100%);color:#fff;box-shadow:0 4px 16px #0071e359}#home .hero-cta:first-child:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #0071e373}#home .hero-cta:last-child{background:var(--glass-bg-light);backdrop-filter:blur(12px);border:1px solid var(--glass-border-light);color:var(--apple-gray-600)}html.dark #home .hero-cta:last-child{background:var(--glass-bg-dark);border-color:var(--glass-border-dark);color:var(--apple-gray-200)}#home .hero-cta:last-child:hover{background:var(--apple-gray-100);transform:translateY(-2px)}#about{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--apple-gray-50) 100%)}html.dark #about{background:linear-gradient(180deg,var(--apple-dark-surface) 0%,var(--apple-dark-bg) 100%)}#about .about-content{max-width:1100px;margin:0 auto}#about .about-main{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start;margin-bottom:3rem}@media(max-width:768px){#about .about-main{grid-template-columns:1fr;gap:2rem}}#about .about-image-wrapper{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-apple-xl)}#about .about-image{width:100%;height:auto;display:block;transition:transform var(--duration-slow) var(--apple-ease)}#about .about-image-wrapper:hover .about-image{transform:scale(1.03)}#about .about-image-badge{position:absolute;bottom:1rem;left:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--glass-bg-light);backdrop-filter:blur(20px);border:1px solid var(--glass-border-light);border-radius:100px;font-size:.875rem;font-weight:600;color:var(--apple-gray-600);box-shadow:var(--shadow-apple-md)}html.dark #about .about-image-badge{background:var(--glass-bg-dark);border-color:var(--glass-border-dark);color:var(--apple-gray-200)}#about .about-text-card{background:#fff!important;backdrop-filter:none!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:24px;box-shadow:var(--shadow-apple-lg);transition:all .3s cubic-bezier(.34,1.56,.64,1);height:580px;display:flex;flex-direction:column;padding:2.25rem 2.5rem!important}html.dark #about .about-text-card{background:#000!important;border-color:#ffffff14!important}#about .about-intro-title{font-size:1.75rem;font-weight:700;color:var(--apple-gray-600);margin-bottom:1rem;letter-spacing:-.02em}html.dark #about .about-intro-title{color:var(--text-primary)}#about .about-intro-text,#about .about-description{font-size:1rem;line-height:1.8;color:var(--apple-gray-400);margin-bottom:1rem}#about .about-intro-text strong{color:#0071e3;font-weight:600}#about .about-description strong{color:var(--apple-gray-600);font-weight:600}html.dark #about .about-intro-text{color:#d1d1d6}html.dark #about .about-description{color:#a1a1a6}html.dark #about .about-intro-text strong{color:#2997ff}html.dark #about .about-description strong{color:#fff}@media(min-width:1024px){#about .about-main{grid-template-columns:1fr 1.6fr;gap:3.5rem;align-items:stretch}#about .about-image-wrapper{height:580px;position:relative}#about .about-image-wrapper picture{display:block;width:100%;height:100%}#about .about-image{width:100%;height:100%;object-fit:cover}}@media(max-width:1023px){#about .about-image-wrapper{height:380px!important}#about .about-image-wrapper picture{display:block;width:100%;height:100%}#about .about-image{width:100%;height:100%;object-fit:cover}}@media(max-width:576px){#about .about-text-card{height:520px;padding:1.5rem 1.25rem!important}}#about .about-tab-panel{flex-grow:1;overflow-y:auto;padding-right:1rem;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}html.dark #about .about-tab-panel{scrollbar-color:rgba(255,255,255,.15) transparent}#about .about-tab-panel::-webkit-scrollbar{width:6px}#about .about-tab-panel::-webkit-scrollbar-track{background:transparent}#about .about-tab-panel::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px;transition:background-color .2s ease}#about .about-tab-panel::-webkit-scrollbar-thumb:hover{background:#0000004d}html.dark #about .about-tab-panel::-webkit-scrollbar-thumb{background:#ffffff26}html.dark #about .about-tab-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}#skills{background:linear-gradient(180deg,var(--apple-gray-50) 0%,var(--bg-primary) 100%)}html.dark #skills{background:linear-gradient(180deg,var(--apple-dark-bg) 0%,var(--apple-dark-surface) 100%)}#education{background:linear-gradient(180deg,var(--apple-gray-50) 0%,var(--bg-primary) 100%)}html.dark #education{background:linear-gradient(180deg,var(--apple-dark-bg) 0%,var(--apple-dark-surface) 100%)}#publications{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--apple-gray-50) 100%)}html.dark #publications{background:linear-gradient(180deg,var(--apple-dark-surface) 0%,var(--apple-dark-bg) 100%)}#awards{background:linear-gradient(180deg,var(--apple-gray-50) 0%,var(--bg-primary) 100%)}html.dark #awards{background:linear-gradient(180deg,var(--apple-dark-bg) 0%,var(--apple-dark-surface) 100%)}#recommendations{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--apple-gray-50) 100%)}html.dark #recommendations{background:linear-gradient(180deg,var(--apple-dark-surface) 0%,var(--apple-dark-bg) 100%)}#certifications{background:linear-gradient(180deg,var(--apple-gray-50) 0%,var(--bg-primary) 100%)}html.dark #certifications{background:linear-gradient(180deg,var(--apple-dark-bg) 0%,var(--apple-dark-surface) 100%)}#blog{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--apple-gray-50) 100%)}html.dark #blog{background:linear-gradient(180deg,var(--apple-dark-surface) 0%,var(--apple-dark-bg) 100%)}#contact{background:linear-gradient(180deg,var(--apple-gray-50) 0%,var(--bg-primary) 50%,var(--apple-gray-50) 100%)}html.dark #contact{background:linear-gradient(180deg,var(--apple-dark-bg) 0%,var(--apple-dark-surface) 50%,var(--apple-dark-bg) 100%)}#debug-runner-section{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--apple-gray-50) 100%)}html.dark #debug-runner-section{background:linear-gradient(180deg,var(--apple-dark-surface) 0%,var(--apple-dark-bg) 100%)}footer{background:linear-gradient(180deg,var(--apple-gray-50) 0%,var(--apple-gray-100) 100%);border-top:1px solid var(--apple-gray-200);padding:3rem 0 2rem}html.dark footer{background:linear-gradient(180deg,var(--apple-dark-bg) 0%,#000000 100%);border-color:var(--apple-dark-border)}footer .footer-copy{color:var(--apple-gray-400);font-size:.875rem}footer .footer-tagline{color:var(--apple-gray-300);font-size:.75rem;font-style:italic}html.dark footer .footer-copy{color:var(--apple-gray-300)}html.dark footer .footer-tagline{color:var(--apple-gray-400)}#go-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:var(--glass-bg-light);backdrop-filter:blur(20px);border:1px solid var(--glass-border-light);color:var(--apple-gray-600);font-size:1.125rem;cursor:pointer;box-shadow:var(--shadow-apple-lg);transition:all var(--duration-normal) var(--apple-spring);opacity:0;visibility:hidden;transform:translateY(20px);z-index:1000}#go-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}#go-to-top:hover{transform:translateY(-4px);box-shadow:var(--shadow-apple-xl);background:var(--apple-blue);color:#fff;border-color:var(--apple-blue)}html.dark #go-to-top{background:var(--glass-bg-dark);border-color:var(--glass-border-dark);color:var(--apple-gray-200)}@media(max-width:768px){section h2{font-size:2rem}section .section-subtitle{font-size:1rem}#home .hero-name-text{font-size:2.25rem}#home .profile-image-wrapper{width:120px!important;height:120px!important}#experience .experience-item{padding-left:50px}#experience .timeline-section-header{margin-left:50px}#experience .timeline-section-header:before{left:-24px}#experience .experience-icon{width:36px;height:36px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#home .playing-indicator span{animation:none!important}}html.dark{--bg-primary: var(--apple-dark-bg);--bg-secondary: #000 !important;--bg-tertiary: var(--apple-dark-elevated);--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #8e8e93;--border-subtle: rgba(255, 255, 255, .1);--border-default: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4)}@media print{#home:before,.music-card,#go-to-top,#chatbot-toggle,#chatbot-widget{display:none!important}section{break-inside:avoid;page-break-inside:avoid}}