*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#111;--secondary-100:#dbdbdb;--secondary-200:#b2b2b2;--accent-100:#4496ee;--accent-200:#0e76a8;--accent-300:#285aeb;--accent-400:#00376b;--light:#fff;--bg:#c9d6ff;--gradient:linear-gradient(to right, #e2e2e2, #c9d6ff)}body,h1,h2,h3,p{margin:0}ul{list-style:none}html:focus-within{scroll-behavior:smooth}body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;background:var(--bg);background:var(--gradient);font-family:Poppins}a:not([class]){text-decoration-skip-ink:auto;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;outline:0}.svg{width:22px;pointer-events:none}.container{width:min(1060px,95%);margin:40px 20px;background-color:var(--light);border-radius:15px}.profile{width:100%;display:flex;align-items:center;justify-content:center;gap:40px 80px;padding:50px 30px;animation:fade-in-top .5s ease forwards}.profile-info .name{font-size:2rem;color:var(--primary);font-weight:700}.profile-info .age{display:inline-block}.profile-info .location{display:flex;gap:5px;font-size:1rem;font-weight:400;color:var(--secondary-200);margin-top:5px}.profile-info .stats-list{display:flex;list-style:none;gap:40px;margin-top:20px}.profile-info .stats-item{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}.profile-info .stats-item span{font-weight:700}.profile .bio{max-width:40ch;margin-top:26px}.profile-img-wrapper{width:225px;height:225px;border-radius:100%;overflow:hidden;cursor:pointer;background:linear-gradient(to right,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.profile-img-wrapper img{width:100%;height:100%;padding:3.5px;border-radius:100%;object-fit:cover}.tab-list{display:flex;width:80%;margin:0 auto;justify-content:center;gap:80px;border-top:1.5px solid var(--secondary-100)}.tab-item{display:flex;align-items:center;justify-content:center;gap:5px;padding:14px 0;font-size:1rem;font-weight:400;color:var(--secondary-200);fill:var(--secondary-200);border:none;background:0 0;cursor:pointer;transition:.3s ease}.tab-item.active{border-top:1px solid var(--primary);color:var(--primary);fill:var(--primary)}.tab-content{display:none;visibility:hidden;opacity:0;transition:.3s}.tab-content.active{display:grid;opacity:1;visibility:visible}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:30px;animation:fade-in-top .5s ease forwards}.grid img{border-radius:5px;box-shadow:1px 1px 4px rgba(195,195,195)}@media (max-width:860px){.profile{flex-direction:column;align-items:center;padding:50px 20px}.profile-info .name{font-size:1.7rem}.profile-info .stats-item{font-size:.875rem}}@media (max-width:530px){.profile-info .stats-list{gap:15px}.profile-info .stats-item{font-size:.755rem}.profile-info .location{font-size:.875rem}.profile .bio{font-size:.875rem}.tab-list{gap:60px}.tab-item span{display:none}.tab-item{padding:8px 20px}.tab-item .svg{width:28px}}@keyframes fade-in-top{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.slide-container{display:none}.slide-container.ativo{height:100vh;width:100vw;position:fixed;top:0;left:0;background:rgba(0,0,0,.96);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:show .3s ease}@keyframes show{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.slide{max-width:380px;z-index:5;margin:10px 20px;display:grid;box-shadow:0 4px 20px 2px rgba(0,0,0,.4);position:relative}.close-btn{display:block;background:0 0;border:none;padding:20px;cursor:pointer}.close-btn::after,.close-btn::before{content:"";display:block;width:34px;height:3px;background-color:var(--secondary-200)}.close-btn::after{transform:rotate(135deg)}.close-btn::before{transform:rotate(-135deg);position:relative;top:3px}.slide-items{grid-area:1/1;position:relative;border-radius:5px;overflow:hidden}.slide-nav{grid-area:1/1;z-index:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}.slide-nav button{cursor:pointer;opacity:0;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.slide-items>*{position:absolute;top:0;opacity:0;pointer-events:none}.slide-items>.active{opacity:1;position:relative;pointer-events:initial}.slide-thumb{display:flex;grid-column:1/3}.slide-thumb>span{flex:1;display:block;height:3px;background-color:rgba(0,0,0,.4);margin:5px;border-radius:3px;overflow:hidden}.slide-thumb>span.active::after{content:"";display:block;height:inherit;background:rgba(255,255,255,.9);border-radius:3px;transform:translateX(-100%);animation:thumb 5s forwards linear}@keyframes thumb{to{transform:initial}}.form{display:grid;width:min(800px,100%);margin:0 auto;padding:30px;animation:fade-in-top .5s ease forwards}.form label{display:block;margin-bottom:20px}.form span{font-size:1rem;color:var(--primary);display:block;margin-bottom:4px}.custom-file,.form input,.form textarea{display:block;width:100%;background:0 0;border:1px solid var(--secondary-100);border-radius:4px;color:var(--primary);font-size:1rem;padding:5px 10px;transition:.3s;box-shadow:.5px .5px .5px rgba(195,195,195,.2);resize:vertical}.form input:focus,.form textarea:focus{border-color:var(--primary)}form .custom-file{display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;padding:20px;border-style:dashed;border-width:2px;cursor:pointer;text-align:center}.custom-file input{display:none}.custom-file .image-icon{width:40px}form button{background-color:var(--accent-300);color:var(--light);padding:10px 26px;border-radius:5px;cursor:pointer;border:none;justify-self:flex-start;transition:.3s;position:relative}form button:focus,form button:hover{background-color:var(--accent-100)}.image-preview{width:80px;height:80px}.loading-wrapper.active{display:flex}.loading-wrapper{display:none;justify-content:center;align-items:center;position:fixed;inset:0;background:rgba(0,0,0,.2)}.loading{width:60px;height:60px;border-radius:100%;border:5px solid transparent;border-top-color:var(--accent-300);animation:loading 1s linear infinite}@keyframes loading{to{transform:rotate(1turn)}}@media (max-width:860px){.form{padding:30px 20px}.custom-file span{font-size:.875rem}.custom-file .image-icon{width:30px}}