.navbar[data-v-277f32cd]{background:var(--bg-white);box-shadow:var(--shadow-sm);position:fixed;top:0;width:100%;z-index:1000;transition:all var(--transition-base)}.nav-container[data-v-277f32cd]{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo-link[data-v-277f32cd]{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base)}.nav-menu[data-v-277f32cd]{display:flex;gap:2rem}.nav-link[data-v-277f32cd]{color:var(--color-text-primary);text-decoration:none;font-weight:500;transition:color var(--transition-base);padding:.5rem 1rem}.nav-link[data-v-277f32cd]:hover,.nav-link.router-link-active[data-v-277f32cd]{color:var(--color-primary)}.nav-controls[data-v-277f32cd]{display:flex;align-items:center;gap:.5rem}.control-btn[data-v-277f32cd]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--border-radius);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.control-btn[data-v-277f32cd]:hover{background:var(--bg-light);color:var(--color-primary)}.language-text[data-v-277f32cd]{font-size:.9rem;font-weight:600}.nav-toggle[data-v-277f32cd]{display:none;flex-direction:column;cursor:pointer}.bar[data-v-277f32cd]{width:25px;height:3px;background:var(--color-text-primary);margin:3px 0;transition:var(--transition-base)}@media screen and (max-width: 768px){.nav-menu[data-v-277f32cd]{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--bg-white);width:100%;text-align:center;transition:var(--transition-base);box-shadow:var(--shadow-lg);padding:2rem 0}.nav-menu.active[data-v-277f32cd]{left:0}.nav-controls[data-v-277f32cd]{order:-1;margin-right:1rem}.nav-toggle[data-v-277f32cd]{display:flex}}.voice-intro-container[data-v-0b8a4211]{position:fixed;bottom:80px;right:20px;z-index:1000}.voice-intro-btn[data-v-0b8a4211]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;padding:8px 16px;cursor:pointer;box-shadow:0 4px 20px #667eea4d;transition:all .3s ease;font-family:inherit;opacity:.9;min-width:120px;text-align:center}.voice-intro-btn[data-v-0b8a4211]:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea66;opacity:1}.voice-intro-btn[data-v-0b8a4211]:disabled{opacity:.6;cursor:not-allowed}.btn-content[data-v-0b8a4211]{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}.voice-icon[data-v-0b8a4211]{font-size:16px;flex-shrink:0}.btn-text[data-v-0b8a4211]{font-size:12px;font-weight:600;line-height:1.2}.btn-subtitle[data-v-0b8a4211]{font-size:.75rem;opacity:.9;text-align:center;font-style:italic}.voice-control-panel[data-v-0b8a4211]{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 15px 35px #0000001a;min-width:320px;max-width:400px;border:1px solid #e9ecef}.panel-header[data-v-0b8a4211]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.intro-title[data-v-0b8a4211]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#333}.title-icon[data-v-0b8a4211]{font-size:1.1rem}.close-btn[data-v-0b8a4211]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-btn[data-v-0b8a4211]:hover{background:#f8f9fa;color:#333}.speaker-info[data-v-0b8a4211]{text-align:center;margin-bottom:1.5rem}.avatar[data-v-0b8a4211]{font-size:3rem;margin-bottom:.5rem}.speaker-name[data-v-0b8a4211]{font-size:1.1rem;font-weight:600;color:#333}.progress-container[data-v-0b8a4211]{margin-bottom:1.5rem}.progress-bar[data-v-0b8a4211]{background:#e9ecef;height:6px;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill[data-v-0b8a4211]{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;border-radius:3px;transition:width .1s ease}.time-info[data-v-0b8a4211]{display:flex;justify-content:space-between;font-size:.85rem;color:#666}.playback-controls[data-v-0b8a4211]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.control-btn[data-v-0b8a4211]{background:#f8f9fa;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.control-btn[data-v-0b8a4211]:hover{background:#e9ecef;transform:scale(1.05)}.control-btn[data-v-0b8a4211]:disabled{opacity:.5;cursor:not-allowed}.volume-control[data-v-0b8a4211]{display:flex;align-items:center;gap:.5rem;flex:1}.volume-icon[data-v-0b8a4211]{font-size:1rem}.volume-slider[data-v-0b8a4211]{flex:1;height:4px;border-radius:2px;background:#e9ecef;outline:none;cursor:pointer}.volume-slider[data-v-0b8a4211]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer}.current-text[data-v-0b8a4211]{background:#f8f9fa;padding:1rem;border-radius:10px;margin-bottom:1rem}.text-indicator[data-v-0b8a4211]{font-size:.85rem;color:#666;margin-bottom:.5rem}.current-sentence[data-v-0b8a4211]{color:#333;line-height:1.5;font-size:.95rem}.navigation-indicator[data-v-0b8a4211]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1rem;border-radius:10px;margin-bottom:1rem;border:1px solid #dee2e6}.nav-title[data-v-0b8a4211]{font-size:.9rem;font-weight:600;color:#333;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.nav-timeline[data-v-0b8a4211]{display:flex;flex-direction:column;gap:.5rem}.nav-item[data-v-0b8a4211]{display:flex;align-items:center;gap:.8rem;padding:.5rem .8rem;border-radius:6px;transition:all .3s ease;background:#ffffff80}.nav-item.active[data-v-0b8a4211]{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:3px solid #667eea;transform:translate(3px)}.nav-item.completed[data-v-0b8a4211]{opacity:.7}.nav-time[data-v-0b8a4211]{font-size:.75rem;font-weight:600;color:#667eea;background:#667eea1a;padding:.2rem .5rem;border-radius:12px;min-width:35px;text-align:center}.nav-description[data-v-0b8a4211]{font-size:.85rem;color:#555;flex:1}.nav-group[data-v-0b8a4211]{display:flex;align-items:flex-start;gap:.8rem;padding:.5rem .8rem;border-radius:6px;transition:all .3s ease;background:#ffffff80}.nav-group.active[data-v-0b8a4211]{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:3px solid #667eea;transform:translate(3px)}.nav-group.completed[data-v-0b8a4211]{opacity:.7}.nav-actions[data-v-0b8a4211]{flex:1;display:flex;flex-direction:column;gap:.3rem}.nav-sub-item[data-v-0b8a4211]{display:flex;align-items:center;padding:.2rem .5rem;background:#667eea0d;border-radius:4px;border-left:2px solid rgba(102,126,234,.3)}.nav-sub-item .nav-description[data-v-0b8a4211]{font-size:.8rem;color:#666;margin:0}.playing-indicator[data-v-0b8a4211]{position:absolute;top:-10px;right:-10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.pulse-ring[data-v-0b8a4211]{position:absolute;width:100%;height:100%;border:2px solid #667eea;border-radius:50%;animation:pulse-0b8a4211 2s infinite}.playing-icon[data-v-0b8a4211]{font-size:1rem;z-index:1}@keyframes pulse-0b8a4211{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}@media (max-width: 768px){.voice-intro-container[data-v-0b8a4211]{bottom:80px;right:15px}.voice-control-panel[data-v-0b8a4211]{min-width:280px;max-width:calc(100vw - 2rem);padding:1rem}.voice-intro-btn[data-v-0b8a4211]{padding:6px 12px}.voice-icon[data-v-0b8a4211]{font-size:14px}.btn-text[data-v-0b8a4211]{font-size:11px}.speaker-info[data-v-0b8a4211],.progress-container[data-v-0b8a4211],.playback-controls[data-v-0b8a4211]{display:none}.panel-header[data-v-0b8a4211]{margin-bottom:1rem;padding-bottom:.5rem}.current-text[data-v-0b8a4211]{margin-bottom:.8rem;padding:.8rem}.text-indicator[data-v-0b8a4211]{font-size:.8rem;margin-bottom:.3rem}.current-sentence[data-v-0b8a4211]{font-size:.9rem;line-height:1.4}.navigation-indicator[data-v-0b8a4211]{display:none}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text-primary);background-color:var(--bg-white)}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--color-primary-gradient);color:var(--bg-white)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--bg-white)}.btn-large{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-slow)}.fade-enter,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--color-primary-gradient);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.claude-badge{position:fixed;bottom:20px;right:20px;z-index:1001;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;padding:8px 16px;box-shadow:0 4px 20px #667eea4d;transition:all .3s ease;cursor:pointer;opacity:.9;min-width:120px;text-align:center}.claude-badge:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea66;opacity:1}.claude-badge:hover .claude-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-10px)}.claude-content{display:flex;align-items:center;gap:8px;color:#fff}.claude-icon{width:16px;height:16px;flex-shrink:0}.claude-icon svg{width:100%;height:100%;color:#fff}.claude-text{display:flex;flex-direction:column;line-height:1.2}.claude-title{font-size:9px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.claude-name{font-size:12px;font-weight:600}.claude-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-5px);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:11px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.claude-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000e6}@media (max-width: 768px){.claude-badge{bottom:15px;right:15px;padding:6px 12px}.claude-icon{width:14px;height:14px}.claude-title{font-size:8px}.claude-name{font-size:11px}.claude-tooltip{font-size:10px;padding:6px 10px}}.home[data-v-74c6e6f0]{padding-top:80px}.hero[data-v-74c6e6f0]{min-height:80vh;display:flex;align-items:center;background:var(--color-primary-gradient);color:var(--bg-white)}.hero-content[data-v-74c6e6f0]{max-width:1200px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}.profile-image[data-v-74c6e6f0]{display:flex;justify-content:center}.profile-photo[data-v-74c6e6f0]{width:250px;height:250px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-white);box-shadow:var(--shadow-lg)}.image-placeholder[data-v-74c6e6f0]{width:250px;height:250px;border-radius:50%;background:var(--bg-lighter);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:1.1rem}.intro h1[data-v-74c6e6f0]{font-size:3rem;margin-bottom:.5rem;color:var(--bg-white)}.intro h2[data-v-74c6e6f0]{font-size:1.5rem;color:var(--bg-white);margin-bottom:1rem;font-weight:400;opacity:.9}.philosophy[data-v-74c6e6f0]{margin-bottom:2rem}.daily-equation[data-v-74c6e6f0]{font-size:1.2rem;font-weight:600;color:var(--bg-white);margin-bottom:1rem;text-align:left;padding:1rem;background:#ffffff26;border-radius:8px;border-left:4px solid var(--bg-white)}.life-quote[data-v-74c6e6f0]{font-size:1.1rem;line-height:1.6;color:var(--bg-white);font-style:italic;text-align:center;padding:.5rem;position:relative;opacity:.9}.life-quote[data-v-74c6e6f0]:before{content:"💻";position:absolute;left:-1.5rem;top:0;font-size:1.2rem}.hero-actions[data-v-74c6e6f0]{display:flex;gap:1rem}.btn[data-v-74c6e6f0]{padding:.8rem 2rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease}.btn-primary[data-v-74c6e6f0]{background:var(--bg-white);color:var(--color-primary)}.btn-primary[data-v-74c6e6f0]:hover{background:var(--bg-lighter)}.btn-outline[data-v-74c6e6f0]{background:transparent;color:var(--bg-white);border:2px solid var(--bg-white)}.btn-outline[data-v-74c6e6f0]:hover{background:var(--bg-white);color:var(--color-primary)}.highlights[data-v-74c6e6f0]{padding:4rem 0;background:var(--bg-white)}[data-theme=dark] .highlights[data-v-74c6e6f0]{background:var(--bg-light)}[data-theme=dark] .hero[data-v-74c6e6f0]{background:linear-gradient(135deg,#1e293b,#334155)}[data-theme=dark] .hero .intro h1[data-v-74c6e6f0],[data-theme=dark] .hero .intro h2[data-v-74c6e6f0],[data-theme=dark] .hero .daily-equation[data-v-74c6e6f0],[data-theme=dark] .hero .life-quote[data-v-74c6e6f0]{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .hero .daily-equation[data-v-74c6e6f0]{background:#ffffff1a;border-left-color:#fff}[data-theme=dark] .hero .btn-primary[data-v-74c6e6f0]{background:#3b82f6;color:#fff}[data-theme=dark] .hero .btn-primary[data-v-74c6e6f0]:hover{background:#2563eb}[data-theme=dark] .hero .btn-outline[data-v-74c6e6f0]{background:transparent;color:#fff;border:2px solid white}[data-theme=dark] .hero .btn-outline[data-v-74c6e6f0]:hover{background:#fff;color:#1e293b}.container[data-v-74c6e6f0]{max-width:1200px;margin:0 auto;padding:0 2rem}.highlight-grid[data-v-74c6e6f0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.highlight-card[data-v-74c6e6f0]{text-align:center;padding:2rem;border-radius:10px;box-shadow:var(--shadow-md);background:var(--bg-white)}.highlight-card h3[data-v-74c6e6f0]{color:var(--color-text-primary);margin-bottom:1rem}.highlight-card p[data-v-74c6e6f0]{color:var(--color-text-secondary);line-height:1.6}.quick-links[data-v-74c6e6f0]{padding:4rem 0;background:#f8f9fa}.quick-links h2[data-v-74c6e6f0]{text-align:center;margin-bottom:3rem;color:#333}.links-grid[data-v-74c6e6f0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:900px;margin:0 auto}@media (min-width: 768px){.links-grid[data-v-74c6e6f0]{grid-template-columns:repeat(3,1fr)}}.link-card[data-v-74c6e6f0]{background:#fff;padding:2rem;border-radius:10px;text-decoration:none;color:#333;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.link-card[data-v-74c6e6f0]:hover{transform:translateY(-5px);color:#333}.link-card h3[data-v-74c6e6f0]{color:#007bff;margin-bottom:1rem}.toast-notification[data-v-74c6e6f0]{position:fixed;top:2rem;right:2rem;z-index:1000;animation:toastSlideIn-74c6e6f0 .4s ease-out}@keyframes toastSlideIn-74c6e6f0{0%{opacity:0;transform:translate(100%) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.toast-content[data-v-74c6e6f0]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #00000026;border-left:4px solid #007bff;display:flex;align-items:center;min-width:320px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-icon[data-v-74c6e6f0]{font-size:2rem;margin-right:1rem;animation:bounce-74c6e6f0 2s infinite}@keyframes bounce-74c6e6f0{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.toast-message strong[data-v-74c6e6f0]{color:#333;font-size:1.1rem;display:block;margin-bottom:.25rem}.toast-message p[data-v-74c6e6f0]{color:#666;font-size:.9rem;margin:0}@media (max-width: 768px){.hero-content[data-v-74c6e6f0]{grid-template-columns:1fr;text-align:center;gap:2rem}.intro h1[data-v-74c6e6f0]{font-size:2rem}.hero-actions[data-v-74c6e6f0]{justify-content:center}.toast-notification[data-v-74c6e6f0]{top:1rem;right:1rem;left:1rem}.toast-content[data-v-74c6e6f0]{min-width:auto;width:100%}}.portfolio[data-v-89f5dc8b]{padding-top:80px;min-height:100vh;background:var(--bg-light)}.container[data-v-89f5dc8b]{max-width:1200px;margin:0 auto;padding:2rem}.page-header[data-v-89f5dc8b]{text-align:center;margin-bottom:4rem}.page-header h1[data-v-89f5dc8b]{font-size:3rem;color:var(--color-text-primary);margin-bottom:1rem}.page-header p[data-v-89f5dc8b]{font-size:1.2rem;color:var(--color-text-secondary)}.portfolio-grid[data-v-89f5dc8b]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 1024px) and (min-width: 769px){.portfolio-grid[data-v-89f5dc8b]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 481px) and (max-width: 768px){.portfolio-grid[data-v-89f5dc8b]{grid-template-columns:repeat(2,1fr)}}.project-card[data-v-89f5dc8b]{background:var(--bg-white);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-base);display:flex;flex-direction:column;cursor:pointer}.project-card[data-v-89f5dc8b]:hover{transform:translateY(-5px)}.project-image[data-v-89f5dc8b]{height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.project-icon[data-v-89f5dc8b]{font-size:4rem;margin-bottom:1rem}.project-category[data-v-89f5dc8b]{font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.project-content[data-v-89f5dc8b]{padding:1.5rem;display:flex;flex-direction:column;flex:1}.project-header[data-v-89f5dc8b]{margin-bottom:1rem}.project-content h3[data-v-89f5dc8b]{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.3rem}.project-meta[data-v-89f5dc8b]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.project-year[data-v-89f5dc8b],.project-company[data-v-89f5dc8b],.project-client[data-v-89f5dc8b]{background:var(--bg-lighter);color:var(--color-text-secondary);padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500}.project-company[data-v-89f5dc8b]{background:#10b981;color:#fff}.project-client[data-v-89f5dc8b]{background:#f59e0b;color:#fff}.project-content p[data-v-89f5dc8b]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem;flex:1}.tech-stack[data-v-89f5dc8b]{margin-bottom:1.5rem}.tech-tag[data-v-89f5dc8b]{display:inline-block;background:#e7f3ff;color:#06c;padding:.3rem .8rem;border-radius:15px;font-size:.9rem;margin-right:.5rem;margin-bottom:.5rem}[data-theme=dark] .tech-tag[data-v-89f5dc8b]{background:#1e3a8a;color:#bfdbfe}.project-links[data-v-89f5dc8b]{display:flex;gap:1rem;margin-top:auto}.btn[data-v-89f5dc8b]{padding:.6rem 1.2rem;border:none;border-radius:5px;font-size:.9rem;text-decoration:none;cursor:pointer;transition:all .3s ease;display:inline-block;width:100px;text-align:center}.btn-primary[data-v-89f5dc8b]{background:#007bff;color:#fff}.btn-primary[data-v-89f5dc8b]:hover{background:#0056b3}[data-theme=dark] .btn-primary[data-v-89f5dc8b]{background:#1d4ed8;color:#fff}[data-theme=dark] .btn-primary[data-v-89f5dc8b]:hover{background:#1e40af}.btn-outline[data-v-89f5dc8b]{background:transparent;color:#007bff;border:2px solid #007bff}.btn-outline[data-v-89f5dc8b]:hover{background:#007bff;color:#fff}[data-theme=dark] .btn-outline[data-v-89f5dc8b]{color:#60a5fa;border:2px solid #60a5fa}[data-theme=dark] .btn-outline[data-v-89f5dc8b]:hover{background:#60a5fa;color:#1a202c}.btn-special[data-v-89f5dc8b]{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;position:relative;overflow:hidden}.btn-special[data-v-89f5dc8b]:hover{transform:translateY(-1px);box-shadow:0 8px 25px #06b6d466}.btn-special[data-v-89f5dc8b]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-special[data-v-89f5dc8b]:hover:before{left:100%}@media (max-width: 480px){.page-header h1[data-v-89f5dc8b]{font-size:2rem}.portfolio-grid[data-v-89f5dc8b]{grid-template-columns:1fr}.project-links[data-v-89f5dc8b]{flex-direction:column}}.about[data-v-0ce624ca]{padding-top:80px;min-height:100vh;background:var(--bg-light)}.container[data-v-0ce624ca]{max-width:1200px;margin:0 auto;padding:2rem}.page-header[data-v-0ce624ca]{text-align:center;margin-bottom:4rem}.page-header h1[data-v-0ce624ca]{font-size:3rem;color:var(--color-text-primary);margin-bottom:1rem}.page-header p[data-v-0ce624ca]{font-size:1.2rem;color:var(--color-text-secondary)}.about-content section[data-v-0ce624ca]{background:var(--bg-white);border-radius:10px;padding:3rem;margin-bottom:3rem;box-shadow:var(--shadow-md)}.intro-grid[data-v-0ce624ca]{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}.profile-section[data-v-0ce624ca]{text-align:center}.profile-image[data-v-0ce624ca]{margin-bottom:2rem}.profile-photo[data-v-0ce624ca]{width:200px;height:200px;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary);box-shadow:var(--shadow-lg);margin:0 auto}.image-placeholder[data-v-0ce624ca]{width:200px;height:200px;border-radius:50%;background:var(--bg-lighter);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);margin:0 auto}.basic-info h2[data-v-0ce624ca]{color:var(--color-text-primary);margin-bottom:.5rem}.role[data-v-0ce624ca]{color:#007bff;font-size:1.1rem;margin-bottom:1.5rem}.contact-info[data-v-0ce624ca]{text-align:left}.contact-info p[data-v-0ce624ca]{color:var(--color-text-secondary);margin-bottom:.5rem}.philosophy-section h3[data-v-0ce624ca]{color:var(--color-text-primary);margin-bottom:1.5rem}.philosophy-detail[data-v-0ce624ca]{display:flex;flex-direction:column;gap:1.5rem}.philosophy-card[data-v-0ce624ca]{background:#f8f9fa;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.main-philosophy[data-v-0ce624ca]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6}.card-icon[data-v-0ce624ca]{font-size:2rem;margin-bottom:1rem}.philosophy-card h4[data-v-0ce624ca]{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:1rem}.steps[data-v-0ce624ca]{display:flex;flex-direction:column;gap:1rem}.step[data-v-0ce624ca]{display:flex;align-items:flex-start;gap:1rem}.step-number[data-v-0ce624ca]{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.step-content h5[data-v-0ce624ca]{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem}.step-content p[data-v-0ce624ca]{color:#555;line-height:1.6;margin:0}.card-description[data-v-0ce624ca]{font-size:1rem;color:#555;line-height:1.6;margin-bottom:1rem}.philosophy-quote[data-v-0ce624ca]{background:#e7f3ff;border-left:4px solid #007bff;padding:1rem 1.5rem;margin:1rem 0;font-style:italic;color:#333;border-radius:0 8px 8px 0}.scrum-note[data-v-0ce624ca]{margin-top:1rem;color:#555;line-height:1.6;font-size:.95rem}.card-subtitle[data-v-0ce624ca]{font-size:1rem;color:#6c757d;font-style:italic;margin-bottom:1.5rem}.collaboration-points[data-v-0ce624ca]{display:flex;flex-direction:column;gap:1rem}.collab-point[data-v-0ce624ca]{padding:1rem;border-radius:8px;background:#f8f9fa;border-left:3px solid #dee2e6}.collab-point.highlight[data-v-0ce624ca]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left-color:#2196f3}.collab-point h5[data-v-0ce624ca]{font-size:1rem;font-weight:600;color:#333;margin-bottom:.5rem}.collab-point p[data-v-0ce624ca]{color:#555;line-height:1.6;margin:0;font-size:.95rem}.beliefs[data-v-0ce624ca]{list-style:none;padding:0;margin:0}.beliefs li[data-v-0ce624ca]{color:#555;position:relative;padding:.5rem 0 .5rem 1.5rem;line-height:1.6}.beliefs li[data-v-0ce624ca]:before{content:"▶";color:#007bff;position:absolute;left:0;font-size:.8rem}blockquote[data-v-0ce624ca]{border-left:4px solid #007bff;padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:#555;font-size:1.1rem}.skills-section h2[data-v-0ce624ca],.values-section h2[data-v-0ce624ca],.highlights-section h2[data-v-0ce624ca]{color:var(--color-text-primary);margin-bottom:2rem;text-align:center}[data-theme=dark] .skills-section h2[data-v-0ce624ca],[data-theme=dark] .values-section h2[data-v-0ce624ca],[data-theme=dark] .highlights-section h2[data-v-0ce624ca]{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}[data-theme=dark] .role[data-v-0ce624ca]{color:#ff6b35}.skills-grid[data-v-0ce624ca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto}@media (min-width: 1200px){.skills-grid[data-v-0ce624ca]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.skills-grid[data-v-0ce624ca]{grid-template-columns:repeat(2,1fr)}}.skill-category[data-v-0ce624ca]{background:#f8f9fa;padding:2rem;border-radius:8px}.skill-category h3[data-v-0ce624ca]{color:#333;margin-bottom:1rem}.skill-tags[data-v-0ce624ca]{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag[data-v-0ce624ca]{background:#e7f3ff;color:#06c;padding:.4rem .8rem;border-radius:15px;font-size:.9rem}.values-grid[data-v-0ce624ca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.value-card[data-v-0ce624ca]{text-align:center;background:#f8f9fa;padding:2rem;border-radius:10px}.value-icon[data-v-0ce624ca]{font-size:3rem;margin-bottom:1rem}.value-card h3[data-v-0ce624ca]{color:#333;margin-bottom:1rem}.value-card p[data-v-0ce624ca]{color:#666;line-height:1.6}.highlights-grid[data-v-0ce624ca]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}.about .highlights-section .highlight-item[data-v-0ce624ca]{background:linear-gradient(135deg,#fff,#f8f9fa)!important;border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 4px 15px #00000014!important;transition:transform .3s ease,box-shadow .3s ease;min-width:0;max-width:100%;overflow:hidden}.about .highlights-section .highlight-item[data-v-0ce624ca]:hover{transform:translateY(-3px);box-shadow:0 6px 25px #0000001f!important}[data-theme=dark] .about .highlights-section .highlight-item[data-v-0ce624ca]{background:linear-gradient(135deg,#2d3748,#1a202c)!important;box-shadow:0 4px 15px #0000004d!important}[data-theme=dark] .about .highlights-section .highlight-item[data-v-0ce624ca]:hover{box-shadow:0 6px 25px #0006!important}.highlight-icon[data-v-0ce624ca]{font-size:2.5rem;flex-shrink:0;margin-top:.2rem}.highlight-content[data-v-0ce624ca]{flex:1;min-width:0;overflow:hidden}.highlight-content h3[data-v-0ce624ca]{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;line-height:1.3}[data-theme=dark] .about .highlights-section .highlight-content h3[data-v-0ce624ca]{color:#e2e8f0!important}[data-theme=dark] .about .highlights-section .highlight-desc[data-v-0ce624ca]{color:#a0aec0!important}[data-theme=dark] .about .highlights-section .highlight-years[data-v-0ce624ca]{background:#ff6b3533!important;color:#ff6b35!important}.highlight-years[data-v-0ce624ca]{color:#007bff;font-weight:600;font-size:.9rem;margin-bottom:.8rem;background:#007bff1a;padding:.3rem .8rem;border-radius:20px;display:inline-block}.highlight-desc[data-v-0ce624ca]{color:#555;line-height:1.6;font-size:.95rem;margin:0}@media (max-width: 768px){.page-header h1[data-v-0ce624ca]{font-size:2rem}.intro-grid[data-v-0ce624ca]{grid-template-columns:1fr;gap:2rem}.skills-grid[data-v-0ce624ca],.values-grid[data-v-0ce624ca]{grid-template-columns:1fr}.about-content section[data-v-0ce624ca]{padding:2rem}.philosophy-detail[data-v-0ce624ca]{gap:1rem}.philosophy-card[data-v-0ce624ca]{padding:1rem}.step[data-v-0ce624ca]{flex-direction:column;text-align:center;gap:.5rem}.step-number[data-v-0ce624ca]{width:30px;height:30px;font-size:.8rem}.card-icon[data-v-0ce624ca]{font-size:1.5rem}.philosophy-card h4[data-v-0ce624ca]{font-size:1.2rem}.collaboration-points[data-v-0ce624ca]{gap:.5rem}.collab-point[data-v-0ce624ca]{padding:.8rem}.collab-point h5[data-v-0ce624ca]{font-size:.95rem}.beliefs li[data-v-0ce624ca]{font-size:.9rem;padding:.3rem 0}.highlights-grid[data-v-0ce624ca]{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.highlights-grid[data-v-0ce624ca]{grid-template-columns:1fr;gap:1rem}.highlight-item[data-v-0ce624ca]{padding:1.5rem 1rem;flex-direction:column;text-align:center;align-items:center}.highlight-icon[data-v-0ce624ca]{font-size:2.2rem;margin-bottom:.8rem;margin-top:0}.highlight-content[data-v-0ce624ca]{width:100%}.highlight-content h3[data-v-0ce624ca]{font-size:1.1rem;line-height:1.3;margin-bottom:.8rem}.highlight-years[data-v-0ce624ca]{font-size:.85rem;padding:.25rem .6rem;margin-bottom:.6rem;display:inline-block}.highlight-desc[data-v-0ce624ca]{font-size:.9rem;line-height:1.5}}.experience[data-v-c4b261e5]{padding-top:80px;min-height:100vh;background:var(--bg-light)}.container[data-v-c4b261e5]{max-width:1200px;margin:0 auto;padding:2rem}.page-header[data-v-c4b261e5]{text-align:center;margin-bottom:4rem}.page-header h1[data-v-c4b261e5]{font-size:3rem;color:var(--color-text-primary);margin-bottom:1rem}.page-header p[data-v-c4b261e5]{font-size:1.2rem;color:var(--color-text-secondary)}.experience-content section[data-v-c4b261e5]{background:var(--bg-white);border-radius:10px;padding:3rem;margin-bottom:3rem;box-shadow:var(--shadow-md)}.experience-content h2[data-v-c4b261e5]{color:var(--color-text-primary);margin-bottom:2rem;text-align:center;font-size:2rem}.experience-timeline[data-v-c4b261e5]{position:relative;padding-left:2rem}.experience-timeline[data-v-c4b261e5]:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:var(--color-primary)}.experience-item[data-v-c4b261e5]{position:relative;margin-bottom:3rem}.timeline-dot[data-v-c4b261e5]{position:absolute;left:-2rem;top:1rem;width:1rem;height:1rem;background:var(--color-primary);border-radius:50%;border:3px solid var(--bg-white);box-shadow:0 0 0 3px var(--color-primary)}.experience-card[data-v-c4b261e5]{background:var(--bg-light);border-radius:8px;padding:2rem;margin-left:1rem}.experience-header[data-v-c4b261e5]{margin-bottom:1.5rem}.experience-header h3[data-v-c4b261e5]{color:var(--color-text-primary);font-size:1.3rem;margin-bottom:.5rem}.company[data-v-c4b261e5]{color:var(--color-primary);font-weight:600;display:block;margin-bottom:.3rem}.period[data-v-c4b261e5]{color:var(--color-text-secondary);font-size:.9rem}.experience-description p[data-v-c4b261e5]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.responsibilities[data-v-c4b261e5]{list-style:none;padding:0;margin:1.5rem 0}.responsibilities li[data-v-c4b261e5]{color:var(--color-text-secondary);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.responsibilities li[data-v-c4b261e5]:before{content:"▸";color:var(--color-primary);position:absolute;left:0}.technologies[data-v-c4b261e5]{margin-top:1.5rem}.tech-tag[data-v-c4b261e5]{display:inline-block;background:var(--bg-primary-light);color:var(--color-primary-dark);padding:.3rem .8rem;border-radius:15px;font-size:.9rem;margin-right:.5rem;margin-bottom:.5rem}.education-grid[data-v-c4b261e5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.education-card[data-v-c4b261e5]{background:var(--bg-light);padding:2rem;border-radius:8px}.education-card h3[data-v-c4b261e5]{color:var(--color-text-primary);margin-bottom:.5rem}.degree-mobile[data-v-c4b261e5]{display:none}.degree-desktop[data-v-c4b261e5]{display:inline}.school[data-v-c4b261e5]{color:var(--color-primary);font-weight:600;margin-bottom:.5rem}.period[data-v-c4b261e5]{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:1rem}.description[data-v-c4b261e5]{color:var(--color-text-secondary);line-height:1.6}.cert-grid[data-v-c4b261e5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.cert-card[data-v-c4b261e5]{background:var(--bg-light);padding:2rem;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color);position:relative}.cert-card[data-v-c4b261e5]:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.cert-main-header[data-v-c4b261e5]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.cert-icon[data-v-c4b261e5]{font-size:2rem;flex-shrink:0}.cert-title[data-v-c4b261e5]{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0;flex:1;min-width:200px}.cert-category[data-v-c4b261e5]{background:var(--gradient-primary);color:var(--color-white);padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;flex-shrink:0}.issuer[data-v-c4b261e5]{color:var(--color-primary);font-weight:600;margin-bottom:1rem;font-size:1rem;text-align:left}.cert-description[data-v-c4b261e5]{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1rem;padding:1rem;background:var(--bg-accent-light);border-radius:8px;border-left:3px solid var(--color-accent);text-align:left}.date[data-v-c4b261e5]{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;text-align:left}.achievements-grid[data-v-c4b261e5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.achievement-category[data-v-c4b261e5]{background:var(--bg-light);padding:2rem;border-radius:12px;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.achievement-category[data-v-c4b261e5]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--category-color)}.achievement-category[data-v-c4b261e5]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-header[data-v-c4b261e5]{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem}.category-icon[data-v-c4b261e5]{font-size:2.5rem;filter:drop-shadow(var(--shadow-sm))}.category-title[data-v-c4b261e5]{color:var(--category-color);font-size:1.4rem;font-weight:700;margin:0}.achievement-list[data-v-c4b261e5]{list-style:none;padding:0;margin:0}.achievement-item[data-v-c4b261e5]{color:var(--color-text-secondary);line-height:1.6;position:relative;padding:.8rem 0 .8rem 1.5rem;border-bottom:1px solid var(--border-light)}.achievement-item[data-v-c4b261e5]:last-child{border-bottom:none}.achievement-item[data-v-c4b261e5]:before{content:"▶";position:absolute;left:0;color:var(--category-color);font-size:.8rem;top:.9rem}@media (max-width: 768px){.page-header h1[data-v-c4b261e5]{font-size:2rem}.experience-content section[data-v-c4b261e5]{padding:2rem}.experience-timeline[data-v-c4b261e5]{padding-left:1rem}.experience-card[data-v-c4b261e5]{margin-left:.5rem}.education-grid[data-v-c4b261e5],.cert-grid[data-v-c4b261e5],.achievements-grid[data-v-c4b261e5]{grid-template-columns:1fr}.degree-desktop[data-v-c4b261e5]{display:none}.degree-mobile[data-v-c4b261e5]{display:inline;line-height:1.4}}.leisure[data-v-848fc66c]{padding-top:80px;min-height:100vh;background:var(--bg-light)}.container[data-v-848fc66c]{max-width:1200px;margin:0 auto;padding:2rem}.page-header[data-v-848fc66c]{text-align:center;margin-bottom:4rem}.page-header h1[data-v-848fc66c]{font-size:3rem;color:var(--color-text-primary);margin-bottom:1rem}.page-header p[data-v-848fc66c]{font-size:1.2rem;color:var(--color-text-secondary)}.leisure-content section[data-v-848fc66c]{background:var(--bg-white);border-radius:10px;padding:3rem;margin-bottom:3rem;box-shadow:var(--shadow-md)}.hobbies-grid[data-v-848fc66c]{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:0;background:none;box-shadow:none}.hobby-card[data-v-848fc66c]{background:var(--bg-white);border-radius:10px;padding:2rem;box-shadow:var(--shadow-md);transition:transform .3s ease}.hobby-card[data-v-848fc66c]:hover{transform:translateY(-5px)}.hobby-card.clickable-hobby[data-v-848fc66c]{cursor:pointer;position:relative;overflow:hidden}.hobby-card.clickable-hobby[data-v-848fc66c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s ease}.hobby-card.clickable-hobby[data-v-848fc66c]:hover:before{left:100%}.hobby-card.clickable-hobby[data-v-848fc66c]:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border:2px solid var(--color-primary-light)}.hobby-card.clickable-hobby[data-v-848fc66c]:active{transform:translateY(-3px);transition:transform .1s ease}.click-hint[data-v-848fc66c]{position:absolute;top:1rem;right:1rem;background:var(--gradient-primary);color:var(--color-white);padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;opacity:0;transform:translateY(-10px);transition:all .3s ease;pointer-events:none;z-index:2}.hobby-card.clickable-hobby:hover .click-hint[data-v-848fc66c]{opacity:1;transform:translateY(0)}.hint-icon[data-v-848fc66c]{font-size:1rem;animation:point-848fc66c 1.5s ease-in-out infinite}.hint-text[data-v-848fc66c]{font-size:.8rem;white-space:nowrap}@keyframes point-848fc66c{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hobby-icon[data-v-848fc66c]{font-size:4rem;text-align:center;margin-bottom:1rem}.hobby-card h2[data-v-848fc66c]{color:var(--color-text-primary);text-align:center;margin-bottom:1rem}.hobby-description[data-v-848fc66c]{color:var(--color-text-secondary);text-align:center;margin-bottom:2rem;font-style:italic}.hobby-details h4[data-v-848fc66c]{color:var(--color-text-primary);margin:1.5rem 0 .8rem;font-size:1rem}.hobby-details p[data-v-848fc66c]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.hobby-details ul[data-v-848fc66c]{color:var(--color-text-secondary);margin-bottom:1rem;padding-left:1.5rem}.hobby-details li[data-v-848fc66c]{margin-bottom:.5rem;line-height:1.5}.skill-tags[data-v-848fc66c]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.skill-tag[data-v-848fc66c]{background:var(--bg-primary-light);color:var(--color-primary-dark);padding:.3rem .8rem;border-radius:15px;font-size:.9rem}.gallery-section h2[data-v-848fc66c],.balance-section h2[data-v-848fc66c],.future-goals h2[data-v-848fc66c]{color:var(--color-text-primary);text-align:center;margin-bottom:2rem;font-size:2rem}.category-tabs[data-v-848fc66c]{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.category-tab[data-v-848fc66c]{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--bg-white);border:2px solid var(--border-color);border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:var(--color-text-secondary)}.category-tab[data-v-848fc66c]:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-tab.active[data-v-848fc66c]{background:var(--gradient-primary);border-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tab-icon[data-v-848fc66c]{font-size:1.2rem}.tab-title[data-v-848fc66c]{font-weight:600}.tab-count[data-v-848fc66c]{font-size:.85rem;opacity:.8}.active-gallery[data-v-848fc66c]{min-height:400px}.empty-category[data-v-848fc66c]{text-align:center;padding:4rem 2rem;background:var(--bg-white);border-radius:15px;box-shadow:var(--shadow-md)}.empty-icon[data-v-848fc66c]{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-category h3[data-v-848fc66c]{color:var(--color-text-primary);font-size:1.5rem;margin-bottom:.5rem}.empty-category p[data-v-848fc66c]{color:var(--color-text-secondary);margin-bottom:1rem}.empty-text[data-v-848fc66c]{color:var(--color-text-muted)!important;font-style:italic}.gallery-intro[data-v-848fc66c]{text-align:center;color:var(--color-text-secondary);margin-bottom:3rem;font-size:1.1rem}.gallery-grid[data-v-848fc66c]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.gallery-item[data-v-848fc66c]{background:var(--bg-light);border-radius:8px;overflow:hidden;transition:transform .3s ease;position:relative}.gallery-item.clickable[data-v-848fc66c]{cursor:pointer}.gallery-item[data-v-848fc66c]:hover{transform:translateY(-3px)}.gallery-item.clickable:hover .gallery-overlay[data-v-848fc66c]{opacity:1}.gallery-image[data-v-848fc66c]{height:150px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.gallery-photo[data-v-848fc66c]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover .gallery-photo[data-v-848fc66c]{transform:scale(1.1)}.gallery-overlay[data-v-848fc66c]{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;text-align:center}.view-icon[data-v-848fc66c]{font-size:2rem;margin-bottom:.5rem}.view-text[data-v-848fc66c]{font-size:.9rem;font-weight:600}.image-placeholder[data-v-848fc66c]{color:var(--color-text-secondary);font-size:1rem}.youtube-player[data-v-848fc66c]{width:100%;height:100%;border:none}.coming-soon-placeholder[data-v-848fc66c]{color:var(--color-text-muted);font-size:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--bg-gradient-light);border:2px dashed var(--border-light)}.coming-soon-icon[data-v-848fc66c]{font-size:2rem;margin-bottom:.5rem;opacity:.7;animation:pulse-848fc66c 2s ease-in-out infinite}@keyframes pulse-848fc66c{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.gallery-info[data-v-848fc66c]{padding:1.5rem}.gallery-info h3[data-v-848fc66c]{color:var(--color-text-primary);margin-bottom:.5rem}.gallery-info p[data-v-848fc66c]{color:var(--color-text-secondary);line-height:1.5;margin-bottom:1rem}.gallery-date[data-v-848fc66c]{color:var(--color-text-muted);font-size:.9rem}.youtube-info[data-v-848fc66c]{margin-top:1rem;padding:.8rem;background:var(--gradient-youtube);color:var(--color-white);border-radius:10px;display:flex;align-items:center;gap:.5rem;justify-content:center;font-size:.9rem}.youtube-icon[data-v-848fc66c]{font-size:1.1rem;animation:video-play-848fc66c 2s ease-in-out infinite}.youtube-label[data-v-848fc66c]{font-weight:500}@keyframes video-play-848fc66c{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.balance-content[data-v-848fc66c]{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.balance-text p[data-v-848fc66c]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.balance-benefits[data-v-848fc66c]{list-style:none;padding:0}.balance-benefits li[data-v-848fc66c]{color:var(--color-text-secondary);margin-bottom:1rem;padding-left:1.5rem;position:relative;line-height:1.5}.balance-benefits li[data-v-848fc66c]:before{content:"✓";color:var(--color-success);font-weight:700;position:absolute;left:0}.balance-quotes blockquote[data-v-848fc66c]{border-left:4px solid var(--color-primary);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--color-text-secondary);line-height:1.6}.goals-grid[data-v-848fc66c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.goal-card[data-v-848fc66c]{background:var(--bg-light);padding:2rem;border-radius:10px;text-align:center;transition:transform .3s ease}.goal-card[data-v-848fc66c]:hover{transform:translateY(-3px)}.goal-icon[data-v-848fc66c]{font-size:3rem;margin-bottom:1rem}.goal-card h3[data-v-848fc66c]{color:var(--color-text-primary);margin-bottom:1rem}.goal-card p[data-v-848fc66c]{color:var(--color-text-secondary);line-height:1.6}.challenge-list[data-v-848fc66c]{text-align:left}.challenge-item[data-v-848fc66c]{color:var(--color-text-secondary);line-height:1.8;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.lightbox-overlay[data-v-848fc66c]{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.lightbox-content[data-v-848fc66c]{position:relative;max-width:90vw;max-height:90vh;background:var(--bg-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-xl)}.lightbox-close[data-v-848fc66c]{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.lightbox-close[data-v-848fc66c]:hover{background:#000000e6}.lightbox-image[data-v-848fc66c]{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block}.lightbox-info[data-v-848fc66c]{padding:2rem;text-align:center}.lightbox-info h3[data-v-848fc66c]{color:var(--color-text-primary);font-size:1.4rem;margin-bottom:1rem}.lightbox-info p[data-v-848fc66c]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.lightbox-date[data-v-848fc66c]{color:var(--color-text-muted);font-size:.9rem}.lightbox-nav[data-v-848fc66c]{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;z-index:1002;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.lightbox-nav[data-v-848fc66c]:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.lightbox-prev[data-v-848fc66c]{left:2rem}.lightbox-next[data-v-848fc66c]{right:2rem}.lightbox-counter[data-v-848fc66c]{position:absolute;top:1rem;left:1rem;background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.lightbox-hint[data-v-848fc66c]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);text-align:center}.lightbox-hint span[data-v-848fc66c]{color:var(--color-text-muted);font-size:.85rem;font-style:italic}@media (max-width: 1024px) and (min-width: 769px){.hobbies-grid[data-v-848fc66c],.gallery-grid[data-v-848fc66c]{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 768px){.page-header h1[data-v-848fc66c]{font-size:2rem}.leisure-content section[data-v-848fc66c]{padding:2rem}.hobbies-grid[data-v-848fc66c],.gallery-grid[data-v-848fc66c]{grid-template-columns:1fr;gap:1rem}.balance-content[data-v-848fc66c]{grid-template-columns:1fr;gap:2rem}.goals-grid[data-v-848fc66c]{grid-template-columns:1fr}.lightbox-content[data-v-848fc66c]{max-width:95vw;max-height:95vh}.lightbox-info[data-v-848fc66c]{padding:1.5rem}.lightbox-image[data-v-848fc66c]{max-height:60vh}.lightbox-nav[data-v-848fc66c]{width:40px;height:40px;font-size:1.5rem}.lightbox-prev[data-v-848fc66c]{left:1rem}.lightbox-next[data-v-848fc66c]{right:1rem}.group-header[data-v-848fc66c]{padding:1.5rem}.group-icon[data-v-848fc66c]{font-size:2.5rem}.group-title[data-v-848fc66c]{font-size:1.5rem}.category-tabs[data-v-848fc66c]{gap:.5rem}.category-tab[data-v-848fc66c]{padding:.8rem 1rem;font-size:.9rem}.tab-icon[data-v-848fc66c]{font-size:1rem}.empty-category[data-v-848fc66c]{padding:3rem 1.5rem}.empty-icon[data-v-848fc66c]{font-size:3rem}.youtube-info[data-v-848fc66c]{padding:.6rem;font-size:.85rem}}.contact[data-v-af134b59]{padding-top:80px;min-height:100vh;background:var(--bg-light)}.container[data-v-af134b59]{max-width:1200px;margin:0 auto;padding:2rem}.page-header[data-v-af134b59]{text-align:center;margin-bottom:4rem}.page-header h1[data-v-af134b59]{font-size:3rem;color:var(--color-text-primary);margin-bottom:1rem}.page-header p[data-v-af134b59]{font-size:1.2rem;color:var(--color-text-secondary)}.contact-content section[data-v-af134b59]{background:var(--bg-white);border-radius:10px;padding:3rem;margin-bottom:3rem;box-shadow:var(--shadow-md)}.contact-grid[data-v-af134b59]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.contact-card[data-v-af134b59]{background:var(--bg-light);padding:2rem;border-radius:10px;text-align:center;transition:transform .3s ease}.contact-card[data-v-af134b59]:hover{transform:translateY(-5px)}.contact-icon[data-v-af134b59]{font-size:3rem;margin-bottom:1rem}.contact-card h3[data-v-af134b59]{color:var(--color-text-primary);margin-bottom:.5rem}.contact-card p[data-v-af134b59]{color:var(--color-text-secondary);margin-bottom:1.5rem}.contact-form-section h2[data-v-af134b59]{color:var(--color-text-primary);text-align:center;margin-bottom:2rem;font-size:2rem}.contact-form[data-v-af134b59]{max-width:600px;margin:0 auto}.form-row[data-v-af134b59]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-af134b59]{margin-bottom:1.5rem}.form-group label[data-v-af134b59]{display:block;color:var(--color-text-primary);margin-bottom:.5rem;font-weight:500}.form-group input[data-v-af134b59],.form-group textarea[data-v-af134b59]{width:100%;padding:.8rem;border:2px solid var(--color-text-muted, #ccc);border-radius:5px;font-size:1rem;transition:all .3s ease;background:var(--bg-white);color:var(--color-text-primary)}[data-theme=dark] .form-group input[data-v-af134b59],[data-theme=dark] .form-group textarea[data-v-af134b59]{border:2px solid #555;background:var(--bg-darker, #2a2a2a);color:var(--color-text-primary)}.form-group input[data-v-af134b59]:focus,.form-group textarea[data-v-af134b59]:focus{outline:none;border-color:var(--color-primary)}.form-group input.error[data-v-af134b59],.form-group textarea.error[data-v-af134b59]{border-color:var(--color-error)}.error-message[data-v-af134b59]{color:var(--color-error);font-size:.9rem;margin-top:.3rem;display:block}.btn[data-v-af134b59]{padding:.8rem 2rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease}.btn-primary[data-v-af134b59]{background:var(--color-primary);color:#fff}.btn-primary[data-v-af134b59]:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary[data-v-af134b59]:disabled{background:var(--color-disabled);cursor:not-allowed}.btn-large[data-v-af134b59]{width:100%;padding:1rem 2rem;font-size:1.1rem}.availability-section h2[data-v-af134b59],.location-section h2[data-v-af134b59]{color:var(--color-text-primary);text-align:center;margin-bottom:2rem;font-size:2rem}.availability-card[data-v-af134b59]{display:flex;align-items:flex-start;gap:1.5rem}.status-indicator[data-v-af134b59]{width:20px;height:20px;border-radius:50%;margin-top:.3rem;flex-shrink:0}.status-indicator.available[data-v-af134b59]{background:#10b981!important;animation:breathe-af134b59 2s ease-in-out infinite!important;-webkit-animation:breathe-af134b59 2s ease-in-out infinite!important;box-shadow:0 0 8px #10b98199!important;border:2px solid rgba(16,185,129,.3)!important;will-change:transform,opacity,background-color,box-shadow!important}@keyframes breathe-af134b59{0%{transform:scale(.85);box-shadow:0 0 5px #10b98166;opacity:.8;background:#10b981}50%{transform:scale(1.25);box-shadow:0 0 15px #10b981cc;opacity:1;background:#22c55e}to{transform:scale(.85);box-shadow:0 0 5px #10b98166;opacity:.8;background:#10b981}}.availability-info h3[data-v-af134b59]{color:var(--color-text-primary);margin-bottom:1rem}.availability-info p[data-v-af134b59]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.interests-list[data-v-af134b59]{color:var(--color-text-secondary);margin:1rem 0;padding-left:1.5rem}.interests-list li[data-v-af134b59]{margin-bottom:.5rem}.response-time[data-v-af134b59]{color:var(--color-text-muted);font-style:italic}.location-info[data-v-af134b59]{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.location-details h3[data-v-af134b59]{color:var(--color-text-primary);margin-bottom:1rem}.location-details p[data-v-af134b59]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.timezone-info p[data-v-af134b59]{margin-bottom:.5rem}.availability-calendar h4[data-v-af134b59]{color:var(--color-text-primary);margin-bottom:1rem}.time-slots[data-v-af134b59]{background:var(--bg-light);border-radius:8px;padding:1.5rem}.time-slot[data-v-af134b59]{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--border-color)}.time-slot[data-v-af134b59]:last-child{border-bottom:none}.day[data-v-af134b59]{color:var(--color-text-primary);font-weight:500}.time[data-v-af134b59]{color:var(--color-text-secondary)}@media (max-width: 768px){.page-header h1[data-v-af134b59]{font-size:2rem}.contact-content section[data-v-af134b59]{padding:2rem}.contact-grid[data-v-af134b59],.form-row[data-v-af134b59]{grid-template-columns:1fr}.availability-card[data-v-af134b59]{flex-direction:column;align-items:center;text-align:center}.location-info[data-v-af134b59]{grid-template-columns:1fr;gap:2rem}}.contact-qr-container[data-v-af134b59]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.contact-qr-image[data-v-af134b59]{width:120px;height:120px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.contact-qr-image[data-v-af134b59]:hover{transform:scale(1.05);box-shadow:0 4px 16px #00000026}.contact-qr-image.clickable[data-v-af134b59]:hover{transform:scale(1.08);box-shadow:0 6px 20px #0003}.qr-hint[data-v-af134b59]{font-size:.8rem;color:var(--color-text-secondary);margin:0;text-align:center}[data-theme=dark] .contact-qr-image[data-v-af134b59]{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .contact-qr-image[data-v-af134b59]:hover{box-shadow:0 4px 16px #0006}.lightbox-overlay[data-v-af134b59]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-af134b59 .3s ease}.lightbox-content[data-v-af134b59]{position:relative;background:var(--bg-white);border-radius:12px;padding:2rem;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 60px #0000004d}.lightbox-close[data-v-af134b59]{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:var(--color-text-secondary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.lightbox-close[data-v-af134b59]:hover{background:var(--color-error);color:#fff;transform:rotate(90deg)}.lightbox-qr-image[data-v-af134b59]{max-width:400px;max-height:400px;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #0000001a}.lightbox-info[data-v-af134b59]{text-align:center;margin-top:1.5rem}.lightbox-info h3[data-v-af134b59]{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.5rem}.qr-scan-hint[data-v-af134b59]{color:var(--color-text-secondary);font-size:1rem;margin:0}[data-theme=dark] .lightbox-content[data-v-af134b59]{background:var(--bg-darker, #2a2a2a)}[data-theme=dark] .lightbox-qr-image[data-v-af134b59]{box-shadow:0 4px 20px #0000004d}@keyframes fadeIn-af134b59{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.lightbox-content[data-v-af134b59]{padding:1.5rem;margin:1rem}.lightbox-qr-image[data-v-af134b59]{max-width:300px;max-height:300px}.lightbox-close[data-v-af134b59]{top:.5rem;right:.5rem}}:root{--color-text-primary: #2d3748;--color-text-secondary: #666;--color-text-muted: #999;--color-primary: #667eea;--color-primary-hover: #5a67d8;--color-primary-gradient: linear-gradient(135deg, #667eea, #764ba2);--bg-white: #ffffff;--bg-light: #f8f9fa;--bg-lighter: #e9ecef;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .15);--shadow-primary: 0 4px 12px rgba(102, 126, 234, .4);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--font-size-xs: .8rem;--font-size-sm: .9rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.2rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3rem;--container-width: 1200px;--border-radius: 8px;--border-radius-lg: 10px;--border-radius-full: 50%;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1200px}[data-theme=dark]{--color-text-primary: #ffffff;--color-text-secondary: #e2e8f0;--color-text-muted: #a0aec0;--color-primary: #f97316;--color-primary-hover: #ea580c;--color-primary-gradient: linear-gradient(135deg, #f97316, #dc2626);--bg-white: #1a1a1a;--bg-light: #2d2d2d;--bg-lighter: #404040;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .6);--shadow-primary: 0 4px 12px rgba(249, 115, 22, .4)}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-lg)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.grid-auto-fit-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.card{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-content{padding:var(--space-md)}.section{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md)}.page-header{text-align:center;margin-bottom:var(--space-2xl)}.page-header h1{font-size:var(--font-size-4xl);color:var(--color-text-primary);margin-bottom:var(--space-sm);font-weight:600;line-height:1.2}.page-header p{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:1.6}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.tech-tag{display:inline-block;background:#e7f3ff;color:#06c;padding:.3rem .8rem;border-radius:15px;font-size:var(--font-size-sm);margin-right:var(--space-xs);margin-bottom:var(--space-xs);font-weight:500;transition:all var(--transition-base)}.tech-tag:hover{transform:scale(1.05);background:#d4edda}.timeline{position:relative;padding-left:var(--space-lg)}.timeline:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:var(--color-primary)}.timeline-item{position:relative;margin-bottom:var(--space-xl)}.timeline-dot{position:absolute;left:-2rem;top:1rem;width:1rem;height:1rem;background:var(--color-primary);border-radius:var(--border-radius-full);border:3px solid var(--bg-white);box-shadow:0 0 0 3px var(--color-primary)}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lightbox-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--border-radius)}.lightbox-close{position:absolute;top:var(--space-lg);right:var(--space-lg);background:#ffffff1a;border:none;color:#fff;font-size:2rem;width:3rem;height:3rem;border-radius:var(--border-radius-full);cursor:pointer;transition:background var(--transition-base)}.lightbox-close:hover{background:#fff3}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:var(--space-sm);border:2px solid var(--bg-lighter);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:border-color var(--transition-base);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.form-group textarea{resize:vertical;min-height:120px}.success-message{background:#d4edda;color:#155724;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);border:1px solid #c3e6cb;margin-bottom:var(--space-md)}.error-message{background:#f8d7da;color:#721c24;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);border:1px solid #f5c6cb;margin-bottom:var(--space-md)}.project-card{background:var(--bg-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.project-card img{width:100%;height:200px;object-fit:cover}.project-card-content{padding:var(--space-lg)}.project-card h3{color:var(--color-text-primary);margin-bottom:var(--space-sm);font-size:var(--font-size-xl)}.project-card p{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.6}.experience-card{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.experience-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.experience-header{margin-bottom:var(--space-md)}.experience-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-xs)}.experience-company{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--space-xs)}.experience-period{color:var(--color-text-muted);font-size:var(--font-size-sm)}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.image-gallery img{width:100%;height:150px;object-fit:cover;border-radius:var(--border-radius);cursor:pointer;transition:transform var(--transition-base)}.image-gallery img:hover{transform:scale(1.05)}@media (max-width: 767px){.container{padding:0 var(--space-sm)}.page-header h1{font-size:var(--font-size-3xl)}.page-header p{font-size:var(--font-size-lg)}.grid-auto-fit,.grid-auto-fit-sm{grid-template-columns:1fr;gap:var(--space-md)}.section{padding:var(--space-lg);margin-bottom:var(--space-lg)}.project-card img{height:150px}.project-card-content{padding:var(--space-md)}.experience-card{padding:var(--space-lg)}.image-gallery{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.image-gallery img{height:120px}.timeline{padding-left:var(--space-md)}.timeline-dot{left:-1.5rem;width:.8rem;height:.8rem}.lightbox-close{top:var(--space-sm);right:var(--space-sm);font-size:1.5rem;width:2.5rem;height:2.5rem}.lightbox-overlay{padding:var(--space-sm)}}@media (min-width: 768px) and (max-width: 1023px){.grid-auto-fit,.grid-auto-fit-sm{grid-template-columns:repeat(2,1fr)}.image-gallery{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px) and (max-width: 1199px){.grid-auto-fit{grid-template-columns:repeat(2,1fr)}.grid-auto-fit-sm{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.grid-auto-fit{grid-template-columns:repeat(3,1fr)}.grid-auto-fit-sm{grid-template-columns:repeat(4,1fr)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.project-card img,.image-gallery img{image-rendering:-webkit-optimize-contrast}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}