.banner{position:relative;width:100%;height:90vh;display:flex;justify-content:flex-start;align-items:center;color:white;overflow:hidden;background:linear-gradient(270deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.5) 35%,rgba(0,0,0,.2) 70%,rgba(0,0,0,0)),url(/imag1.png) no-repeat;background-position:100% 0;background-size:cover}.banner-content{position:relative;z-index:1;max-width:650px;text-align:left;padding:3rem 2rem 3rem 4vw;margin-left:4vw;background:rgba(0,0,0,.25);border-radius:1.2rem;backdrop-filter:blur(8px);box-shadow:0 8px 32px 0 rgba(31,38,135,.25);animation:slideUp 1.2s ease-in-out forwards}.banner-title{font-size:3.8rem;margin-bottom:1.2rem;font-weight:700;line-height:1.2;letter-spacing:1px;text-shadow:2px 2px 10px rgba(0,0,0,.7)}.banner-subtitle{font-size:1.5rem;margin-bottom:1.6rem;font-weight:500;opacity:.95;color:#e0e0e0}.banner-desc{font-size:1.1rem;line-height:1.7;margin-bottom:2.2rem;opacity:.9;color:#dcdcdc}.social-links{display:flex;gap:1.4rem}.social-links a{font-size:2rem;color:#fff;transition:transform .3s ease,color .3s ease}.social-links a:hover{transform:scale(1.2)}.social-links .linkedin:hover{color:#0077b5}.social-links .github:hover{color:#ccc}.social-links .twitter:hover{color:#1da1f2}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.banner{height:70vh;justify-content:center;background-position:top}.banner-content{text-align:center;margin-left:0;padding:2rem}.banner-title{font-size:2.4rem}.banner-subtitle{font-size:1.2rem}.banner-desc{font-size:1rem}.social-links{justify-content:center}}