*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}a{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}img{display:block;max-width:100%;height:auto}@keyframes fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-down{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.wrapper{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1.25rem;font-family:Inter,sans-serif;overflow:hidden}.overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,#4c1d95,#3730a3);opacity:.7}.card{position:relative;z-index:10;max-width:60rem;width:100%;background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;padding:1.5rem;display:flex;flex-direction:column;align-items:center;transform:scale(1);transition:transform .3s ease-in-out}@media(hover:hover)and (pointer:fine){.card:hover{transform:scale(1.05)}}.card:active{transform:scale(.98);transition:transform .1s ease-in-out}@media(min-width:768px){.card{padding:2rem}}.profile-picture-container{margin-bottom:1.5rem;position:relative}.profile-picture{width:8rem;height:8rem;border-radius:9999px;object-fit:cover;border:4px solid #c084fc;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:fade-in .5s ease-in-out forwards}.profile-picture-border{position:absolute;inset:0;border-radius:9999px;border:4px solid transparent;transition:border-color .3s ease-in-out}@media(hover:hover)and (pointer:fine){.profile-picture-border:hover{border-color:#9333ea}}.name{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;text-align:center}@media(min-width:768px){.name{font-size:2.25rem;line-height:2.5rem}}.title{font-size:1.125rem;line-height:1.75rem;color:#7e22ce;font-weight:600;margin-bottom:1.5rem;text-align:center;animation:slide-in-down .6s ease-out forwards}@media(min-width:768px){.title{font-size:1.25rem;line-height:1.75rem}}.about-text-container{text-align:center;margin-bottom:1.5rem;padding:0 1rem}.about-text{color:#374151;line-height:1.625;font-size:1rem;animation:fade-in-up .7s ease-out forwards}@media(min-width:768px){.about-text{font-size:1.125rem}}.highlight{color:#9333ea;font-weight:700}.skills-container{margin-bottom:1.5rem;width:100%}.skills-heading{font-size:1.25rem;line-height:1.75rem;font-weight:600;color:#1f2937;margin-bottom:1rem;text-align:center}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}@media(min-width:768px){.skills-list{gap:1rem}}.skill-tag{font-size:.875rem;line-height:1.25rem;font-weight:500;padding:.5rem 1rem;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease-in-out}@media(hover:hover)and (pointer:fine){.skill-tag:hover{transform:scale(1.05)}}.skill-tag{cursor:default}@media(min-width:768px){.skill-tag{font-size:1rem;line-height:1.5rem}}.skill-tag{background-color:#f3e8ff;color:#6a1b9a}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;width:100%;padding:0 1rem}.social-link{display:flex;align-items:center;justify-content:center;font-weight:600;padding:.5rem 1.25rem;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease-in-out;transform:translateY(0);cursor:pointer}@media(hover:hover)and (pointer:fine){.social-link:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}}.social-link:active{transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.social-link{background-color:#9333ea;color:#fff}.social-link:hover{background-color:#a855f7}.contact-section{width:100%;text-align:center;margin-top:1rem}.contact-label{color:#4b5563;font-size:1rem;margin-bottom:.5rem}.email-button{background-color:#f3e8ff;color:#6a1b9a;border:1px solid #d8b4fe;font-weight:500;padding:.5rem 1.25rem;border-radius:9999px;box-shadow:0 1px 2px #0000000d;transition:all .3s ease-in-out}@media(hover:hover)and (pointer:fine){.email-button:hover{background-color:#e9d5ff}}.email-button:focus{outline:none;box-shadow:0 0 0 2px #9333ea,0 0 0 4px #9333ea80}.email-button:active{background-color:#e9d5ff;transform:scale(.98);transition:transform .1s ease-in-out}.copy-message{margin-top:.5rem;font-size:.875rem;color:#047857;font-weight:600;animation:fade-in .5s ease-out forwards}