:root{--primary-blue: #EDA184;--secondary-blue: #F2C8A9;--light-blue-accent: #FDF6E3;--bg-white: #FFFAF0;--text-primary: #4A403A;--text-secondary: #8C7B70;--bg-light: #FDFBF7;--font-sans: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-white);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}section{padding:80px 20px;max-width:1200px;margin:0 auto}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem;color:var(--text-primary)}img{max-width:100%;display:block}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:16px}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:transparent;transition:background-color .3s ease,box-shadow .3s ease;padding:20px 0}.navbar.scrolled{background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000d;padding:15px 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:800;color:var(--primary-blue);letter-spacing:-.5px}.nav-logo-accent{color:var(--text-primary)}.nav-desktop{display:none;align-items:center;gap:32px}.nav-link{font-size:.95rem;font-weight:500;color:var(--text-primary);transition:color .2s ease;position:relative}.nav-link:hover{color:var(--primary-blue)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--primary-blue);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-cta{background-color:var(--primary-blue);color:#fff;padding:10px 20px;border-radius:6px;font-weight:600;transition:background-color .3s ease}.nav-cta:hover{background-color:#357abd}.nav-mobile-toggle{display:block;color:var(--text-primary)}.nav-mobile-menu{position:absolute;top:100%;left:0;width:100%;background-color:#fff;padding:20px;box-shadow:0 10px 20px #0000000d;display:flex;flex-direction:column;gap:16px;border-top:1px solid #f0f0f0}.nav-mobile-link{font-size:1.1rem;font-weight:500;color:var(--text-primary);padding:8px 0}@media (min-width: 768px){.nav-desktop{display:flex}.nav-mobile-toggle{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px;transition:background-color .3s ease,color .3s ease}.btn-primary{background-color:var(--primary-blue);color:#fff}.btn-primary:hover{background-color:#357abd}.btn-secondary{background-color:#fff;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background-color:#f0f8ff}.btn-outline{border:1px solid var(--text-secondary);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--text-primary);color:var(--text-primary)}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:100px;background:linear-gradient(135deg,var(--bg-white) 0%,var(--light-blue-accent) 100%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;position:relative;z-index:10;width:100%}.hero-greeting{display:block;font-size:1.5rem;font-weight:500;color:var(--primary-blue);margin-bottom:10px}.hero-name{font-size:4rem;font-weight:800;color:var(--text-primary);line-height:1.1;margin-bottom:20px}.hero-role{font-size:1.5rem;font-weight:600;color:var(--text-secondary);margin-bottom:24px}.hero-bio{font-size:1.125rem;color:var(--text-secondary);margin-bottom:40px;max-width:500px}.hero-actions{display:flex;gap:16px}.hero-visual{display:flex;justify-content:center;position:relative}.hero-image-placeholder{width:400px;height:400px;border-radius:50%;background-color:#fff;padding:10px;box-shadow:0 20px 40px #0000001a}.hero-circle{width:100%;height:100%;border-radius:50%;background-color:var(--light-blue-accent);background-position:center;background-size:cover;background-repeat:no-repeat}.hero-background-shape{position:absolute;top:-10%;right:-5%;width:600px;height:600px;border-radius:50%;background-color:#eda1841a;z-index:1}@media (max-width: 960px){.hero-content{grid-template-columns:1fr;text-align:center;gap:40px}.hero-bio{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-image-placeholder{width:300px;height:300px;margin:0 auto}}@media (max-width: 480px){.hero-name{font-size:2.5rem}.hero-role{font-size:1.25rem}.hero-actions{flex-direction:column}}.card{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #E5E7EB;border-top:4px solid var(--light-blue-accent);box-shadow:0 4px 6px #0000000d;transition:all .3s ease;height:100%}.card.no-padding{padding:0;overflow:hidden}.about-section{background-color:#fff}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.about-bio{font-size:1.1rem;color:var(--text-secondary);display:flex;gap:30px;flex-direction:column}.about-image-container{width:100%;height:300px;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.about-image{width:100%;height:100%;object-fit:cover}.about-text-content p{margin-bottom:24px}.about-details{border-top:1px solid #E5E7EB;padding-top:24px;display:flex;flex-direction:column;gap:12px}.detail-label{font-weight:600;color:var(--text-primary);margin-right:8px}.about-philosophy{display:flex;flex-direction:column;gap:20px}.philosophy-card h3{font-size:1.25rem;color:var(--primary-blue);margin-bottom:12px}.philosophy-card p{color:var(--text-secondary);font-size:.95rem}@media (max-width: 768px){.about-content{grid-template-columns:1fr}}.experience-section{background-color:var(--bg-light)}.experience-timeline{max-width:800px;margin:0 auto;position:relative}.experience-item{display:flex;gap:20px;margin-bottom:40px}.experience-item:last-child{margin-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:40px;height:40px;border-radius:50%;background-color:var(--primary-blue);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 4px #e8f0fe}.timeline-line{flex-grow:1;width:2px;background-color:#e5e7eb;margin-top:4px}.experience-item:last-child .timeline-line{display:none}.experience-content{flex-grow:1}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:10px}.exp-title-group{display:flex;align-items:center;gap:12px}.exp-logo{width:48px;height:48px;border-radius:8px;object-fit:cover;box-shadow:0 2px 4px #0000001a}.exp-role{font-size:1.25rem;color:var(--text-primary);margin-bottom:4px}.exp-company{font-size:1rem;color:var(--primary-blue);font-weight:500;margin-bottom:0}.exp-period{font-size:.9rem;color:var(--text-secondary);background-color:#f3f4f6;padding:4px 12px;border-radius:20px}.exp-description{color:var(--text-secondary);margin-bottom:16px;font-style:italic}.exp-achievements{list-style-position:inside;padding-left:0}.exp-achievements li{font-size:.95rem;color:var(--text-primary);margin-bottom:8px;position:relative;padding-left:24px}.exp-achievements li:before{content:"•";color:var(--primary-blue);font-weight:700;position:absolute;left:8px}@media (max-width: 600px){.experience-item{flex-direction:column;gap:16px}.timeline-marker{flex-direction:row;align-items:center;gap:16px}.timeline-line{display:none}}.carousel-container{position:relative;width:100%;overflow:hidden;border-radius:12px;background-color:#f0f0f0}.carousel-slide{width:100%;height:100%;position:relative}.carousel-image{width:100%;height:100%;object-fit:cover;display:block}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .2s ease;color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.carousel-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.carousel-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0003}.carousel-dot.active{background:#fff;transform:scale(1.2)}.projects-section{background-color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.project-card{display:flex;flex-direction:column;height:100%}.project-content{display:flex;flex-direction:column;height:100%;padding:24px}.project-title{font-size:1.25rem;color:var(--text-primary);margin-bottom:12px}.project-description{color:var(--text-secondary);font-size:.95rem;flex-grow:1;margin-bottom:20px}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-tag{background-color:#e8f0fe;color:var(--primary-blue);padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:500}.project-link{display:flex;align-items:center;gap:8px;color:var(--primary-blue);font-weight:600;font-size:.95rem;transition:color .2s ease;margin-top:auto}.project-link:hover{color:#357abd;text-decoration:underline}.skills-section{background-color:var(--bg-light)}.skills-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1000px;margin:0 auto}.skills-category h3{font-size:1.5rem;color:var(--primary-blue);margin-bottom:24px;text-align:center;border-bottom:2px solid #E5E7EB;padding-bottom:12px}.skills-list{display:flex;flex-direction:column;gap:16px}.skill-item{display:flex;align-items:center;background-color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease}.skill-item:hover{transform:translate(5px)}.skill-check{color:var(--primary-blue);font-weight:700;margin-right:12px;font-size:1.1rem}.skill-name{color:var(--text-primary);font-weight:500}@media (max-width: 768px){.skills-container{grid-template-columns:1fr;gap:40px}}.interests-section{background-color:#fff}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1000px;margin:0 auto}.interest-card{text-align:center;padding:32px 24px}.interest-image-container{width:100%;height:180px;position:relative;overflow:hidden}.interest-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.interest-card:hover .interest-image{transform:scale(1.1)}.interest-overlay{position:absolute;bottom:-20px;right:20px;width:50px;height:50px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;color:var(--primary-blue);transform:translateY(50%);z-index:2}.interest-content{padding:24px 24px 32px}.interest-title{font-size:1.25rem;color:var(--text-primary);margin-bottom:12px}.interest-description{color:var(--text-secondary);font-size:.95rem}.reading-section{background-color:var(--bg-light)}.reading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.book-card{display:flex;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #E5E7EB}.book-cover-placeholder{width:100px;background-color:var(--secondary-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.book-cover-image{width:100%;height:100%;object-fit:cover}.book-content{padding:20px;display:flex;flex-direction:column}.book-title{font-size:1.15rem;color:var(--text-primary);margin-bottom:4px}.book-author{font-size:.9rem;color:var(--text-secondary);font-style:italic;margin-bottom:12px}.book-thoughts{position:relative;margin-top:auto}.quote-mark{position:absolute;top:-10px;left:-5px;font-size:2rem;color:var(--light-blue-accent);opacity:.5;font-family:serif}.book-thoughts p{font-size:.95rem;color:var(--text-secondary);position:relative;z-index:1}@media (max-width: 480px){.book-card{flex-direction:column}.book-cover-placeholder{width:100%;height:120px}}.contact-section{background-color:#fff}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-info h3{font-size:1.5rem;color:var(--primary-blue);margin-bottom:16px}.contact-message{color:var(--text-secondary);margin-bottom:32px;font-size:1.05rem}.contact-details{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.contact-detail-item{display:flex;align-items:center;gap:16px;font-size:1.1rem;color:var(--text-primary)}.icon-box{width:40px;height:40px;border-radius:50%;background-color:#e8f0fe;color:var(--primary-blue);display:flex;align-items:center;justify-content:center}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:var(--text-primary);font-size:.95rem}.form-group input,.form-group textarea{padding:12px;border:1px solid #E5E7EB;border-radius:8px;font-family:inherit;font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #4a90e21a}.submit-btn{width:100%}@media (max-width: 768px){.contact-container{grid-template-columns:1fr}}.footer{background-color:#f8f9fa;padding:60px 0 20px;border-top:1px solid #E5E7EB;margin-top:80px}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:40px}.footer-brand h3{color:var(--primary-blue);font-size:1.5rem;margin-bottom:8px}.footer-brand p{color:var(--text-secondary);font-size:.95rem}.footer-social{display:flex;gap:16px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#fff;border:1px solid #E5E7EB;color:var(--text-secondary);transition:all .3s ease}.social-link:hover{background-color:var(--primary-blue);color:#fff;border-color:var(--primary-blue);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #E5E7EB;color:var(--text-secondary);font-size:.85rem}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}}