*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #b8889e;--secondary-color: #d4a5b8;--accent-color: #e8c4d4;--text-color: #3a3a3a;--text-light: #6a6a6a;--bg-color: #ffffff;--bg-secondary: #fefbfc;--border-color: #f5e8ed;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: all .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--bg-color);line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.3;margin-bottom:var(--spacing-sm);color:var(--primary-color)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}a{color:var(--secondary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-color)}button{cursor:pointer;transition:var(--transition)}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.app-header{background-color:var(--bg-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;padding:var(--spacing-sm) 0}.navbar{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:var(--font-size-xl);color:var(--primary-color);margin:0}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);margin:0}.nav-menu li a{color:var(--text-color);font-weight:500;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition)}.nav-menu li a:hover{background-color:var(--bg-secondary);color:var(--secondary-color)}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.menu-toggle span{width:25px;height:3px;background-color:var(--primary-color);margin:3px 0;transition:var(--transition);border-radius:3px}@media(max-width:768px){.menu-toggle{display:flex}.menu-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-color);flex-direction:column;gap:0;padding:var(--spacing-md);box-shadow:var(--shadow-md);max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-menu.active{max-height:400px}.nav-menu li{width:100%}.nav-menu li a{display:block;padding:var(--spacing-sm)}}.app-footer{background-color:var(--primary-color);color:#fff;padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-content p{margin:0;color:#fffc}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{color:#fff;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition)}.social-links a:hover{background-color:#ffffff1a;color:var(--secondary-color)}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}}.hero-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#fdf5f8,#fef0f5,#fdeef3);color:#3a3a3a;min-height:600px;display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.hero-text{animation:fadeInLeft .8s ease}.hero-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--primary-color)}.highlight{color:var(--primary-color);position:relative}.hero-subtitle{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--secondary-color)}.hero-description{font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--spacing-lg);color:var(--text-light)}.hero-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;border:none;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.hero-image{display:flex;justify-content:center;animation:fadeInRight .8s ease}.avatar-placeholder{width:300px;height:300px;background:#d4a5b81a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--secondary-color);border:5px solid rgba(212,165,184,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar{width:300px;height:300px;border-radius:50%;object-fit:cover;border:5px solid rgba(212,165,184,.3);box-shadow:0 10px 30px #d4a5b833;transition:var(--transition);cursor:pointer}.avatar:hover{transform:scale(1.05);box-shadow:0 15px 40px #d4a5b84d}.photo-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.modal-content{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.zoomed-photo{max-width:100%;max-height:90vh;border-radius:8px;box-shadow:0 20px 60px #00000080;cursor:default;object-fit:contain}.close-button{position:absolute;top:-50px;right:0;background:transparent;border:none;color:#fff;font-size:3rem;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10000}.close-button:hover{color:var(--secondary-color);transform:rotate(90deg)}.zoom-fade-enter-active,.zoom-fade-leave-active{transition:opacity .3s ease}.zoom-fade-enter-active .zoomed-photo,.zoom-fade-leave-active .zoomed-photo{transition:transform .3s ease}.zoom-fade-enter-from,.zoom-fade-leave-to{opacity:0}.zoom-fade-enter-from .zoomed-photo,.zoom-fade-leave-to .zoomed-photo{transform:scale(.8)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:968px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center}.avatar-placeholder,.avatar{width:250px;height:250px}}@media(max-width:576px){.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-lg)}.avatar-placeholder,.avatar{width:200px;height:200px}.close-button{top:10px;right:10px;font-size:2.5rem}.zoomed-photo{max-width:95%;max-height:80vh}}.about-section{padding:var(--spacing-xl) 0;background-color:var(--bg-color)}.section-title{text-align:center;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl);position:relative;padding-bottom:var(--spacing-sm)}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--secondary-color),var(--accent-color));border-radius:2px}.about-content{max-width:900px;margin:0 auto}.about-text p{margin-bottom:var(--spacing-md);line-height:1.8;color:var(--text-light);font-size:var(--font-size-base)}.experience-section{padding:var(--spacing-xl) 0;background-color:var(--bg-secondary)}.timeline{position:relative;max-width:900px;margin:0 auto}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--secondary-color),var(--accent-color))}.timeline-item{position:relative;padding-left:60px;margin-bottom:var(--spacing-xl)}.timeline-marker{position:absolute;left:10px;top:0;width:22px;height:22px;background-color:var(--secondary-color);border:4px solid var(--bg-secondary);border-radius:50%;box-shadow:0 0 0 4px var(--secondary-color)}.timeline-content{background-color:var(--bg-color);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.timeline-content:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.position{font-size:var(--font-size-xl);color:var(--primary-color);margin-bottom:var(--spacing-xs)}.company{font-size:var(--font-size-lg);color:var(--secondary-color);font-weight:600}.description{color:var(--text-light);margin-bottom:var(--spacing-md);line-height:1.6}.achievements{list-style:none;padding-left:0}.achievements li{position:relative;padding-left:var(--spacing-md);margin-bottom:var(--spacing-xs);color:var(--text-color)}.achievements li:before{content:"✓";position:absolute;left:0;color:var(--secondary-color);font-weight:700}@media(max-width:768px){.timeline:before{left:10px}.timeline-item{padding-left:40px}.timeline-marker{left:0}.experience-header{flex-direction:column}.period{align-self:flex-start}}.skills-section{padding:var(--spacing-xl) 0;background-color:var(--bg-color)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.skill-category{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.skill-category:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.category-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--primary-color);text-align:center;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--secondary-color)}.skills-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.skill-item{animation:fadeIn .5s ease;padding:var(--spacing-md);background-color:var(--bg-color);border-radius:var(--radius-md);border-left:3px solid var(--secondary-color);transition:var(--transition)}.skill-item:hover{border-left-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translate(5px)}.skill-name{font-weight:600;color:var(--text-color);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.skill-experience{font-size:var(--font-size-sm);color:var(--text-light);line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.projects-section{padding:var(--spacing-xl) 0;background-color:var(--bg-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.project-card{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;flex-direction:column;border:2px solid transparent}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px);border-color:var(--secondary-color)}.project-header{margin-bottom:var(--spacing-md)}.project-title{font-size:var(--font-size-lg);color:var(--primary-color);margin-bottom:var(--spacing-sm);font-weight:700}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.project-tag{font-size:var(--font-size-sm);background-color:#b8889e26;color:var(--primary-color);padding:4px 10px;border-radius:var(--radius-sm);font-weight:600;letter-spacing:.5px}.project-description{color:var(--text-light);line-height:1.6;margin-bottom:var(--spacing-md);flex:1;font-size:var(--font-size-base)}.project-link{color:var(--secondary-color);font-weight:600;text-decoration:none;transition:var(--transition);align-self:flex-start;padding:var(--spacing-xs) 0;border-bottom:2px solid transparent}.project-link:hover{color:var(--primary-color);border-bottom-color:var(--primary-color)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card{padding:var(--spacing-md)}}.education-section{padding:var(--spacing-xl) 0;background-color:var(--bg-secondary)}.subsection-title{font-size:var(--font-size-xl);color:var(--primary-color);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--secondary-color)}.education-main{margin-bottom:var(--spacing-xl)}.education-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.education-item{background-color:var(--bg-color);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);transition:var(--transition)}.education-item:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.education-icon{font-size:2.5rem;flex-shrink:0}.education-details{flex:1}.education-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.degree{font-size:var(--font-size-lg);color:var(--primary-color);margin-bottom:var(--spacing-xs)}.school{font-size:var(--font-size-base);color:var(--secondary-color);font-weight:600}.period{font-size:var(--font-size-sm);color:var(--text-light);background-color:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);white-space:nowrap}.description{color:var(--text-light);margin-bottom:var(--spacing-md);line-height:1.6;font-size:var(--font-size-sm)}.achievements{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.achievements li{position:relative;padding-left:var(--spacing-md);color:var(--text-color);font-size:var(--font-size-sm)}.achievements li:before{content:"•";position:absolute;left:0;color:var(--secondary-color);font-weight:700;font-size:var(--font-size-lg)}.additional-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.info-block{background-color:var(--bg-color);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.info-block:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.info-block .subsection-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.info-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-item,.info-item-block{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.info-icon{font-size:1.5rem;flex-shrink:0}.info-text{font-size:var(--font-size-sm);color:var(--text-color);font-weight:600;line-height:1.4}.info-details{flex:1}.info-subtitle{font-size:var(--font-size-sm);color:var(--text-light);margin-top:var(--spacing-xs);line-height:1.3}.info-sublist{list-style:none;padding-left:0;margin-top:var(--spacing-xs)}.info-sublist li{font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-sm);position:relative}.info-sublist li:before{content:"·";position:absolute;left:0;color:var(--secondary-color)}@media(max-width:1024px){.additional-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.education-grid,.additional-info-grid{grid-template-columns:1fr}.education-item{flex-direction:column;text-align:center}.education-icon{align-self:center}.education-header{flex-direction:column;align-items:center;text-align:center}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}