.gradient-text{background:linear-gradient(45deg,#d3d3d3,grey,silver);-webkit-background-clip:text;background-clip:text;color:transparent}.footer{color:#fff;padding:10px;text-align:center;height:50px}.hero-container{display:flex;align-items:center;justify-content:center;min-height:70vh;max-height:90vh;padding:20px}.hero{width:100%;max-width:800px;padding:20px;position:relative;background:linear-gradient(135deg,rgba(31,28,44,.5),rgba(146,141,171,.5));color:#fff;font-family:Roboto,sans-serif;border-radius:15px}.hero,.profile-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.profile-pic{display:block;width:150px;height:150px;object-fit:cover;border-radius:50%;border:4px solid #fff;margin:0 auto 15px}.name{font-size:2rem;font-weight:700;margin:10px 0}.tagline{font-size:1rem;font-style:italic}.icon-links{margin-top:20px;display:flex;justify-content:center;gap:20px}.icon{font-size:2rem;color:#fff;transition:color .3s}.icon:hover{color:#61dafb}.down-arrow-container{display:flex;justify-content:center;margin-top:20px}.down-arrow{font-size:2rem;color:#fff;animation:bounce 2s infinite;cursor:pointer;transition:color .3s}.down-arrow:hover{color:#61dafb}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.hover\\:animate-sheen{background-size:unset;animation:unset}.about-section a{color:inherit;text-decoration:underline;transition:color .3s ease}.about-section a:hover{color:#4fd1c5}@media (max-width:768px){.hero-container{min-height:60vh}.name{font-size:1.5rem}.tagline{font-size:.9rem}.profile-pic{width:120px;height:120px}.down-arrow,.icon{font-size:1.5rem}}