:root{--background-light:#f0f4ff;--background-dark:#06091a;--text-light:#0f172a;--text-dark:#e2e8f0;--text-secondary-light:#475569;--text-secondary-dark:#94a3b8;--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--accent-cyan:#22d3ee;--accent-violet:#a78bfa;--accent-pink:#f472b6;--accent-emerald:#34d399;--accent-amber:#fbbf24;--gradient-primary:linear-gradient(135deg,#6366f1,#a78bfa);--gradient-accent:linear-gradient(135deg,#22d3ee,#6366f1);--gradient-warm:linear-gradient(135deg,#f472b6,#fbbf24);--gradient-cool:linear-gradient(135deg,#34d399,#22d3ee);--gradient-hero:linear-gradient(135deg,#0ea5e9,#6366f1 50%,#a78bfa);--glass-bg-light:#ffffffb3;--glass-bg-dark:#0a0f28a6;--glass-border-light:#fffc;--glass-border-dark:#ffffff1a;--glass-shadow:0 8px 32px #6366f126;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001f;--shadow-xl:0 20px 50px #00000026;--shadow-glow:0 0 40px #6366f140;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--transition-bounce:400ms cubic-bezier(0.34,1.56,0.64,1);--background-color:var(--background-light);--text-color:var(--text-light);--text-secondary:var(--text-secondary-light);--primary-color:var(--primary-500);--glass-bg:var(--glass-bg-light);--glass-border:var(--glass-border-light);--card-bg:#fffc;--card-border:#ffffffe6}body.light-mode{--background-color:var(--background-light);--text-color:var(--text-light);--text-secondary:var(--text-secondary-light);--primary-color:var(--primary-500);--glass-bg:var(--glass-bg-light);--glass-border:var(--glass-border-light);--card-bg:#ffffffd9;--card-border:#fffffff2}body.dark-mode{--background-color:var(--background-dark);--text-color:var(--text-dark);--text-secondary:var(--text-secondary-dark);--primary-color:var(--primary-400);--glass-bg:var(--glass-bg-dark);--glass-border:var(--glass-border-dark);--card-bg:#0f1732bf;--card-border:#ffffff14}body{background:radial-gradient(ellipse at 10% 20%,#6366f10d 0,#0000 55%),radial-gradient(ellipse at 90% 10%,#22d3ee0a 0,#0000 50%),radial-gradient(ellipse at 50% 90%,#a78bfa0a 0,#0000 60%),linear-gradient(160deg,#f8f9ff,#f5f7ff 50%,#f8f9ff);background-attachment:fixed;color:#0f172a;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;transition:background .5s ease,color .3s ease;transition:background var(--transition-slow),color var(--transition-normal)}body.dark-mode{background:radial-gradient(ellipse at 15% 25%,#6366f11a 0,#0000 50%),radial-gradient(ellipse at 85% 15%,#22d3ee0f 0,#0000 45%),radial-gradient(ellipse at 45% 85%,#a78bfa14 0,#0000 55%),linear-gradient(160deg,#08091c,#0c1028 40%,#08091c);background-attachment:fixed}body:before{animation:ambientPulse 12s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,#6366f108 0,#0000 40%),radial-gradient(circle at 80% 20%,#22d3ee05 0,#0000 35%);content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}body.dark-mode:before{background:radial-gradient(circle at 20% 80%,#6366f114 0,#0000 40%),radial-gradient(circle at 80% 20%,#22d3ee0d 0,#0000 35%)}@keyframes ambientPulse{0%{opacity:.6;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.03) rotate(1deg)}to{opacity:.7;transform:scale(.98) rotate(-1deg)}}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#a78bfa);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{opacity:.8}::selection{background:#6366f140;color:#0f172a;color:var(--text-color)}:focus-visible{border-radius:.375rem;border-radius:var(--radius-sm);outline:2px solid #6366f1;outline:2px solid var(--primary-500);outline-offset:3px}.section-wrapper{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#fffc;background:var(--card-bg);border:1px solid #ffffffe6;border:1px solid var(--card-border);border-radius:2rem;border-radius:var(--radius-3xl);box-shadow:0 20px 50px #00000026,0 0 40px #6366f140;box-shadow:var(--shadow-xl),var(--shadow-glow);margin:100px 2rem 2rem;margin:100px var(--space-xl) var(--space-xl);padding:4rem 3rem;padding:var(--space-3xl) var(--space-2xl);transition:all .3s ease;transition:all var(--transition-normal)}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a78bfa);background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:3rem;margin-bottom:var(--space-2xl);text-align:center}.badge{background:linear-gradient(135deg,#6366f1,#a78bfa);background:var(--gradient-primary);border-radius:9999px;color:#fff;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:3px 10px}.badge,.navbar{border-radius:var(--radius-full)}.navbar{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg),0 2px 0 #ffffff80 inset;display:flex;height:58px;justify-content:space-between;left:50%;max-width:900px;padding:0 var(--space-xl);position:fixed;top:18px;transform:translateX(-50%);transition:all var(--transition-normal);width:calc(100% - 48px);z-index:1000}body.dark-mode .navbar{box-shadow:var(--shadow-lg),0 1px 0 #ffffff0f inset}.navbar:hover{box-shadow:var(--shadow-xl),var(--shadow-glow),0 2px 0 #ffffff80 inset;transform:translateX(-50%) translateY(-2px)}.navbar .logo a{text-decoration:none}.navbar .logo .logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:1.3rem;font-weight:800;letter-spacing:-.04em;transition:opacity var(--transition-normal)}.navbar .logo:hover .logo-text{opacity:.8}.navbar .navlinks ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}.navbar .navlinks ul li{font-size:.85rem;font-weight:500;white-space:nowrap}.navbar .navlinks ul li a{align-items:center;border-radius:var(--radius-lg);color:var(--text-color);display:flex;gap:5px;opacity:.75;padding:6px 10px;position:relative;text-decoration:none;transition:all var(--transition-normal)}.navbar .navlinks ul li a:hover{background:#6366f11a;color:var(--primary-500);opacity:1;transform:translateY(-1px)}body.dark-mode .navbar .navlinks ul li a:hover{background:#6366f12e;color:var(--primary-400)}.navbar .navlinks ul li a.active{background:#6366f11f;color:var(--primary-500);opacity:1}.navbar .btn,.navbar .btn1{align-items:center;display:flex}.navbar .btn1{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-full);color:var(--text-color);cursor:pointer;font-size:1.1rem;height:38px;justify-content:center;padding:0;transition:all var(--transition-bounce);width:38px}.navbar .btn1:hover{background:#6366f126;border-color:#6366f14d;box-shadow:var(--shadow-md);transform:scale(1.1) rotate(15deg)}body.dark-mode .navbar .btn1{background:#6366f11f;border-color:#6366f140}@media (max-width:820px){.navbar{max-width:98%;padding:0 var(--space-lg)}.navbar .navlinks ul{gap:2px}.navbar .navlinks ul li{font-size:.78rem}.navbar .navlinks ul li a{gap:3px;padding:5px 7px}}@media (max-width:600px){.navbar{height:52px;padding:0 var(--space-md);top:10px}.navbar .logo{display:none}.navbar .navlinks ul{gap:1px}.navbar .navlinks ul li a{padding:4px 5px}.navbar .btn1{font-size:1rem;height:34px;width:34px}}@media (max-width:440px){.navbar .navlinks ul li{font-size:.72rem}.navbar .navlinks ul li a{padding:3px 4px}}.resumebox{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl),var(--shadow-glow);display:flex;flex-direction:column;gap:var(--space-lg);margin:100px var(--space-xl) var(--space-xl);min-height:calc(100vh - 130px);padding:var(--space-2xl)}.resume-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;padding-bottom:var(--space-lg)}.resume-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.03em;margin:0}.resume-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.resume-source-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;letter-spacing:.02em;padding:5px 14px}.badge-aws{background:#ff99001a;border:1px solid #ff99004d;color:#e8820c}.badge-local{background:#6366f11a;border:1px solid #6366f140;color:var(--primary-500)}.resume-download-btn{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:0 2px 12px #6366f159;color:#fff;display:inline-flex;font-family:var(--font-sans);font-size:.85rem;font-weight:700;gap:6px;padding:8px 18px;text-decoration:none;transition:all var(--transition-bounce)}.resume-download-btn:hover{box-shadow:0 6px 22px #6366f180;filter:brightness(1.08);transform:translateY(-2px) scale(1.04)}.resume-notice{align-items:flex-start;background:#6366f112;border:1px solid #6366f133;border-radius:var(--radius-xl);color:var(--text-secondary);display:flex;font-size:.875rem;gap:10px;line-height:1.5;padding:12px 16px}.resume-notice code{background:#6366f11f;border-radius:var(--radius-sm);color:var(--primary-500);font-family:var(--font-mono);font-size:.82rem;padding:1px 6px}.resume-notice-warn{background:#fbbf2412;border-color:#fbbf2440;color:#b45309}body.dark-mode .resume-notice-warn{color:#fbbf24}.resume-loading{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:.95rem;gap:var(--space-lg);justify-content:center;min-height:300px}.resume-spinner{animation:spin .8s linear infinite;border:3px solid #6366f126;border-radius:50%;border-top:3px solid var(--primary-500);height:40px;width:40px}.resume-iframe{background:#fff;border:none;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);flex:1 1;min-height:1100px}@media (max-width:768px){.resumebox{margin:90px var(--space-md) var(--space-md);padding:var(--space-xl) var(--space-lg)}.resume-title{font-size:1.7rem}.resume-iframe{min-height:800px}}@media (max-width:480px){.resumebox{margin:80px var(--space-sm) var(--space-sm);padding:var(--space-lg) var(--space-md)}.resume-header{align-items:flex-start;flex-direction:column}.resume-iframe{min-height:600px}.resume-download-btn{font-size:.8rem;padding:7px 14px}}.Home{align-items:flex-start;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-xl),var(--shadow-glow);color:var(--text-color);display:flex;flex-direction:row;gap:var(--space-3xl);justify-content:center;margin:100px var(--space-xl) var(--space-xl) var(--space-xl);min-height:calc(100vh - 100px);overflow:hidden;padding:var(--space-3xl) var(--space-2xl);position:relative}.Home,.Home:after{border-radius:var(--radius-3xl)}.Home:after{background:var(--gradient-hero);content:"";filter:blur(8px);inset:-2px;opacity:.3;position:absolute;z-index:-1}.profile-side{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-xl);position:sticky;top:120px;width:260px}.profile-pic-wrapper{height:220px;position:relative;width:220px}.profile-pic-wrapper:before{animation:rotateBorder 6s linear infinite;background:var(--gradient-hero);border-radius:50%;content:"";inset:-4px;position:absolute;z-index:0}@keyframes rotateBorder{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.profile-pic{border:4px solid var(--card-bg);border-radius:50%;box-shadow:var(--shadow-xl);display:block;height:220px;object-fit:cover;position:relative;transition:transform var(--transition-bounce),box-shadow var(--transition-slow);width:220px;z-index:1}.profile-pic:hover{box-shadow:var(--shadow-xl),0 0 50px #6366f166;transform:scale(1.04)}.status-badge{align-items:center;background:#34d3991f;border:1px solid #34d39959;border-radius:var(--radius-full);color:var(--accent-emerald);display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 16px;white-space:nowrap}.status-dot{animation:pulse 2s infinite;background:var(--accent-emerald);border-radius:50%;height:7px;width:7px}.social-media{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:var(--radius-full);display:flex;gap:var(--space-md);padding:12px 20px}.social-logo{background:#ffffff1a;border-radius:var(--radius-md);cursor:pointer;height:40px;padding:6px;transition:all var(--transition-bounce);width:40px}.social-media a:hover .social-logo{background:var(--primary-100);box-shadow:var(--shadow-lg);transform:translateY(-5px) scale(1.15)}body.dark-mode .social-media a:hover .social-logo{background:#6366f140}.content{flex:1 1;max-width:700px;min-width:0}.word-pull-up{-webkit-text-fill-color:#0000;background:var(--gradient-hero);background-clip:text;-webkit-background-clip:text;display:flex;flex-wrap:wrap;font-size:2.8rem;font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--space-lg);overflow:hidden}.animated-word{display:inline-flex;margin-bottom:.1rem;margin-right:.5rem;overflow:hidden}.animated-letter{animation:pullUp .7s cubic-bezier(.22,1,.36,1) forwards;display:inline-block;transform:translateY(110%)}.animated-letter:first-child{animation-delay:.05s}.animated-letter:nth-child(2){animation-delay:.12s}.animated-letter:nth-child(3){animation-delay:.18s}.animated-letter:nth-child(4){animation-delay:.23s}.animated-letter:nth-child(5){animation-delay:.28s}.animated-letter:nth-child(6){animation-delay:.32s}.animated-letter:nth-child(7){animation-delay:.36s}.space{width:.25rem}@keyframes pullUp{to{transform:translateY(0)}}.subtitle-tags{animation:fadeSlideUp .6s .5s both;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-xl)}.subtitle-tag{align-items:center;border:1.5px solid;border-radius:var(--radius-full);display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:5px 12px}.tag-blue{background:#6366f11a;border-color:#6366f14d;color:var(--primary-500)}.tag-cyan{background:#22d3ee1a;border-color:#22d3ee4d;color:var(--accent-cyan)}.tag-green{background:#34d3991a;border-color:#34d3994d;color:var(--accent-emerald)}.tag-pink{background:#f472b61a;border-color:#f472b64d;color:var(--accent-pink)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.description{animation:fadeSlideUp .6s .65s both;color:var(--text-secondary);font-size:1.05rem;font-weight:400;line-height:1.85;margin-bottom:var(--space-xl)}.company-highlight{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-weight:700;position:relative}.company-highlight:after{background:var(--gradient-primary);border-radius:2px;bottom:-1px;content:"";height:1.5px;left:0;opacity:.6;position:absolute;width:100%}.inline-paper-link{-webkit-text-fill-color:#0000;background:var(--gradient-cool);background-clip:text;-webkit-background-clip:text;font-weight:600;position:relative;text-decoration:none;transition:opacity var(--transition-normal)}.inline-paper-link:hover{opacity:.8}.inline-paper-link:after{background:var(--gradient-cool);border-radius:2px;bottom:-1px;content:"";height:1.5px;left:0;position:absolute;width:100%}.slogan{animation:fadeSlideUp .6s .8s both;background:#6366f10f;border-left:3px solid var(--primary-500);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-top:var(--space-xl);padding:var(--space-lg) var(--space-xl);position:relative}.slogan:before{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;content:'"';font-family:Georgia,serif;font-size:3rem;left:16px;line-height:1;opacity:.4;position:absolute;top:-10px}.slogan strong{-webkit-text-fill-color:#0000;background:var(--gradient-accent);background-clip:text;-webkit-background-clip:text;font-weight:700}@media (max-width:1024px){.Home{gap:var(--space-2xl);padding:var(--space-2xl) var(--space-xl)}.profile-side{width:220px}.profile-pic,.profile-pic-wrapper{height:190px;width:190px}.word-pull-up{font-size:2.4rem}}@media (max-width:768px){.Home{align-items:center;flex-direction:column;gap:var(--space-2xl);margin:90px var(--space-md) var(--space-md);padding:var(--space-2xl) var(--space-lg);text-align:center}.profile-side{position:static;width:100%}.profile-pic,.profile-pic-wrapper{height:200px;width:200px}.content{max-width:100%}.word-pull-up{font-size:2.2rem}.subtitle-tags,.word-pull-up{justify-content:center}.description,.slogan{text-align:left}}@media (max-width:480px){.Home{margin:80px var(--space-sm) var(--space-sm);padding:var(--space-xl) var(--space-md)}.profile-pic,.profile-pic-wrapper{height:170px;width:170px}.word-pull-up{font-size:1.9rem}.description{font-size:.97rem}.social-logo{height:36px;width:36px}}.project-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all var(--transition-bounce);width:100%}.project-card:before{background:var(--gradient-primary);border-radius:var(--radius-2xl);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-normal);z-index:0}.project-card:hover{border-color:#6366f166;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-6px)}.project-card:hover:before{opacity:.04}.project-image{flex-shrink:0;height:180px;overflow:hidden;position:relative;width:100%}.project-image img{display:block;height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.project-card:hover .project-image img{transform:scale(1.06)}.project-image:after{background:linear-gradient(180deg,#0000 50%,#6366f11f);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.project-card:hover .project-image:after{opacity:1}.project-content{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:18px 20px 16px;position:relative;z-index:1}.project-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;font-size:1.05rem;font-weight:700;line-height:1.35;margin:0;overflow:hidden;transition:color var(--transition-normal)}.project-card:hover .project-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text}.project-stack{display:flex;flex-wrap:wrap;gap:5px}.stack-item{background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-full);color:var(--primary-500);display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.02em;padding:3px 9px;transition:all var(--transition-fast);white-space:nowrap}body.dark-mode .stack-item{background:#6366f12e;border-color:#6366f14d;color:var(--primary-300)}.project-card:hover .stack-item{background:#6366f12e;border-color:#6366f166}.project-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-size:.875rem;line-height:1.65;margin:0;overflow:hidden;transition:color var(--transition-normal)}.project-footer{align-items:center;border-top:1px solid #6366f11a;display:flex;justify-content:flex-end;margin-top:auto;padding-top:12px}.github-link{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:0 2px 10px #6366f14d;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:7px 16px;text-decoration:none;transition:all var(--transition-bounce)}.github-link:hover{box-shadow:0 6px 20px #6366f173;filter:brightness(1.1);transform:translateY(-2px) scale(1.04)}.github-logo{flex-shrink:0;height:15px;width:15px}@media (max-width:768px){.project-image{height:160px}.project-content{padding:15px 16px 14px}.project-title{font-size:1rem}.project-description{-webkit-line-clamp:3;font-size:.84rem}}@media (max-width:480px){.project-image{height:150px}.project-title{font-size:.95rem}.stack-item{font-size:.65rem}.github-link{font-size:.75rem;padding:6px 14px}}.projects-section{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl),var(--shadow-glow);margin:100px var(--space-xl) var(--space-xl);padding:var(--space-3xl) var(--space-2xl)}.projects-section-header{margin-bottom:var(--space-2xl);text-align:center}.projects-section-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin:0 0 10px}.projects-section-header p{color:var(--text-secondary);font-size:1rem;margin:0}.portfolio-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}@media (max-width:1100px){.portfolio-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.projects-section{margin:90px var(--space-md) var(--space-md);padding:var(--space-2xl) var(--space-lg)}.portfolio-grid{gap:16px;grid-template-columns:1fr}.projects-section-header h2{font-size:1.9rem}}@media (max-width:480px){.projects-section{margin:80px var(--space-sm) var(--space-sm);padding:var(--space-xl) var(--space-md)}}.experience-section{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl),var(--shadow-glow);margin:100px var(--space-xl) var(--space-xl);padding:var(--space-3xl) var(--space-2xl);text-align:center}.grid-category-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin:2rem 0 1.5rem;padding-left:4px;text-align:left}.grid-category-title:first-of-type{margin-top:0}.experience-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));justify-items:stretch;margin:0 auto 2.5rem;max-width:1200px}.experience-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;padding:1.75rem;position:relative;text-align:left;transition:all var(--transition-bounce);width:100%}.experience-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.experience-card:hover{border-color:#6366f159;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-5px)}.experience-card:hover:before{opacity:1}.experience-card-icon{align-items:center;display:flex;margin-bottom:var(--space-md)}.company-icon-image{border:2px solid var(--card-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:52px;object-fit:cover;transition:all var(--transition-normal);width:52px}.experience-card:hover .company-icon-image{border-color:#6366f180;transform:scale(1.05)}.experience-card-date{background:#6366f11a;border:1px solid #6366f140;border-radius:var(--radius-full);color:var(--primary-500);display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.01em;margin-bottom:var(--space-md);padding:4px 12px}body.dark-mode .experience-card-date{background:#6366f12e;border-color:#6366f14d;color:var(--primary-300)}.experience-card-title{color:var(--text-color);font-size:1.2rem;font-weight:700;line-height:1.35;margin:0 0 .4rem}.experience-card-subtitle{color:var(--text-secondary);font-size:.95rem;font-style:italic;font-weight:500;margin:0 0 1rem}.experience-card-details{list-style:none;margin:0;padding:0}.experience-card-details li{color:var(--text-secondary);font-size:.88rem;line-height:1.6;margin-bottom:.65rem;padding-left:1.1rem;position:relative}.experience-card-details li:before{color:var(--primary-500);content:"▸";font-size:.8rem;left:0;position:absolute;top:1px}@media (max-width:960px){.experience-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}@media (max-width:768px){.experience-section{margin:90px var(--space-md) var(--space-md);padding:var(--space-2xl) var(--space-lg)}.experience-grid{gap:14px;grid-template-columns:1fr}.grid-category-title{font-size:1.5rem}.experience-card{padding:1.4rem}}@media (max-width:480px){.experience-section{margin:80px var(--space-sm) var(--space-sm);padding:var(--space-xl) var(--space-md)}.experience-card{padding:1.2rem}.experience-card-title{font-size:1.05rem}}.extracurricular-section{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl),var(--shadow-glow);margin:100px var(--space-xl) var(--space-xl);padding:var(--space-3xl) var(--space-2xl);text-align:center}.extracurricular-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin:0 0 var(--space-2xl)}.extracurricular-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));margin:0 auto;max-width:1200px}.extracurricular-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;text-align:left;transition:all var(--transition-bounce)}.extracurricular-card:hover{border-color:#6366f159;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-5px)}.extracurricular-image{flex-shrink:0;height:160px;overflow:hidden;width:100%}.extracurricular-image img{display:block;height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.extracurricular-card:hover .extracurricular-image img{transform:scale(1.06)}.extracurricular-card-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:18px 20px 20px}.extracurricular-date{background:#6366f11a;border:1px solid #6366f140;border-radius:var(--radius-full);color:var(--primary-500);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.01em;padding:3px 10px;width:fit-content}body.dark-mode .extracurricular-date{background:#6366f12e;border-color:#6366f14d;color:var(--primary-300)}.extracurricular-card-title{color:var(--text-color);font-size:1.1rem;font-weight:700;line-height:1.35;margin:0;transition:color var(--transition-normal)}.extracurricular-card:hover .extracurricular-card-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text}.extracurricular-card-role{color:var(--text-secondary);font-size:.88rem;font-style:italic;font-weight:500;margin:0}.extracurricular-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-size:.875rem;line-height:1.65;margin:4px 0 0;overflow:hidden}.extracurricular-link{align-items:center;background:#6366f10f;border:1.5px solid #6366f14d;border-radius:var(--radius-full);color:var(--primary-500);display:inline-flex;font-size:.82rem;font-weight:600;gap:5px;margin-top:10px;padding:6px 14px;text-decoration:none;transition:all var(--transition-bounce);width:fit-content}.extracurricular-link:hover{background:var(--gradient-primary);border-color:#0000;box-shadow:0 4px 12px #6366f159;color:#fff;transform:translateY(-2px)}@media (max-width:960px){.extracurricular-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}@media (max-width:768px){.extracurricular-section{margin:90px var(--space-md) var(--space-md);padding:var(--space-2xl) var(--space-lg)}.extracurricular-grid{gap:14px;grid-template-columns:1fr}.extracurricular-title{font-size:1.9rem}}@media (max-width:480px){.extracurricular-section{margin:80px var(--space-sm) var(--space-sm);padding:var(--space-xl) var(--space-md)}.extracurricular-image{height:140px}}.contact-section{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl),var(--shadow-glow);margin:100px var(--space-xl) var(--space-xl);padding:var(--space-3xl) var(--space-2xl)}.contact-section-header{margin-bottom:var(--space-2xl);text-align:center}.contact-section-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin:0 0 8px}.contact-section-header p{color:var(--text-secondary);font-size:1rem;margin:0}.contact-container{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;margin:0 auto;max-width:960px}.contact-info{background:#6366f10d;border:1px solid #6366f126;border-radius:var(--radius-2xl);flex:1 1 340px;padding:var(--space-2xl);transition:all var(--transition-bounce)}.contact-info:hover{border-color:#6366f159;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-4px)}.contact-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.contact-description{color:var(--text-secondary);font-size:.95rem;margin:0 0 var(--space-xl)}.contact-details .detail-item{align-items:flex-start;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.icon-container{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:1.3rem;height:44px;justify-content:center;transition:all var(--transition-normal);width:44px}.icon-container:hover{background:#6366f12e;transform:scale(1.08)}.contact-detail-text,.contact-details h4{color:var(--text-color);font-size:.95rem;font-weight:600;margin:0 0 2px}.contact-form{background:#6366f10d;border:1px solid #6366f126;border-radius:var(--radius-2xl);flex:1 1 340px;padding:var(--space-2xl);transition:all var(--transition-bounce)}.contact-form:hover{border-color:#6366f159;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-4px)}.form-group{margin-bottom:var(--space-lg)}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--radius-xl);color:var(--text-color);font-family:var(--font-sans);font-size:.95rem;outline:none;padding:12px 16px;transition:all var(--transition-normal);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.7}.form-group input:hover,.form-group textarea:hover{border-color:#6366f159}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11f}.form-group textarea{min-height:120px;resize:vertical}.submit-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-full);box-shadow:0 4px 15px #6366f159;color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:.95rem;font-weight:700;letter-spacing:.02em;padding:13px;transition:all var(--transition-bounce);width:100%}.submit-button:hover{box-shadow:0 8px 25px #6366f180;filter:brightness(1.08);transform:translateY(-2px) scale(1.02)}@media (max-width:768px){.contact-section{margin:90px var(--space-md) var(--space-md);padding:var(--space-2xl) var(--space-lg)}.contact-section-header h2{font-size:1.9rem}.contact-form,.contact-info{padding:var(--space-xl)}}@media (max-width:480px){.contact-section{margin:80px var(--space-sm) var(--space-sm);padding:var(--space-xl) var(--space-md)}}.gallery-section{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl),var(--shadow-glow);margin:100px var(--space-xl) var(--space-xl);padding:var(--space-3xl) var(--space-2xl);text-align:center}.gallery-header{margin-bottom:var(--space-2xl)}.gallery-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin:0 0 8px}.gallery-container{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0 auto;max-width:1200px;padding:0}.gallery-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-bounce)}.gallery-item:hover{border-color:#6366f159;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-6px)}.gallery-image{display:block;height:240px;object-fit:cover;transition:transform var(--transition-slow);width:100%}.gallery-item:hover .gallery-image{transform:scale(1.06)}.gallery-caption{background:#0000;border-top:1px solid var(--card-border);color:var(--text-secondary);font-size:.85rem;font-weight:500;margin:0;padding:12px 16px;text-align:center}@media (max-width:768px){.gallery-section{margin:90px var(--space-md) var(--space-md);padding:var(--space-2xl) var(--space-lg)}.gallery-title{font-size:1.9rem}.gallery-container{gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.gallery-image{height:200px}}@media (max-width:480px){.gallery-section{margin:80px var(--space-sm) var(--space-sm);padding:var(--space-xl) var(--space-md)}.gallery-container{gap:12px;grid-template-columns:1fr 1fr}.gallery-image{height:160px}.gallery-caption{font-size:.78rem;padding:8px 10px}}@media (max-width:360px){.gallery-container{grid-template-columns:1fr}.gallery-image{height:200px}}.optimized-image{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.actual-image{height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;width:100%}.actual-image.fade-in{opacity:1}.image-placeholder{align-items:center;animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#0000 37%,#f0f0f0 63%);background-size:400% 100%;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.placeholder-content{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:.5rem}.placeholder-icon{font-size:2rem;opacity:.6}.placeholder-content span{font-size:.9rem;font-weight:500}.image-error{align-items:center;background:#f8f9fa;bottom:0;color:#6c757d;display:flex;flex-direction:column;gap:.5rem;justify-content:center;left:0;position:absolute;right:0;top:0}.error-icon{font-size:2rem;opacity:.6}.image-error span{font-size:.9rem;font-weight:500}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.optimized-image.error .image-placeholder,.optimized-image.loaded .image-placeholder{display:none}@media (max-width:768px){.error-icon,.placeholder-icon{font-size:1.5rem}.image-error span,.placeholder-content span{font-size:.8rem}}.particle-background{height:100%;left:0;opacity:.3;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}body.dark-mode .particle-background{opacity:.4}body.light-mode .particle-background{opacity:.2}.background-shapes{height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}body.dark-mode .background-shapes{opacity:.4}body.light-mode .background-shapes{opacity:.3}.ai-agent-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#87ceeb,#b0e0e6 50%,#87cefa);border:1px solid #ffffff4d;border-radius:50%;bottom:100px;box-shadow:0 8px 32px #87ceeb66;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:60px;justify-content:center;position:fixed;right:var(--space-xl);transition:all var(--transition-normal);width:60px;z-index:1000}.ai-agent-toggle:hover{box-shadow:0 12px 40px #87ceeb99;transform:scale(1.1)}.ai-agent-toggle.active{background:linear-gradient(135deg,#87cefa,#b0e0e6 50%,#87ceeb)}.ai-icon{transition:transform var(--transition-normal)}.ai-agent-toggle:hover .ai-icon{transform:rotate(10deg)}.pulse-dot{animation:pulse 2s infinite;background:#ff6b6b;border-radius:50%;height:12px;position:absolute;right:-5px;top:-5px;width:12px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.ai-agent-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:var(--radius-xl);bottom:100px;box-shadow:0 20px 60px #0000001a;display:flex;flex-direction:column;height:500px;opacity:0;overflow:hidden;position:fixed;right:var(--space-xl);transform:translateY(100%) scale(.8);transition:all var(--transition-slow);width:350px;z-index:999}.ai-agent-panel.open{opacity:1;transform:translateY(0) scale(1)}body.dark-mode .ai-agent-panel{background:#000c;border:1px solid #ffffff1a}.ai-agent-header{align-items:center;background:linear-gradient(135deg,#87ceeb,#b0e0e6);border-bottom:1px solid #fff3;color:#fff;display:flex;justify-content:space-between;padding:var(--space-lg)}.ai-agent-title{font-size:1.1rem;font-weight:600;gap:var(--space-sm)}.ai-agent-title,.api-status{align-items:center;display:flex}.api-status{font-size:.8rem;margin-left:var(--space-sm)}.api-status.connected{color:#4caf50}.api-status.error{color:#f44336}.api-status.checking{color:#ff9800}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-header-icon{font-size:1.3rem}.ai-agent-close{background:none;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;padding:var(--space-xs);transition:background-color var(--transition-fast)}.ai-agent-close:hover{background:#fff3}.ai-agent-content{overflow:hidden}.ai-agent-content,.ai-agent-messages{display:flex;flex:1 1;flex-direction:column}.ai-agent-messages{gap:var(--space-md);overflow-y:auto;padding:var(--space-lg)}.message{align-items:flex-start;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.ai-message{justify-content:flex-start}.user-message{flex-direction:row-reverse;justify-content:flex-end}.ai-avatar,.user-avatar{flex-shrink:0;font-size:1.2rem;margin-top:2px}.ai-avatar{color:#87ceeb}.user-avatar{color:#4a90e2}.message-content{border-radius:var(--radius-lg);max-width:80%;padding:var(--space-sm) var(--space-md);position:relative}.ai-message .message-content{background:#87ceeb1a;border-left:3px solid #87ceeb;margin-left:0}.user-message .message-content{background:linear-gradient(135deg,#87ceeb,#b0e0e6);border-right:3px solid #4a90e2;color:#fff;margin-right:0}.message-content p{line-height:1.4;margin:0 0 var(--space-xs) 0}.message-time{display:block;font-size:.75rem;margin-top:var(--space-xs);opacity:.7}.user-message .message-time{color:#fffc}.typing-indicator{gap:var(--space-sm)}.typing-dots,.typing-indicator{align-items:center;display:flex}.typing-dots{gap:4px}.typing-dots span{animation:typing 1.4s ease-in-out infinite;background:#87ceeb;border-radius:50%;height:6px;width:6px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.ai-agent-input-container{background:#ffffff80;border-top:1px solid #87ceeb33;padding:var(--space-lg)}.suggestions-dropdown{margin-bottom:var(--space-sm);position:relative}.suggestions-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #87ceeb4d;border-radius:var(--radius-lg);bottom:100%;box-shadow:0 8px 32px #0000001a;left:0;max-height:150px;overflow-y:auto;position:absolute;right:0;z-index:10}.suggestion-item{align-items:center;background:none;border:none;border-bottom:1px solid #87ceeb1a;color:var(--text-color);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-align:left;transition:background-color var(--transition-fast);width:100%}.suggestion-item:hover{background:#87ceeb1a}.suggestion-item:last-child{border-bottom:none}.input-wrapper{align-items:center;display:flex;gap:var(--space-sm)}.ai-agent-input{background:#fffc;border:1px solid #87ceeb4d;border-radius:var(--radius-lg);color:var(--text-color);flex:1 1;font-size:.9rem;padding:var(--space-sm) var(--space-md);transition:all var(--transition-normal)}.ai-agent-input:focus{border-color:#87ceeb;box-shadow:0 0 0 3px #87ceeb1a;outline:none}.ai-agent-input:disabled{cursor:not-allowed;opacity:.6}.ai-agent-send{align-items:center;background:linear-gradient(135deg,#87ceeb,#b0e0e6);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:40px;padding:var(--space-sm);transition:all var(--transition-normal)}.ai-agent-send:hover:not(:disabled){box-shadow:0 4px 15px #87ceeb66;transform:scale(1.05)}.ai-agent-send:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.ai-agent-panel{height:400px;width:300px}.ai-agent-panel,.ai-agent-toggle{bottom:80px;right:var(--space-md)}.ai-agent-toggle{font-size:1.5rem;height:50px;width:50px}}@media (max-width:480px){.ai-agent-panel{height:350px;left:10px;right:10px;width:calc(100vw - 20px)}.ai-agent-toggle{bottom:70px;right:10px}}.fab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#87ceeb,#b0e0e6 50%,#87cefa);border:1px solid #ffffff4d;border-radius:50%;bottom:var(--space-xl);box-shadow:0 8px 32px #87ceeb66;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:56px;justify-content:center;opacity:0;position:fixed;right:var(--space-xl);transform:translateY(100px);transition:all var(--transition-normal);width:56px;z-index:1000}.fab-visible{opacity:1;transform:translateY(0)}.fab:hover{background:linear-gradient(135deg,#87cefa,#b0e0e6 50%,#87ceeb);box-shadow:0 12px 40px #87ceeb99;transform:translateY(0) scale(1.1)}.fab:active{transform:translateY(0) scale(.95)}@media (max-width:768px){.fab{bottom:var(--space-lg);font-size:1.3rem;height:48px;right:var(--space-lg);width:48px}}
/*# sourceMappingURL=main.7683b415.css.map*/