body{font-family:Inter,sans-serif;background-color:#f3f4f6;color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background-image:linear-gradient(to bottom right,#f3e8ff,#e0f2fe)}
@media (min-width:640px){
body{padding:1.5rem}
}
.main-container{background-color:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);width:100%;max-width:32rem;margin-left:auto;margin-right:auto;transition:all .2s ease-in-out}
.main-container:hover{transform:scale(1.01)}
@media (min-width:640px){
.main-container{padding:2rem}
}
@media (min-width:768px){
.main-container{padding:2.5rem}
}
.title{font-size:1.875rem;line-height:2.25rem;font-weight:800;text-align:center;color:#6d28d9;margin-bottom:1.5rem;line-height:1.25}
@media (min-width:640px){
.title{font-size:2.25rem;line-height:2.5rem}
}
.profile-description{font-size:1rem;line-height:1.5rem;color:#4b5563;line-height:1.625;margin-bottom:1.5rem;text-align:center}
@media (min-width:640px){
.profile-description{font-size:1.125rem;line-height:1.75rem}
}
.profile-description strong{color:#7c3aed}
.feature-list{color:#4b5563;list-style:none;padding-left:0;margin-bottom:1.5rem}
.feature-list li{display:flex;align-items:flex-start}
.feature-list li:not(:first-child){margin-top:.75rem}
.feature-list .icon{color:#a78bfa;font-size:1.25rem;line-height:1.75rem;font-weight:700;margin-right:.5rem}
.feature-list .text{font-size:1rem;line-height:1.5rem}
@media (min-width:640px){
.feature-list .text{font-size:1.125rem;line-height:1.75rem}
}
.feature-list .text strong{color:#7c3aed}
.skill-icons-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}
.skill-icons-container img{height:2.5rem;width:auto;border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:transform .2s ease-in-out}
.skill-icons-container img:hover{transform:scale(1.05)}
@media (min-width:640px){
.skill-icons-container img{height:3rem}
}
.github-stats-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem}
@media (min-width:640px){
.github-stats-container{flex-direction:row}
}
.github-stats-container img{height:8rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:transform .2s ease-in-out}
.github-stats-container img:hover{transform:scale(1.05)}
@media (min-width:640px){
.github-stats-container img{height:9rem}
}
.button-container{text-align:center}
.github-button{display:inline-block;background-color:#7c3aed;color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .2s ease-in-out;text-decoration:none}
.github-button:hover{background-color:#6d28d9;transform:scale(1.05);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}
.github-button:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px rgba(139,92,246,.5)}
.github-button-img{height:1.5rem;display:inline-block;margin-right:.5rem;vertical-align:middle}