@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes codeLineAppear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(15px)}}.dark-theme{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary-color: #8b5cf6;--accent-color: #ec4899;--bg-dark: #0f172a;--bg-darker: #020617;--bg-card: #1e293b;--bg-detail: #0f172a;--bg-card-detail:#1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--gradient-secondary: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--gradient-tertiary: radial-gradient(circle at 20% 50%, rgba(99, 102, 241, .15) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(139, 92, 246, .15) 0%, transparent 50%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3)}.light-theme{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary-color: #8b5cf6;--accent-color: #ec4899;--bg-dark: #f8fafc;--bg-darker: #ffffff;--bg-card: rgba(255, 255, 255, .6784313725);--bg-detail: rgba(129, 140, 248, .0588235294);--bg-card-detail:rgba(255, 255, 255, .7098039216);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--gradient-secondary: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);--gradient-tertiary: radial-gradient(circle at 20% 50%, rgba(99, 102, 241, .08) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(139, 92, 246, .08) 0%, transparent 50%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(99, 102, 241, .2)}.portfolio-container{background:var(--bg-darker);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.card{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.portfolio-container{width:100%;min-height:100vh;background:var(--bg-darker);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.theme-toggle-container{position:fixed;top:2rem;left:2rem;z-index:1000;animation:fadeInDown .6s ease-out}.language-selector-container{position:fixed;top:2rem;right:2rem;z-index:1000;animation:fadeInDown .6s ease-out}.btn{padding:.875rem 2rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;border:2px solid transparent;cursor:pointer;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);color:var(--text-primary);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #6366f180}.light-theme .btn-primary{color:#fff}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--primary-color);transform:translateY(-2px)}@media (max-width: 640px){.btn{padding:10px;width:100%;text-align:center}}.project-detail__summary{margin-top:1.5rem;font-size:1.0625rem;line-height:1.75;color:var(--text-secondary);max-width:68ch;text-align:left}.project-meta{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;margin-top:2rem;text-align:left}.project-meta__item{min-width:0}.project-meta__label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.project-meta__value{font-size:.9375rem;color:var(--text-secondary)}.project-stack{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}.project-stack__chip{padding:.25rem .75rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;white-space:nowrap}.project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;list-style:none;text-align:left}@media (max-width: 640px){.project-metrics{grid-template-columns:repeat(2,1fr)}}.project-metrics__item{display:flex;flex-direction:column;gap:.125rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem}.project-metrics__value{font-size:1.75rem;font-weight:700;line-height:1.1;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.project-metrics__label{font-size:.8125rem;color:var(--text-muted)}.project-section--diagrams{width:min(1400px,100vw - 3rem);margin-left:50%;transform:translate(-50%)}.project-diagrams{display:flex;flex-direction:column;gap:3rem}.project-diagram{margin:0}.project-diagram__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.project-diagram__frame{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;overflow-x:auto}.project-diagram__img{display:block;width:auto;max-width:100%;max-height:85vh;height:auto;margin:0 auto;cursor:zoom-in}.project-diagram__caption{margin-top:1rem;font-size:.9375rem;line-height:1.7;color:var(--text-muted);max-width:68ch}.project-diagram__zoom-hint{display:inline-block;margin-top:.5rem;font-size:.8125rem;color:var(--text-muted);opacity:.8}.project-ai{padding:2rem;border:1px solid var(--border-color);border-left:3px solid var(--primary-color);border-radius:1rem;background:var(--bg-card)}.project-ai__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.project-ai__summary{font-size:1rem;line-height:1.75;color:var(--text-secondary);max-width:68ch}.project-ai__points{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem}.project-ai__point-title{font-size:1rem;font-weight:600;color:var(--primary-light);margin-bottom:.5rem}.project-ai__point-content{font-size:.9375rem;line-height:1.7;color:var(--text-secondary)}.project-steps{display:flex;flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;counter-reset:project-step}.project-steps__item{position:relative;padding-left:3rem;counter-increment:project-step}.project-steps__item:before{content:counter(project-step);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:.875rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border-radius:50%}.project-steps__title{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;padding-top:.25rem}.project-steps__content{font-size:.9375rem;line-height:1.75;color:var(--text-secondary);max-width:68ch}@media (max-width: 640px){.project-meta{gap:1rem 2rem}.project-ai{padding:1.5rem}.project-steps__item{padding-left:2.5rem}}