*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#000;color:#f5f5f5;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;position:relative}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.profile-container{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.profile-image{width:140px;height:140px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.08)}.progress-container{width:220px;height:3px;background-color:#ffffff0f;border-radius:3px;overflow:hidden}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#fff,#666);border-radius:3px;transition:width .08s linear;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#ffffff26,#fff0);animation:shimmer 2s infinite;transform:skew(-20deg)}@keyframes shimmer{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(200%) skew(-20deg)}}.loading-text{color:#fff6;font-size:13px;letter-spacing:3px;text-transform:uppercase}.content{opacity:0;display:none;width:100%;max-width:720px;padding:20px;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);margin:40px auto;transform:translateY(12px)}.content.visible{opacity:1;transform:translateY(0)}header{text-align:center;margin-bottom:20px}header h1{font-size:3.2rem;font-weight:700;color:#fff;letter-spacing:4px;position:relative;display:inline-block}.profile-section{background-color:#ffffff05;border-radius:16px;padding:28px;border:1px solid rgba(255,255,255,.04);transition:border-color .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-section:hover{border-color:#ffffff14;background-color:#ffffff08}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.main-profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.06);margin-bottom:10px;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.main-profile-image:hover{transform:scale(1.04) translateY(-4px)}.profile-header h2{font-size:1.6rem;font-weight:500;color:#e0e0e0;letter-spacing:1px;opacity:0;animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .3s forwards}@keyframes fadeIn{to{opacity:1}}.about-me{margin-bottom:16px;opacity:0;animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .5s forwards}.about-me h3,.contact-section h3{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#e0e0e0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;display:inline-block}.about-me p{font-size:.9rem;line-height:1.5;color:#ffffff8c;padding-left:0}.contact-section{margin-top:10px;opacity:0;animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .7s forwards}.contact-links{display:flex;flex-direction:column;gap:6px;margin-top:10px}.contact-link{display:flex;align-items:center;text-decoration:none;color:#ffffffb3;font-size:1rem;transition:color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),padding-left .3s cubic-bezier(.4,0,.2,1);padding:8px 14px;border-radius:10px;background-color:transparent;position:relative}.contact-link:hover{color:#fff;background-color:#ffffff0a;padding-left:20px}.contact-link i{font-size:1.3rem;margin-right:14px;width:28px;text-align:center;color:#fff9;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.contact-link:hover i{transform:scale(1.1);color:#fff}.projects-section{margin-top:18px;opacity:0;animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .9s forwards}.projects-section h3{font-size:1.2rem;font-weight:600;margin-bottom:14px;color:#e0e0e0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;display:inline-block}.project-card{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:10px;background-color:#ffffff05;border:1px solid rgba(255,255,255,.04);margin-top:12px;transition:border-color .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{border-color:#ffffff1a}.project-name{color:#fffc;font-size:1rem;font-weight:500}.project-status{color:#ffffff4d;font-size:.85rem;letter-spacing:1px;text-transform:uppercase}footer{text-align:center;margin-top:20px;padding:10px;color:#fff3;font-size:.85rem;letter-spacing:.5px}.view-counter{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px;color:#ffffff40;font-size:.8rem}.view-counter i{font-size:.75rem}@media (max-width: 768px){.profile-image,.main-profile-image{width:90px;height:90px}.progress-container{width:180px}header h1{font-size:2.4rem}.profile-header h2{font-size:1.4rem}.about-me h3,.contact-section h3,.projects-section h3{font-size:1.1rem}.about-me p,.contact-link{font-size:.95rem}.profile-section{padding:20px}}@media (max-width: 480px){.profile-image,.main-profile-image{width:80px;height:80px}header h1{font-size:2rem}.profile-section{padding:20px}.contact-link i{font-size:1.1rem;margin-right:10px}}