*{margin:0;padding:0;box-sizing:border-box}:root{--pink-light: #FFE5F0;--pink-medium: #FFC1D9;--pink-dark: #FF9BBD;--blue-light: #E5F0FF;--blue-medium: #B3D9FF;--blue-accent: #4A90E2;--purple-light: #F0E5FF;--purple-medium: #D9C1FF;--white: #FFFFFF;--gray-light: #F5F5F7;--gray-medium: #D1D1D6;--gray-dark: #6E6E73;--text-primary: #2C2C2E;--text-secondary: #48484A;--spacing-unit: 8px}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--white);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 calc(var(--spacing-unit) * 3)}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000000d;z-index:1000;transition:all .3s ease}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3)}.nav-brand{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--pink-medium),var(--blue-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;list-style:none;gap:calc(var(--spacing-unit) * 4)}.nav-menu a{text-decoration:none;color:var(--text-primary);font-weight:500;font-size:14px;transition:color .3s ease;position:relative}.nav-menu a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--pink-medium),var(--blue-accent));transition:width .3s ease}.nav-menu a:hover{color:var(--pink-dark)}.nav-menu a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.hamburger span{width:25px;height:2px;background:var(--text-primary);transition:all .3s ease}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:calc(var(--spacing-unit) * 10);overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 8);align-items:center;position:relative;z-index:2}.hero-text{animation:fadeInUp .8s ease}.hero-title{font-size:56px;font-weight:700;line-height:1.2;margin-bottom:calc(var(--spacing-unit) * 2);background:linear-gradient(135deg,var(--pink-medium),var(--blue-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:24px;font-weight:500;color:var(--text-secondary);margin-bottom:calc(var(--spacing-unit) * 3)}.hero-description{font-size:16px;color:var(--text-secondary);line-height:1.8;margin-bottom:calc(var(--spacing-unit) * 4)}.hero-buttons{display:flex;gap:calc(var(--spacing-unit) * 2);flex-wrap:wrap}.btn{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 4);border-radius:50px;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease;display:inline-block;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--pink-medium),var(--pink-dark));color:var(--white);box-shadow:0 4px 15px #ffc1d966}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc1d980}.btn-secondary{background:var(--white);color:var(--pink-dark);border:2px solid var(--pink-medium)}.btn-secondary:hover{background:var(--pink-light);transform:translateY(-2px)}.hero-image{display:flex;justify-content:center;align-items:center;animation:fadeInRight .8s ease}.image-placeholder{width:100%;max-width:400px;animation:float 3s ease-in-out infinite}.image-placeholder svg{width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(255,193,217,.3))}.hero-decoration{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.decoration-circle{position:absolute;border-radius:50%;opacity:.1}.circle-1{width:300px;height:300px;background:var(--pink-medium);top:-100px;right:-50px}.circle-2{width:200px;height:200px;background:var(--blue-medium);bottom:100px;left:-50px}.circle-3{width:150px;height:150px;background:var(--purple-medium);top:50%;right:10%}section{padding:calc(var(--spacing-unit) * 12) 0}.section-title{font-size:42px;font-weight:700;text-align:center;margin-bottom:calc(var(--spacing-unit) * 8);position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,var(--pink-medium),var(--blue-accent));border-radius:2px}.about{background:var(--gray-light)}.about-content{max-width:900px;margin:0 auto}.about-text{font-size:16px;line-height:1.8;color:var(--text-secondary);margin-bottom:calc(var(--spacing-unit) * 3);text-align:center}.about-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--spacing-unit) * 3);margin-top:calc(var(--spacing-unit) * 6)}.value-card{background:var(--white);padding:calc(var(--spacing-unit) * 4);border-radius:20px;text-align:center;transition:all .3s ease;box-shadow:0 4px 20px #0000000d}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.value-icon{font-size:48px;margin-bottom:calc(var(--spacing-unit) * 2)}.value-card h3{font-size:20px;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--text-primary)}.value-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--spacing-unit) * 4);max-width:1000px;margin:0 auto}.skill-category{background:linear-gradient(135deg,var(--pink-light) 0%,var(--blue-light) 100%);padding:calc(var(--spacing-unit) * 4);border-radius:20px;transition:all .3s ease;box-shadow:0 4px 20px #0000000d}.skill-category:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.category-title{font-size:20px;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 3);color:var(--text-primary);text-align:center}.skill-items{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.skill-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);background:var(--white);padding:calc(var(--spacing-unit) * 2);border-radius:12px;transition:all .3s ease}.skill-item:hover{transform:translate(5px);box-shadow:0 4px 15px #00000014}.skill-icon{font-size:28px}.skill-item span{font-size:16px;font-weight:500;color:var(--text-primary)}.portfolio{background:var(--gray-light)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:calc(var(--spacing-unit) * 4);max-width:1100px;margin:0 auto}.portfolio-card{background:var(--white);border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #0000000d}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f}.card-image{width:100%;height:200px;overflow:hidden}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.placeholder-image svg{width:60%;height:60%}.portfolio-card:hover .placeholder-image{transform:scale(1.1)}.card-content{padding:calc(var(--spacing-unit) * 3)}.card-content h3{font-size:20px;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--text-primary)}.card-content p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:calc(var(--spacing-unit) * 2)}.card-tags{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1)}.tag{padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * 1.5);background:var(--pink-light);color:var(--pink-dark);border-radius:20px;font-size:12px;font-weight:500}.timeline-container{max-width:800px;margin:0 auto;position:relative}.timeline-container:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:3px;height:100%;background:linear-gradient(180deg,var(--pink-medium),var(--blue-medium))}.timeline-item{display:grid;grid-template-columns:1fr auto 1fr;gap:calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 6);position:relative}.timeline-item:nth-child(2n) .timeline-content{grid-column:1;grid-row:1;text-align:right}.timeline-item:nth-child(2n) .timeline-dot{grid-column:2;grid-row:1}.timeline-item:nth-child(odd) .timeline-content{grid-column:3;grid-row:1;text-align:left}.timeline-item:nth-child(odd) .timeline-dot{grid-column:2;grid-row:1}.timeline-dot{width:20px;height:20px;background:linear-gradient(135deg,var(--pink-medium),var(--blue-accent));border-radius:50%;position:relative;z-index:2;box-shadow:0 0 0 8px var(--white),0 0 20px #ffc1d980}.timeline-content{background:var(--white);padding:calc(var(--spacing-unit) * 3);border-radius:16px;box-shadow:0 4px 20px #0000000d;transition:all .3s ease}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.timeline-date{display:inline-block;padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * 2);background:linear-gradient(135deg,var(--pink-light),var(--blue-light));color:var(--pink-dark);border-radius:20px;font-size:12px;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 1.5)}.timeline-content h3{font-size:20px;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 1);color:var(--text-primary)}.timeline-content>p{font-size:14px;color:var(--text-secondary);font-weight:500;margin-bottom:calc(var(--spacing-unit) * 1)}.timeline-description{font-size:14px;line-height:1.6;color:var(--text-secondary);font-weight:400}.contact{background:var(--gray-light)}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:calc(var(--spacing-unit) * 6);max-width:1000px;margin:0 auto}.contact-info h3{font-size:28px;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--text-primary)}.contact-info>p{font-size:16px;line-height:1.8;color:var(--text-secondary);margin-bottom:calc(var(--spacing-unit) * 4)}.contact-details{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 3)}.contact-item{display:flex;gap:calc(var(--spacing-unit) * 2);align-items:center}.contact-icon{font-size:32px;background:linear-gradient(135deg,var(--pink-light),var(--blue-light));width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.contact-item h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.contact-item a{font-size:14px;color:var(--blue-accent);text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:var(--pink-dark)}.contact-form-wrapper{position:relative}.contact-form{background:var(--white);padding:calc(var(--spacing-unit) * 4);border-radius:20px;box-shadow:0 4px 20px #0000000d}.form-group{margin-bottom:calc(var(--spacing-unit) * 3)}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 1)}.form-group input,.form-group textarea{width:100%;padding:calc(var(--spacing-unit) * 1.5);border:2px solid var(--gray-medium);border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--pink-medium);box-shadow:0 0 0 4px #ffc1d91a}.form-group textarea{resize:vertical;min-height:120px}.form-message{margin-top:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);border-radius:12px;font-size:14px;text-align:center;display:none}.form-message.success{display:block;background:#e8f8f0;color:#1f7a4d;border:1px solid #B8E6D0}.form-message.error{display:block;background:#fff0f0;color:#c41e3a;border:1px solid #FFD0D0}.footer{background:var(--text-primary);color:var(--white);padding:calc(var(--spacing-unit) * 4) 0;text-align:center}.footer p{font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:768px){.nav-menu{position:fixed;top:70px;left:-100%;flex-direction:column;background:var(--white);width:100%;padding:calc(var(--spacing-unit) * 3);box-shadow:0 10px 30px #0000001a;transition:left .3s ease;gap:calc(var(--spacing-unit) * 2)}.nav-menu.active{left:0}.hamburger{display:flex}.hero-content{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 4)}.hero-image{order:-1}.hero-title{font-size:40px}.hero-subtitle{font-size:20px}.section-title{font-size:32px}.contact-content{grid-template-columns:1fr}.timeline-container:before{left:20px}.timeline-item{grid-template-columns:auto 1fr;gap:calc(var(--spacing-unit) * 2)}.timeline-item:nth-child(2n) .timeline-content,.timeline-item:nth-child(odd) .timeline-content{grid-column:2;text-align:left}.timeline-item:nth-child(2n) .timeline-dot,.timeline-item:nth-child(odd) .timeline-dot{grid-column:1}.timeline-dot{width:16px;height:16px;margin-left:12px}}@media(max-width:480px){.hero-title{font-size:32px}.hero-buttons{flex-direction:column}.btn{width:100%;text-align:center}.portfolio-grid,.skills-grid{grid-template-columns:1fr}}