*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;line-height:1.6;color:#333;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{background-color:#2c3e50;color:white;padding:1rem 0}.navbar{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.navbar a{color:white;text-decoration:none;font-weight:500;transition:color 0.3s ease}.navbar a:hover{color:#3498db}.site-title{margin-right:auto !important;font-size:1.2rem;font-weight:bold}.language-selector{display:flex;gap:0.5rem;margin-left:auto}.lang-link{font-size:1.5rem;text-decoration:none;padding:0.25rem 0.5rem;border-radius:4px;transition:all 0.3s ease;opacity:0.7}.lang-link:hover{opacity:1;background-color:rgba(255,255,255,0.1)}.lang-link.active{opacity:1;background-color:rgba(255,255,255,0.2)}.home-intro{text-align:center;padding:3rem 0}.profile-pic{width:200px;height:200px;border-radius:50%;margin-bottom:1rem;object-fit:cover;border:4px solid #3498db;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.home-intro h1{font-size:2.5rem;margin-bottom:1rem;color:#2c3e50}.home-intro p{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.menu{text-align:center;margin:2rem 0}.menu ul{list-style:none;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.menu a{background-color:#3498db;color:white;padding:0.75rem 1.5rem;text-decoration:none;border-radius:5px;font-weight:500;transition:background-color 0.3s ease}.menu a:hover{background-color:#2980b9}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin:2rem 0}.card{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease, box-shadow 0.3s ease;border:1px solid #eee}.card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,0.15)}.card img{width:100%;height:150px;object-fit:cover;border-radius:6px;margin-bottom:1rem}.card img.round{width:100%;height:150px;object-fit:cover;border-radius:6px;margin-bottom:1rem}.card img.small{width:100%;height:150px;object-fit:cover;border-radius:6px;margin-bottom:1rem}.card h3{color:#2c3e50;margin-bottom:0.5rem;font-size:1.25rem}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{color:#3498db}.post-meta{color:#999;font-size:0.9rem;margin-bottom:0.5rem}.post{max-width:800px;margin:0 auto;padding:2rem 0}.post h1{color:#2c3e50;margin-bottom:1rem;font-size:2.5rem}.post-content{line-height:1.8;color:#333}.post-content h2{color:#2c3e50;margin:2rem 0 1rem 0;font-size:1.8rem}.post-content h3{color:#2c3e50;margin:1.5rem 0 0.5rem 0;font-size:1.4rem}.post-content code{background:#f8f9fa;padding:0.2rem 0.4rem;border-radius:3px;font-size:0.9rem}.post-content pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:1rem;overflow-x:auto;margin:1rem 0}.post-content pre code{background:none;padding:0}.tag{background:#3498db;color:white;padding:0.2rem 0.5rem;border-radius:3px;font-size:0.8rem;margin-right:0.5rem}footer{text-align:center;padding:2rem 0;border-top:1px solid #eee;color:#666;margin-top:3rem}@media (max-width: 768px){.home-intro h1{font-size:2rem}.navbar{flex-direction:column;gap:1rem}.grid{grid-template-columns:1fr}.menu ul{gap:1rem}}.about-page{max-width:900px;margin:0 auto;padding:2rem 0}.profile-section{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.profile-pic-large{width:180px;height:180px;border-radius:50%;object-fit:cover;border:5px solid #3498db;box-shadow:0 6px 20px rgba(52,152,219,0.3)}.profile-info h1{font-size:2.2rem;color:#2c3e50;margin-bottom:0.5rem}.profile-info .title{font-size:1.1rem;color:#666;margin-bottom:1.5rem;font-style:italic}.social-links{display:flex;gap:1rem}.social-link{padding:0.5rem 1rem;background:white;border-radius:25px;text-decoration:none;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease, box-shadow 0.3s ease}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.2)}.social-link.linkedin{color:#0077b5}.social-link.github{color:#333}.about-content{display:flex;flex-direction:column;gap:2.5rem}.bio-section,.achievements-section,.expertise-section{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.05);border-left:4px solid #3498db}.bio-section h2,.achievements-section h2,.expertise-section h2{color:#2c3e50;margin-bottom:1rem;font-size:1.5rem}.bio-section p{line-height:1.8;color:#555;margin-bottom:1rem}.achievement-card{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.achievement-card:last-child{margin-bottom:0}.achievement-icon{font-size:2.5rem;flex-shrink:0}.achievement-content h3{color:#2c3e50;margin-bottom:0.5rem;font-size:1.2rem}.achievement-content p{color:#666;line-height:1.6;margin-bottom:0.5rem}.cta-link{color:#3498db;text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:border-color 0.3s ease}.cta-link:hover{border-color:#3498db}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem}.skill-item{text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:10px;transition:transform 0.3s ease, box-shadow 0.3s ease}.skill-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.skill-emoji{font-size:2rem;display:block;margin-bottom:0.5rem}.skill-item strong{color:#2c3e50;display:block;margin-bottom:0.5rem;font-size:1.1rem}.skill-item p{color:#666;font-size:0.9rem;line-height:1.4}@media (max-width: 768px){.profile-section{flex-direction:column;text-align:center}.profile-pic-large{width:150px;height:150px}.achievement-card{flex-direction:column;text-align:center}.skills-grid{grid-template-columns:1fr}}.book-page{max-width:900px;margin:0 auto;padding:2rem 0}.book-hero{display:flex;gap:3rem;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,0.1);align-items:flex-start}.book-cover{flex-shrink:0}.book-image{width:250px;height:auto;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.15);transition:transform 0.3s ease, box-shadow 0.3s ease}.book-image:hover{transform:scale(1.02);box-shadow:0 12px 35px rgba(0,0,0,0.2)}.book-info{flex:1}.book-info h1{font-size:2.5rem;color:#2c3e50;margin-bottom:0.5rem;font-weight:bold}.book-subtitle{font-size:1.2rem;color:#666;font-style:italic;margin-bottom:2rem;line-height:1.4}.book-description{margin-bottom:2rem}.book-description p{color:#555;line-height:1.8;margin-bottom:1rem;text-align:justify}.book-cta{margin-top:2rem}.buy-button{display:inline-block;background:linear-gradient(135deg, #3498db 0%, #2980b9 100%);color:white;padding:1rem 2rem;text-decoration:none;border-radius:25px;font-weight:bold;font-size:1.1rem;box-shadow:0 4px 15px rgba(52,152,219,0.3);transition:all 0.3s ease}.buy-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(52,152,219,0.4);background:linear-gradient(135deg, #2980b9 0%, #3498db 100%)}.book-summary{background:white;padding:2.5rem;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,0.05);border-left:5px solid #3498db}.book-summary h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem;text-align:center}.summary-section{margin-bottom:2.5rem;padding:2rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.summary-section:last-child{margin-bottom:0}.summary-section h3{color:#2c3e50;font-size:1.4rem;margin-bottom:0.5rem;font-weight:bold}.section-subtitle{color:#666;font-style:italic;margin-bottom:1.5rem;font-size:1rem}.chapter-list{list-style:none;counter-reset:chapter-counter;padding-left:0}.chapter-list li{counter-increment:chapter-counter;position:relative;padding:0.75rem 0 0.75rem 3rem;margin-bottom:0.5rem;color:#555;line-height:1.6;border-bottom:1px solid #eee;transition:background-color 0.3s ease}.chapter-list li:hover{background-color:rgba(52,152,219,0.05);border-radius:6px}.chapter-list li::before{content:counter(chapter-counter);position:absolute;left:0;top:0.75rem;background:#3498db;color:white;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.9rem}.chapter-list li:last-child{border-bottom:none;margin-bottom:0}@media (max-width: 768px){.book-hero{flex-direction:column;text-align:center;gap:2rem}.book-image{width:200px}.book-info h1{font-size:2rem}.chapter-list li{padding-left:2.5rem}.chapter-list li::before{width:1.8rem;height:1.8rem;font-size:0.8rem}}
