*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Bricolage Grotesque',sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;opacity:0;animation:fadeIn .8s ease forwards}@keyframes fadeIn{to{opacity:1}}.bg{position:fixed;top:0;left:0;right:0;bottom:0;background:url(banner.jpg) center/cover;z-index:-1}.bg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0a0a0ad9 0%,#0a0a0ab3 30%,#0a0a0acc 70%,#0a0a0af2 100%)}.wrapper{max-width:1000px;margin:0 auto;padding:60px 30px}.intro{margin-bottom:100px}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-pic{width:120px;height:120px;border-radius:50%;margin-bottom:25px;border:3px solid #ffffff1a;transition:transform .3s ease;opacity:0;animation:blurSlideUp .8s ease .1s forwards}.profile-pic:hover{transform:scale(1.05)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.intro h1{font-size:40px;font-weight:600;margin-bottom:20px;opacity:0;animation:blurSlideUp .8s ease .3s forwards}.intro p{color:#aaa;line-height:1.6;margin-bottom:15px;max-width:700px;opacity:0}.intro p:nth-of-type(1){animation:blurSlideUp .8s ease .5s forwards}.intro p:nth-of-type(2){animation:blurSlideUp .8s ease .7s forwards}@keyframes blurSlideUp{from{opacity:0;filter:blur(10px);transform:translateY(30px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.tech-logos{display:flex;gap:20px;margin:25px 0;align-items:center}.tech-logos img{width:40px;height:40px;transition:all .3s ease;filter:grayscale(0.3);opacity:0;animation:blurSlideUp .6s ease forwards}.tech-logos img:nth-child(1){animation-delay:.9s}.tech-logos img:nth-child(2){animation-delay:1s}.tech-logos img:nth-child(3){animation-delay:1.1s}.tech-logos img:nth-child(4){animation-delay:1.2s}.tech-logos img:hover{transform:translateY(-5px) rotate(5deg);filter:grayscale(0)}@keyframes fadeInScale{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}.btn{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;text-decoration:none;margin:20px 0 40px;transition:all .3s ease;opacity:0;animation:blurSlideUp .8s ease 1.1s forwards}.btn:hover{background:#ffffff14;border-color:#fff3;transform:translateX(5px)}.btn svg:last-child{transition:transform .3s ease}.btn:hover svg:last-child{transform:translate(3px,-3px)}.btn small{color:#888;font-size:12px}.projects{opacity:0;animation:blurSlideUp .8s ease 1.4s forwards}.projects h2{font-size:32px;font-weight:600;margin-bottom:30px}.project-flare{background:#1414144d;border:1px solid #ffffff0d;border-radius:8px;overflow:hidden;transition:all .4s cubic-bezier(0.4,0,0.2,1);display:block;text-decoration:none;color:inherit;cursor:pointer}.project-flare:hover{border-color:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.project-banner{width:100%;height:280px;overflow:hidden;position:relative}.project-banner img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(0.4,0,0.2,1)}.project-flare:hover .project-banner img{transform:scale(1.05)}.project-info{padding:24px}.project-info h3{font-size:22px;font-weight:600;margin-bottom:8px}.project-info p{color:#999;font-size:14px;line-height:1.5;margin-bottom:18px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{padding:5px 12px;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;font-size:12px;color:#aaa;transition:all .3s ease}.tags span:hover{background:#ffffff0d;border-color:#ffffff1f;color:#ddd;transform:translateY(-2px)}@media (max-width: 768px){.wrapper{padding:40px 20px}.intro h1{font-size:32px}.projects h2{font-size:28px}.project-banner{height:200px}}