.animated-profile{min-height:100vh;overflow-x:hidden}.animated-container{max-width:1200px;margin:0 auto;padding:2rem}.hero-section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.profile-image{width:200px;height:200px;margin-bottom:2rem;opacity:0;transform:scale(.5)}.profile-image img{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 4px 20px rgba(0,0,0,.1)}.typing-container{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.static-text{color:var(--primary)}.dynamic-text{color:#ff6b6b;position:relative}.subtitle{font-size:1.5rem;color:var(--secondary);opacity:0;max-width:600px;margin:0 auto}.social-links{display:flex;gap:1.5rem;margin-top:2rem;opacity:0}.social-icon{font-size:1.8rem;color:var(--primary);transition:transform .3s ease,color .3s ease}.social-icon:hover{transform:translateY(-3px);color:#ff6b6b}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);opacity:0}.mouse{width:30px;height:50px;border:2px solid var(--primary);border-radius:15px;position:relative}.wheel{width:4px;height:8px;background:var(--primary);position:absolute;top:8px;left:50%;transform:translateX(-50%);border-radius:2px;animation:scroll 1.5s infinite}.section{padding:6rem 0;opacity:0;transform:translateY(50px)}.section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--primary)}.skill-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.skill-card{background:var(--entry);padding:2rem;border-radius:10px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:transform .3s ease}.skill-card:hover{transform:translateY(-5px)}.skill-card i{font-size:2.5rem;color:#ff6b6b;margin-bottom:1rem}.skill-card h3{margin-bottom:1rem;color:var(--primary)}.skill-card p{color:var(--secondary);font-size:.9rem}.tool-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.tool-card{background:var(--entry);padding:1.5rem;border-radius:8px;text-align:center;font-weight:500;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:transform .3s ease}.tool-card:hover{transform:translateY(-3px)}@keyframes scroll{0%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,20px);opacity:0}}[theme=dark] .skill-card,[theme=dark] .tool-card{background:var(--entry)}@media(max-width:768px){.typing-container{font-size:2.5rem}.subtitle{font-size:1.2rem;padding:0 1rem}.profile-image{width:150px;height:150px}.section{padding:4rem 0}}