:root{--primary-color: #6c5ce7;--secondary-color: #a29bfe;--text-color: #2d3436;--bg-color: #ffffff}body{margin:0;padding:0;box-sizing:border-box;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.dark-mode{--text-color: #ffffff;--bg-color: #1a1a1a}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{margin:0;padding:0}a{text-decoration:none;color:var(--primary-color)}img{max-width:100%;height:auto}#app{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark-mode{background-color:#1a1a1a;color:#fff}.home[data-v-2b117508]{width:100%}.hero[data-v-2b117508]{min-height:100vh;display:flex;align-items:center;padding:6rem 2rem;background:linear-gradient(135deg,#6c5ce71a,#a29bfe1a)}.container[data-v-2b117508]{max-width:1200px;margin:0 auto;width:100%}.hero-content[data-v-2b117508]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text[data-v-2b117508]{max-width:600px}h1[data-v-2b117508]{font-size:3.5rem;line-height:1.2;margin-bottom:1rem;color:var(--text-color)}.gradient-text[data-v-2b117508]{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.typed-text[data-v-2b117508]{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem;min-height:2.5rem}.hero-description[data-v-2b117508]{font-size:1.1rem;line-height:1.6;color:var(--text-color);opacity:.9;margin-bottom:2rem}.hero-cta[data-v-2b117508]{display:flex;gap:1rem;margin-bottom:2rem}.primary-button[data-v-2b117508],.secondary-button[data-v-2b117508]{padding:.8rem 1.5rem;border-radius:8px;font-weight:500;transition:all .3s ease;text-decoration:none}.primary-button[data-v-2b117508]{background:var(--primary-color);color:#fff;border:2px solid var(--primary-color)}.primary-button[data-v-2b117508]:hover{background:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-2px)}.secondary-button[data-v-2b117508]{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.secondary-button[data-v-2b117508]:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.hero-image[data-v-2b117508]{position:relative;width:100%;height:100%;min-height:400px;display:flex;justify-content:center;align-items:center}.profile-image[data-v-2b117508]{width:400px;height:400px;border-radius:50%;object-fit:cover;position:relative;z-index:1;box-shadow:0 8px 32px #6c5ce733;transition:transform .3s ease}.profile-image[data-v-2b117508]:hover{transform:scale(1.02)}.background-shape[data-v-2b117508]{position:absolute;width:450px;height:450px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);opacity:.2;filter:blur(40px)}@media (max-width: 1024px){.hero-content[data-v-2b117508]{grid-template-columns:1fr;text-align:center}.hero-text[data-v-2b117508]{margin:0 auto}h1[data-v-2b117508]{font-size:2.5rem}.typed-text[data-v-2b117508]{font-size:1.5rem}.hero-cta[data-v-2b117508]{justify-content:center}.hero-image[data-v-2b117508]{order:-1;min-height:300px}.profile-image[data-v-2b117508]{width:300px;height:300px}.background-shape[data-v-2b117508]{width:350px;height:350px}}@media (max-width: 768px){.hero[data-v-2b117508]{padding:4rem 1.5rem}h1[data-v-2b117508]{font-size:2rem}.hero-description[data-v-2b117508]{font-size:1rem}.hero-cta[data-v-2b117508]{flex-direction:column}.profile-image[data-v-2b117508]{width:250px;height:250px}.background-shape[data-v-2b117508]{width:300px;height:300px}}.project-content[data-v-ebdf28f4]{padding:0 0 4rem;background-color:var(--bg-color);width:100%;overflow-x:hidden}.container[data-v-ebdf28f4]{width:100%;margin:0 auto}.project-header[data-v-ebdf28f4]{width:100%;margin-bottom:4rem;position:relative;background-color:#000}.project-image-wrapper[data-v-ebdf28f4]{max-width:1920px;margin:0 auto;position:relative}.project-image-container[data-v-ebdf28f4]{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.project-image[data-v-ebdf28f4]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000}.project-image img[data-v-ebdf28f4]{width:100%;height:100%;object-fit:contain;transition:transform .5s ease;will-change:transform}.image-overlay[data-v-ebdf28f4]{position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(to bottom,transparent,var(--bg-color));pointer-events:none}.project-details[data-v-ebdf28f4]{padding:0 2rem;max-width:1200px;margin:0 auto}h1[data-v-ebdf28f4]{font-size:3.5rem;color:var(--primary-color);margin-bottom:2rem;text-align:center;line-height:1.2}h2[data-v-ebdf28f4]{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem}.description[data-v-ebdf28f4]{font-size:1.2rem;line-height:1.8;color:var(--text-color);max-width:800px;margin:0 auto}@media (min-width: 1921px){.project-image-container[data-v-ebdf28f4]{max-height:90vh}}@media (max-width: 1920px){.project-image img[data-v-ebdf28f4]{max-height:90vh}}@media (max-width: 1200px){h1[data-v-ebdf28f4]{font-size:3rem}.description[data-v-ebdf28f4]{font-size:1.1rem}}@media (max-width: 768px){.project-content[data-v-ebdf28f4]{padding:0 0 2rem}.project-header[data-v-ebdf28f4]{margin-bottom:2rem}.project-details[data-v-ebdf28f4]{padding:0 1.5rem}h1[data-v-ebdf28f4]{font-size:2.5rem;margin-bottom:1.5rem}h2[data-v-ebdf28f4]{font-size:1.75rem}.description[data-v-ebdf28f4]{font-size:1rem}}@media (max-width: 480px){h1[data-v-ebdf28f4]{font-size:2rem}h2[data-v-ebdf28f4]{font-size:1.5rem}}.project-navigation[data-v-eb9c94c0]{display:flex;justify-content:space-between;padding:2rem;margin:2rem 0;gap:1rem;max-width:1200px;margin:0 auto}.nav-button[data-v-eb9c94c0]{padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:200px;position:relative;overflow:hidden}.nav-button[data-v-eb9c94c0]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);opacity:0;transition:opacity .3s ease}.nav-button[data-v-eb9c94c0]:hover:before{opacity:1}.nav-button span[data-v-eb9c94c0]{position:relative;z-index:1}.prev[data-v-eb9c94c0]{margin-right:auto}.next[data-v-eb9c94c0]{margin-left:auto}@media (max-width: 768px){.project-navigation[data-v-eb9c94c0]{flex-direction:column;align-items:stretch;padding:1.5rem}.nav-button[data-v-eb9c94c0]{width:100%;text-align:center;min-width:unset}}.project-view[data-v-fd5ccba6]{min-height:100vh;display:flex;flex-direction:column;padding-top:64px;background-color:var(--bg-color);color:var(--text-color)}