.site-logo a span{--ztc-bg-btn-bg1:#FFAE00!important}a{text-decoration:none}@keyframes rotateAndZoom{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.4)}to{transform:rotate(1turn) scale(1)}}.sublogo{animation:rotateAndZoom 4s linear infinite;transform-origin:center center}.logo-link{display:inline-block;min-height:55px;line-height:1.2;vertical-align:middle;text-decoration:none;animation:logoZoom 5s ease-in-out infinite}@media screen and (max-width:1024px){.logo-name{font-size:1.5rem;font-weight:900;letter-spacing:2px;background:linear-gradient(120deg,#FFAE00,#fffbe6,#FFAE00);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-shadow:1px 1px 0 #FFAE00,2px 2px 3px rgba(248,7,7,.3),3px 3px 10px rgb(247,247,12),0 0 20px rgba(255,235,0,.7);animation:gradientShift 3s ease infinite}}.logo-name{font-size:2.8rem;font-weight:900;letter-spacing:2px;background:linear-gradient(120deg,#FFAE00,#fffbe6,#FFAE00);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-shadow:1px 1px 0 #FFAE00,2px 2px 3px rgba(248,7,7,.3),3px 3px 10px rgb(247,247,12),0 0 20px rgba(255,235,0,.7);animation:gradientShift 3s ease infinite}@media screen and (max-width:1024px){.logo-name{font-size:1.2rem;font-weight:900;letter-spacing:2px;background:linear-gradient(120deg,#FFAE00,#fffbe6,#FFAE00);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-shadow:1px 1px 0 #FFAE00,2px 2px 3px rgba(248,7,7,.3),3px 3px 10px rgb(247,247,12),0 0 20px rgba(255,235,0,.7);animation:gradientShift 3s ease infinite}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes logoZoom{0%,to{transform:scale(1)}50%{transform:scale(1.05) rotate(1deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f0f0f;border-radius:12px;box-shadow:inset 0 0 4px rgba(255,221,0,.2)}::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#fff000,#ffaa00,#ffdd00);border-radius:12px;box-shadow:0 0 4px rgba(255,223,0,.7),0 0 10px rgba(255,180,0,.8),inset 0 0 6px rgba(255,255,100,.5);-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#ffeb3b,#ffc107);box-shadow:0 0 6px rgba(255,241,118,1),0 0 16px rgba(255,213,79,.9),inset 0 0 10px rgba(255,255,150,.6);transform:scale(1.05);cursor:pointer}::-webkit-scrollbar-corner{background:transparent}[class^=main-hero-area] .personal-contact-box .img1{width:300px!important;height:265px!important;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;position:relative;background-color:#f9f9f9}[class^=main-hero-area] .personal-contact-box .img1 img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px}@media (min-width:1400px) and (max-width:1599px){[class^=main-hero-area] .personal-contact-box .img1{height:230px}}@media (min-width:1600px) and (max-width:1700px){[class^=main-hero-area] .personal-contact-box .img1{height:280px}}.main-hero-area .personal-contact-box .img1,.main-hero-area2 .personal-contact-box .img1,.main-hero-area3 .personal-contact-box .img1,.main-hero-area4 .personal-contact-box .img1,.main-hero-area5 .personal-contact-box .img1{width:100%;max-height:365px;overflow:hidden;border-radius:8px;position:relative;background:#0a0a0a;box-shadow:0 10px 20px rgba(255,200,0,.3),0 0 20px rgba(255,180,0,.5),0 0 60px rgba(255,180,0,.4);transition:transform .2s ease,box-shadow .2s ease;transform-style:preserve-3d;will-change:transform}.main-hero-area1 .personal-contact-box .img1 img,.main-hero-area2 .personal-contact-box .img1 img,.main-hero-area3 .personal-contact-box .img1 img,.main-hero-area4 .personal-contact-box .img1 img,.main-hero-area5 .personal-contact-box .img1 img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px}@media (min-width:1400px) and (max-width:1599px){.main-hero-area1 .personal-contact-box .img1,.main-hero-area2 .personal-contact-box .img1,.main-hero-area3 .personal-contact-box .img1,.main-hero-area4 .personal-contact-box .img1,.main-hero-area5 .personal-contact-box .img1{height:230px}}@media (min-width:1600px) and (max-width:1700px){.main-hero-area1 .personal-contact-box .img1,.main-hero-area2 .personal-contact-box .img1,.main-hero-area3 .personal-contact-box .img1,.main-hero-area4 .personal-contact-box .img1,.main-hero-area5 .personal-contact-box .img1{height:280px}}@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}.card-glow{position:relative;overflow:hidden;border-radius:.5em;padding:.1em;width:100%;background:transparent}.card-glow:before{position:absolute;z-index:-1;inset:-1em;border:1.25em solid;border-image:conic-gradient(from var(--a),#669900,#99cc33,#ccee66,#006699,#3399cc,#990066,#cc3399,#ff6600,#ff9900,#ffcc00,#669900) 1;filter:blur(.75em);animation:a 4s linear infinite;content:""}@keyframes a{to{--a:1turn}}@media screen and (max-width:426px){.vl-btn1{padding:15px 10px}}.skill-boxarea .icons{animation:Zoom 4s linear infinite;transform-origin:center center}@keyframes Zoom{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(0deg) scale(1.2)}to{transform:rotate(0deg) scale(1)}}.status-message{margin-top:10px;font-size:16px;color:#ffd700;text-align:center;font-weight:500}.status-message.error{color:#ff4500}