body{margin:0;padding:0;background:url(/bg.jpg) no-repeat 50% fixed;background-size:cover;font-family:Poppins,sans-serif;color:#eaeaea;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;overflow:hidden}.app-container{width:90%;max-width:450px;padding:2rem 1rem;background:hsla(0,0%,7%,.85);border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.7);max-height:90vh;overflow-y:auto}.app-container,.scrollable-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.scrollable-container{width:100%;padding-bottom:2rem}.header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.1rem}.profile-logo{width:100px;height:100px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);box-shadow:0 7px 20px rgba(0,0,0,.7)}.title{font-size:1.4rem;font-weight:700;color:#fff}.phrase{font-size:1rem;font-weight:600;color:#c7c7c7}.description{font-size:.9rem;width:75%;text-align:center;color:#a5a5a5}.links-container{display:flex;flex-direction:column;width:100%;gap:.8rem}.link{display:flex;align-items:center;justify-content:space-between;width:75%;margin:0 auto;background:rgba(30,30,30,.9);padding:.7rem .9rem;border-radius:13px;box-shadow:0 5px 15px rgba(0,0,0,.5);text-decoration:none;color:#f0f0f0;font-size:1rem;transition:background .3s,transform .3s}.link:hover{background:rgba(60,60,60,.95);transform:scale(1.05)}.icon{font-size:1.3rem;color:#9fa2a4;margin-right:.9em;transition:color .3s}.link:hover .icon{color:#f0f0f0}@media (max-width:768px){.app-container{width:95%;padding:1.5rem 1rem}.title{font-size:1.2rem}.phrase{font-size:.9rem}.description{font-size:.8rem}.link{width:85%}.icon{font-size:1.2rem}}