@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body{background-color:#f0f2f1!important;overflow-x:hidden;min-height:100vh;color:#1a1a1a}.sec{padding:0}@media(max-width:768px){.wrapper{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}}.profile-header{background-color:#abd1c6;padding:1.5rem 1rem;min-height:160px;position:relative}@media(min-width:768px){.profile-header{padding:3rem 2rem;min-height:280px;border-radius:1rem 1rem 0 0;position:relative}}.logo-container{position:absolute;top:1rem;right:1rem}@media(min-width:768px){.logo-container{top:1.5rem;right:2rem}}.logo-container img{max-height:45px;width:auto;filter:brightness(0) invert(1)}@media(min-width:768px){.logo-container img{max-height:60px;filter:none}}.logo-container .logo-text{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.logo-container .logo-text .logo-main{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:.05em;line-height:1}@media(min-width:768px){.logo-container .logo-text .logo-main{font-size:1.5rem}}.logo-container .logo-text .logo-tagline{font-size:.625rem;font-weight:400;color:#fff;opacity:.9;line-height:1}@media(min-width:768px){.logo-container .logo-text .logo-tagline{font-size:.75rem}}.top-info{position:absolute;bottom:-60px;left:15%;align-items:center;display:flex;gap:1rem}.top-info .image-container{width:160px;height:160px;border-radius:50%;background-color:#1a1a1a;display:grid;place-content:center;overflow:hidden;margin-bottom:0;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}@media(min-width:768px){.top-info .image-container{width:150px;height:150px;margin-bottom:1.5rem;border:4px solid #fff}}.top-info .image-container img{width:100%;height:100%;object-fit:cover}.profile-title{color:#fff;font-weight:600;font-size:1.25rem;margin-top:.75rem;margin-bottom:0;text-align:center}@media(min-width:768px){.profile-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-top:1rem}}.main-content{background-color:#f0f2f1;height:100%;padding:40px 1.5rem 2rem}@media(min-width:768px){.main-content{padding:3rem 2rem;border-radius:0 0 1rem 1rem;min-height:auto}}.top-para{font-size:.95rem;font-weight:400;color:#1a1a1a;text-align:center;line-height:1.6;margin-bottom:2rem}@media(min-width:768px){.top-para{font-size:1.1rem;margin-bottom:2.5rem}}.container-me{display:none}.contact-ul{padding:0;margin:0 0 2rem;list-style:none;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.contact-ul{flex-direction:row;gap:1.5rem;justify-content:center}}.contact-ul li{width:100%;display:flex;justify-content:center;align-items:center}@media(min-width:768px){.contact-ul li{flex:1 1;max-width:300px}}.contact-ul li a{text-decoration:none;display:block}.contact-ul li a .contact-card{background-color:#abd1c6;border-radius:.75rem;padding:.7rem;display:flex;align-items:center;position:relative;transition:all .3s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.1);width:210px}@media(min-width:768px){.contact-ul li a .contact-card{padding:1.25rem;flex-direction:column;text-align:center;min-height:140px}}.contact-ul li a .contact-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.contact-ul li a .contact-card p{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0;width:100%;text-align:center;position:relative;z-index:1}@media(min-width:768px){.contact-ul li a .contact-card p{font-size:1.1rem;margin-top:.5rem}}.contact-ul li a .contact-card .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:absolute;left:.7rem;top:50%;transform:translateY(-50%);z-index:0}@media(min-width:768px){.contact-ul li a .contact-card .icon{position:relative;left:auto;top:auto;transform:none;width:50px;height:50px}}.contact-ul li a .contact-card .icon>svg{width:100%;height:100%;color:#1a1a1a;stroke:currentColor;stroke-width:2}.contact-ul li a .contact-card .icon img{max-width:100%;height:auto;filter:brightness(0) saturate(100%) invert(0)}.footer{margin-top:.5rem;padding:1rem;display:flex;justify-content:space-around;align-items:center;background-color:#f0f2f1}@media(min-width:768px){.footer{justify-content:center;gap:3rem;padding:2rem}}.footer-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:#1a1a1a;font-size:.75rem;font-weight:500;transition:opacity .3s ease;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}@media(min-width:768px){.footer-link{font-size:.875rem}}.footer-link:hover{opacity:.7}.footer-link>svg{width:24px;height:24px;color:#989898;stroke:currentColor;stroke-width:2}@media(min-width:768px){.footer-link>svg{width:28px;height:28px}}.footer-link img{width:24px;height:24px}@media(min-width:768px){.footer-link img{width:28px;height:28px}}.footer-link span{text-align:center}.link a{text-decoration:none;color:#1a1a1a;font-weight:500;font-size:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}@media(min-width:768px){.link a{font-size:.875rem}}.link a img{max-width:24px}@media(min-width:768px){.link a img{max-width:28px}}.save-contact-container{margin-top:2rem;display:flex;justify-content:center}@media(min-width:768px){.save-contact-container{margin-top:2.5rem}}.contact-btn{background-color:rgba(0,0,0,0);color:#1a1a1a;padding:.75rem 1.5rem;border:2px solid #1a1a1a;border-radius:.5rem;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease-in-out;cursor:pointer}@media(min-width:768px){.contact-btn{font-size:1.1rem;padding:.875rem 2rem}}.contact-btn:hover{background-color:#1a1a1a;color:#fff;transform:translateY(-2px)}.contact-btn span{display:block}.error-container,.loading-container{min-height:100vh;display:grid;place-content:center;background-color:#f0f2f1;padding:2rem}.loading-container .spinner-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-container .loading-text{color:#1a1a1a;font-size:1rem;font-weight:500;text-align:center;margin:0}@media(min-width:768px){.loading-container .loading-text{font-size:1.1rem}}.loading-container .spinner{width:50px;height:50px;border:4px solid rgba(171,209,198,.15);border-top-color:#abd1c6;border-radius:50%;animation:spin .8s ease-in-out infinite;box-shadow:0 0 20px rgba(171,209,198,.1)}@media(min-width:768px){.loading-container .spinner{width:60px;height:60px;border-width:5px}}.error-container p{color:#1a1a1a;font-size:1.2rem;text-align:center}@media(min-width:768px){.error-container p{font-size:1.4rem}}@keyframes spin{to{transform:rotate(1turn)}}.container{max-width:100%;padding:0;margin:0;width:100%}@media(min-width:768px){.container{max-width:600px;margin:0 auto}}@media(min-width:992px){.container{max-width:800px}}