*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{font-family:"Roboto Mono",monospace;line-height:1.6;color:#dad7cd;background:#344e41;display:flex;flex-direction:column;animation:fadeIn 0.8s ease-in}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{background:url("../images/pattern.svg"),linear-gradient(135deg, #344e41 0%, #3a5a40 50%, #588157 100%);background-size:100px 100px, cover;color:#fff;text-align:center;padding:60px 0 60px 0;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.hero .hero-content{max-width:800px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}.hero .avatar-container{text-align:center;margin-bottom:30px}.hero .avatar-container .gravatar-avatar{width:160px;height:160px;border-radius:50%;border:2px solid rgba(163,177,138,0.6);transition:all 0.4s ease}.hero .avatar-container .gravatar-avatar:hover{transform:scale(1.08);border-color:rgba(163,177,138,0.8)}.hero h1{font-family:"Roboto Mono",monospace;font-size:2rem;margin-bottom:4px;font-weight:700;letter-spacing:-1px;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.hero .subtitle{font-size:0.9rem;margin-bottom:40px;opacity:0.95;font-weight:300;text-shadow:1px 1px 2px rgba(0,0,0,0.5);max-width:600px;line-height:1.5}.hero .social-links{display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:300px;margin-top:40px;text-align:left}.hero .social-links .social-link{display:inline-flex;align-items:left;padding:4px 8px;color:#fff;text-decoration:none;font-weight:400;font-size:0.8rem;min-width:200px;line-height:1.4}.hero .social-links .social-link i{margin-right:10px;font-size:18px;width:22px;text-align:center}.main-content{background:#344e41;flex:1}.about-section,.interests-section{padding:60px 0;animation:slideInUp 0.8s ease-out;animation-fill-mode:both}.about-section .section-title,.interests-section .section-title{font-family:"Roboto Mono",monospace;font-size:2.5rem;text-align:center;color:#fff;margin-bottom:40px;font-weight:600;position:relative}.about-section .section-title:after,.interests-section .section-title:after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#a3b18a;border-radius:2px}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-content{max-width:800px;margin:0 auto;text-align:left;font-size:1rem;line-height:1.8;color:#fff}.about-content p{margin-bottom:20px}.interests-section{background:#3a5a40}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:30px;max-width:1000px;margin:0 auto}.interest-card{background:#3a5a40;padding:40px 30px;border-radius:15px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,0.3);transition:all 0.3s ease;border:1px solid rgba(163,177,138,0.3)}.interest-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.4);border-color:#a3b18a}.interest-card i{font-size:2rem;color:#a3b18a;margin-bottom:20px;display:block}.interest-card h3{font-family:"Roboto Mono",monospace;font-size:1.1rem;color:#fff;margin-bottom:15px;font-weight:600}.interest-card p{color:#dad7cd;line-height:1.6;opacity:0.8}.footer{background:#344e41;color:#fff;text-align:center;padding:40px 0;flex-shrink:0}.footer p{opacity:0.8;font-size:0.8rem}@media (max-width: 768px){.hero{padding:40px 0}.hero .hero-content{padding:20px 0}.hero .avatar-container{margin-bottom:20px}.hero .avatar-container .gravatar-avatar{width:120px;height:120px}.hero h1{font-size:2rem}.hero .subtitle{font-size:0.9rem;margin-bottom:30px}.hero .social-links{flex-direction:column;align-items:center;gap:8px;max-width:100%;margin-top:30px}.hero .social-links .social-link{padding:4px 10px;min-width:180px;justify-content:left;font-size:0.85rem}.about-section,.interests-section{padding:40px 0}.about-section .section-title,.interests-section .section-title{font-size:2rem}.interests-grid{grid-template-columns:1fr;gap:20px}.interest-card{padding:30px 20px}.footer{padding:30px 0}.section-title{font-size:2rem !important}}@media (max-width: 480px){.container{padding:0 15px}.hero{padding:30px 0}.hero .hero-content{padding:15px 0}.hero .avatar-container{margin-bottom:15px}.hero .avatar-container .gravatar-avatar{width:100px;height:100px}.hero h1{font-size:1.8rem}.hero .subtitle{font-size:0.9rem}.hero .social-links .social-link{padding:2px 6px;font-size:0.8rem}.footer{padding:25px 0}.section-title{font-size:1.8rem !important}}