*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(45deg,#fdfbfb,#f6fafc,#f0f9ff);overflow-x:hidden;transition:background 1.2s ease}.nav-header{padding:0!important;position:fixed;width:100%;z-index:999;transition:all .5s ease}.nav-wrap{max-width:1200px;width:92%;height:80px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:26px;font-weight:700}.custom-nav{display:flex;gap:2rem;align-items:center}.nav-item{position:relative;text-decoration:none;color:#666;font-size:16px;font-weight:500;padding:.5rem 0;transition:color .3s ease}.nav-item:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#ff9a9e,#fad0c4);transition:width .3s ease}.nav-item:hover{color:#ff9a9e}.nav-item:hover:after{width:100%}.nav-item.active{color:#ff9a9e}.nav-item.active:after{width:100%}.bubble-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.bubble{position:absolute;border-radius:50%;background:linear-gradient(90deg,#ff9a9e55,#fecfef55,#aecdfd55);backdrop-filter:blur(6px);box-shadow:0 0 15px rgba(255,180,200,.2);animation:float 12s ease-in-out infinite}@keyframes float{0%{transform:translate(0) scale(1)}25%{transform:translate(15px,-15px) scale(1.05)}50%{transform:translate(-10px,-25px) scale(.98)}75%{transform:translate(5px,-10px) scale(1.02)}to{transform:translate(0) scale(1)}}.item{opacity:0;transform:translateY(60px) scale(.9);transition:all 1.1s cubic-bezier(.19,1,.22,1)}.item.show{opacity:1;transform:translateY(0) scale(1)}.rainbow-text{background:linear-gradient(90deg,#ff9a9e,#fad0c4,#fecfef,#aecdfd,#ff9a9e);background-size:400% 100%;-webkit-background-clip:text;color:transparent!important;animation:rainbow 6s linear infinite}@keyframes rainbow{0%{background-position:0 50%}to{background-position:400% 50%}}.btn-jelly{padding:14px 40px!important;border-radius:50px!important;background:linear-gradient(90deg,#ff9a9e,#d8bbcf,#7caef8)!important;border:none!important;font-weight:700!important;margin-top:10px}.hero{height:100vh;display:flex;align-items:center}.hero-inner{transition:transform .2s ease-out}.hero h1{font-size:58px;margin-bottom:24px;line-height:1.25}.hero p{font-size:17px;color:#777;max-width:680px;line-height:1.8}.container{width:92%;max-width:1200px;margin:0 auto}.section{padding:110px 0}.title{text-align:center;font-size:38px;margin-bottom:60px}.card{border-radius:24px!important;overflow:hidden;border:none;margin-bottom:10px}.blog-img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.tag{color:#ff9a9e;font-size:13px;margin-bottom:8px}.blog-title{font-size:19px;margin-bottom:10px;color:#333}.blog-desc{color:#888;font-size:14px;line-height:1.6}.skill{text-align:center;padding:35px 20px!important}.skill i{font-size:40px;color:#aecdfd;margin-bottom:16px}.about-content{max-width:800px;margin:0 auto;text-align:center;line-height:1.8;color:#666}.footer{text-align:center;padding:50px 0!important;color:#999;background:#fff!important}