header#header{background:#111;height:62px;padding:0 5%;width:100%;position:fixed;z-index:1000;transition:top .5s ease-out,opacity .5s ease-out;box-sizing:border-box}.js #header{top:-92px;opacity:0}.js #header.visible{top:0;opacity:1}a.logo{display:flex;align-items:center;justify-content:center;font-size:18px;height:92px;width:92px;font-weight:600;text-decoration:none;position:relative;transition:transform .3s ease}a.logo:hover{transform:scale(1.05)}a.logo img{width:75px;height:75px;border-radius:50%;object-fit:cover;border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff5f6d,#ffc371,#00ffc8) border-box;box-shadow:0 4px 15px #ff5f6d4d;transition:all .3s ease}a.logo:hover img{border-width:4px;box-shadow:0 6px 20px #ff5f6d80,0 0 30px #00ffc84d}@keyframes logoPulse{0%,to{box-shadow:0 4px 15px #ff5f6d4d}50%{box-shadow:0 4px 25px #ff5f6d99,0 0 20px #00ffc866}}@media(min-width:831px){a.logo img{animation:logoPulse 3s ease-in-out infinite}}.icon-nav{display:none;cursor:pointer}header#header nav{display:flex;align-items:center}header#header nav ul#nav{list-style:none;display:flex;align-items:center;gap:20px;padding:0;margin:0}header#header nav ul#nav>li{display:flex;align-items:center}header#header nav ul#nav>li>a{color:#fff;text-decoration:none;font-size:16px;text-transform:lowercase;letter-spacing:1px;padding:10px;transition:color .3s}header#header nav ul#nav>li>a:hover{color:#db2777}ul.social{list-style:none;display:flex;align-items:center;gap:15px;margin-left:20px;border-left:1px solid #333;padding-left:50px}ul.social li{display:flex;align-items:center;justify-content:center;width:36px;height:36px}ul.social li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:0}ul.social li a img{display:block;width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:center;transition:opacity .3s,transform .3s}ul.social li a:hover img{opacity:.8;transform:scale(1.1)}@media only screen and (min-width:831px){header#header{height:92px}}#main-content,.page{padding-top:92px}@media only screen and (max-width:830px){header#header{height:56px;padding:0 16px}a.logo{height:44px;width:44px}a.logo img{width:36px;height:36px;animation:none}#main-content,.page{padding-top:56px}}:root{--wp--preset--font-size--normal: 16px;--wp--preset--font-size--huge: 42px;--wp--preset--color--black: #000000;--wp--preset--color--white: #ffffff;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--spacing--20: .44rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--70: 3.38rem;font-family:"proxima nova light","Helvetica Neue",Helvetica,Arial,Sans-serif;text-rendering:optimizeLegibility}footer#footer{background:#f5f5f5;color:#757575!important;font-size:1.6rem;text-align:center;height:80px;min-height:50px;padding:40px 5%;position:relative;width:100%;box-sizing:border-box;box-shadow:inset 0 1px 4px #0000001a;opacity:1;top:0}footer#footer .row{max-width:1200px;margin:0 auto;padding:0;display:flex;align-items:center;width:100%;box-sizing:border-box}footer#footer .col-12{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 4rem;gap:2rem}footer#footer .footer-left-content a{text-decoration:none;color:#757575;font-size:16px;transition:all .3s}footer#footer .footer-left-content a:hover{color:#000}footer#footer nav#nav-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:2.5rem}footer#footer nav#nav-footer a{text-decoration:none;color:#757575;font-size:16px;text-transform:lowercase;letter-spacing:.5px;transition:all .3s}footer#footer nav#nav-footer a:hover{color:var(--wp--preset--color--vivid-red)}.gradient-white{position:absolute;left:50%;transform:translate(-50%);width:118px;height:90px;top:-45px;z-index:10}footer a.top{background:transparent url(https://raw.githubusercontent.com/RAJESHREDDY0508/images/main/sprite.png) 0 -217px;width:118px;height:90px;display:block;position:absolute;left:0;bottom:0;text-indent:-9999px;cursor:pointer;z-index:11;transition:transform .3s ease,opacity .3s ease}footer a.top:hover{transform:translateY(-5px);opacity:.8}footer a.top:active{transform:translateY(-2px)}@media(max-width:900px){footer#footer .col-12{padding:0 2rem}}@media(max-width:600px){footer#footer .col-12{flex-direction:column;justify-content:center;gap:1.5rem}footer#footer nav#nav-footer ul{justify-content:center;gap:2rem}}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#eaecfa;display:flex;align-items:center;justify-content:center;z-index:99999}.loader{width:250px;height:50px;line-height:50px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:helvetica,arial,sans-serif;text-transform:uppercase;font-weight:900;color:#ce4233;letter-spacing:.2em}.loader:before,.loader:after{content:"";display:block;width:15px;height:15px;background:#ce4233;position:absolute;animation:load .7s infinite alternate ease-in-out}.loader:before{top:0}.loader:after{bottom:0}@keyframes load{0%{left:0;height:30px;width:15px}50%{height:8px;width:40px}to{left:235px;height:30px;width:15px}}@media(max-width:768px){.loader{width:200px;font-size:14px}@keyframes load{0%{left:0;height:25px;width:12px}50%{height:6px;width:35px}to{left:188px;height:25px;width:12px}}}@media(max-width:480px){.loader{width:150px;font-size:12px}@keyframes load{0%{left:0;height:20px;width:10px}50%{height:5px;width:30px}to{left:140px;height:20px;width:10px}}}.page-container{min-height:100vh;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html{font-size:62.5%;-webkit-overflow-scrolling:touch;background:#eaecfa;scroll-behavior:smooth}html,body{margin:0;padding:0;overflow-x:hidden;background:#eaecfa;scroll-behavior:smooth}#root{background:transparent}.page-container{min-height:100vh;display:flex;flex-direction:column}html,body,div,span,h1,h2,h3,h4,p,a,img,ul,li,header,nav,section{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{font-family:Poppins,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;background-color:#eaecfa;font-size:1.8rem;color:#333;text-rendering:optimizeLegibility}::selection{background:#f0f0f0;color:#111}.align-c{display:flex;justify-content:center;align-items:center}.row{max-width:1200px;margin:0 auto;width:100%;display:flex;align-items:center;height:100%}.col-12{width:100%;display:flex;justify-content:space-between;align-items:center}#hero-section{position:relative;width:100%;overflow:hidden;aspect-ratio:16 / 9;max-height:calc(100vh - 92px)}.hero-layer{position:absolute;top:0;left:0;width:100%;height:100%}#hero-img-base{object-fit:cover;pointer-events:none}.hero-text{color:#fff;text-align:center;transition:opacity .3s ease,transform .3s ease}.hero-link:hover .hero-text{transform:scale(1.05)}.hero-text h1{font-size:clamp(2rem,8vw,5rem);font-weight:700;text-shadow:2px 2px 10px rgba(0,0,0,.5)}.hero-text p{font-size:clamp(.8rem,2vw,1.1rem);max-width:30ch}.chevron{font-weight:400;opacity:.7}.header-center{text-align:center;margin-bottom:2rem}.header-center h3{font-size:2.4rem;font-weight:600;color:#333}.section-divider{border-bottom:1px solid #374151}.page{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}section.dark{position:relative;overflow:hidden;padding:4rem 0}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}section.dark:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:2}section.dark>.row{position:relative;z-index:3}.dark .header-center h3{color:#000;text-shadow:1px 1px 4px rgba(0,0,0,.5)}section.dark>.row{display:block;height:auto;max-width:1200px;margin:0 auto}section.dark>.row>.col-12{display:block;width:100%;justify-content:initial;align-items:initial}#frontend-skills-page{background-image:url(/images/FB-Skills.gif);background-size:cover;background-position:center}#frontend-skills-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:0}#backend-skills-page{background-image:url(https://assets.zyrosite.com/mePGrL1bXRFjZ2nQ/8-AzG7DP0Z6zIkKPaM.gif);background-size:cover;background-position:center;background-attachment:fixed;position:relative;min-height:100vh}#backend-skills-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;z-index:0}#contact-page>.container,#blog-page>.container,#portfolio-page>.container,#learn-page>.container{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}#contact-page .contact-section,#blog-page .grid,#portfolio-page .portfolio-section,#portfolio-page .grid,#learn-page .learn-section,#learn-page .grid{padding-left:4rem;padding-right:4rem;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box}#blog-page>.container>.text-center,#portfolio-page>.container>.text-center,#learn-page>.container>.text-center,#contact-page>.container>.text-center{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:4rem;padding-right:4rem}@media(max-width:900px){#contact-page .contact-section,#blog-page .grid,#portfolio-page .portfolio-section,#portfolio-page .grid,#learn-page .learn-section,#learn-page .grid,#blog-page>.container>.text-center,#portfolio-page>.container>.text-center,#learn-page>.container>.text-center,#contact-page>.container>.text-center{padding-left:2rem;padding-right:2rem}#about-page .main .row{display:flex!important;flex-direction:row!important;gap:12px!important}#about-page .text-main{flex:0 0 55%!important;max-width:55%!important;order:1!important}#about-page .col-7,#about-page #img-main{flex:0 0 45%!important;max-width:45%!important;order:2!important}#about-page .anime-image{width:100%!important;height:auto!important;object-fit:contain!important}}#backend-skills-page{position:relative}#backend-skills-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000008c;z-index:0}.backend-container{position:relative;z-index:2}@media screen and (max-width:1024px){html{font-size:58%}html,body{overflow-x:hidden!important;width:100%;max-width:100vw}#root{overflow-x:hidden;width:100%}*{box-sizing:border-box}img,video{max-width:100%;height:auto}}@media screen and (max-width:768px){html{font-size:55%}}@media screen and (max-width:480px){html{font-size:52%}}@media screen and (max-width:830px){header#header{height:56px!important;padding:0 16px!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;background:#111!important;display:flex!important;align-items:center!important;box-shadow:0 2px 10px #0000004d}header#header .row{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;display:flex!important;justify-content:space-between!important;align-items:center!important;height:56px!important}header#header .col-12{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important}header#header a.logo{height:44px!important;width:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10001!important;animation:none!important}header#header a.logo img{width:36px!important;height:36px!important;animation:none!important}header#header .icon-nav{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;background:transparent!important;border:none!important;cursor:pointer!important;z-index:10001!important;position:relative!important;font-size:0!important;color:transparent!important;-webkit-tap-highlight-color:transparent}header#header .icon-nav:before,header#header .icon-nav:after{content:""!important;position:absolute!important;width:22px!important;height:2px!important;background:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;left:50%!important;transform:translate(-50%)!important;border-radius:2px!important}header#header .icon-nav:before{top:15px!important;box-shadow:0 7px #fff!important}header#header .icon-nav:after{bottom:15px!important}header#header.nav-open .icon-nav:before{top:21px!important;transform:translate(-50%) rotate(45deg)!important;box-shadow:none!important}header#header.nav-open .icon-nav:after{bottom:21px!important;transform:translate(-50%) rotate(-45deg)!important}header#header nav{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:linear-gradient(180deg,#111,#1a1a2e)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;opacity:0!important;visibility:hidden!important;transform:translateY(-20px)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;z-index:10000!important;padding:80px 24px 40px!important}header#header.nav-open nav{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}header#header nav ul#nav{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;padding:0!important;margin:0!important;width:100%!important;max-width:300px!important}header#header nav ul#nav>li{width:100%!important;text-align:center!important;opacity:0;transform:translateY(20px);animation:none}header#header.nav-open nav ul#nav>li{animation:slideInNav .5s ease forwards}header#header.nav-open nav ul#nav>li:nth-child(1){animation-delay:.1s}header#header.nav-open nav ul#nav>li:nth-child(2){animation-delay:.15s}header#header.nav-open nav ul#nav>li:nth-child(3){animation-delay:.2s}header#header.nav-open nav ul#nav>li:nth-child(4){animation-delay:.25s}header#header.nav-open nav ul#nav>li:nth-child(5){animation-delay:.3s}header#header.nav-open nav ul#nav>li:nth-child(6){animation-delay:.35s}@keyframes slideInNav{to{opacity:1;transform:translateY(0)}}header#header nav ul#nav>li>a{display:block!important;padding:16px 24px!important;font-size:20px!important;font-weight:500!important;letter-spacing:3px!important;text-transform:uppercase!important;color:#fff!important;text-decoration:none!important;transition:all .3s ease!important;border-radius:8px!important}header#header nav ul#nav>li>a:hover,header#header nav ul#nav>li>a:active{color:#ff6b9d!important;background:#ff6b9d1a!important}header#header nav ul.social{flex-direction:row!important;justify-content:center!important;gap:16px!important;margin:32px 0 0!important;padding:24px 0 0!important;border-left:none!important;border-top:1px solid rgba(255,255,255,.1)!important;width:100%!important;max-width:300px!important}header#header nav ul.social li{width:40px!important;height:40px!important}header#header nav ul.social li a{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;background:#ffffff1a!important;border-radius:50%!important;transition:all .3s ease!important}header#header nav ul.social li a:hover{background:#fff3!important;transform:scale(1.1)!important}header#header nav ul.social li a img{width:24px!important;height:24px!important}}@media screen and (max-width:830px){footer#footer{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}.gradient-white,footer a.top,a.top{display:none!important;visibility:hidden!important}}@media screen and (max-width:830px){#main-content{padding-top:56px!important}#hero-section{aspect-ratio:4/3!important;min-height:280px!important;max-height:400px!important;position:relative!important}#hero-img-base{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.hero-layer:last-child{display:flex!important;flex-direction:row!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important}#frontend-link,#backend-link{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:50%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important}.hero-text{text-align:center!important}.hero-text h1{font-size:18px!important;margin-bottom:4px!important;text-shadow:1px 1px 4px rgba(0,0,0,.8)!important}.hero-text p{font-size:10px!important;line-height:1.3!important;max-width:120px!important;margin:0 auto!important;opacity:.9!important}.chevron{display:none!important}section.dark{padding:32px 0!important}section.dark>.row{padding:0 16px!important;display:block!important}.header-center{margin-bottom:20px!important}.header-center h3{font-size:20px!important;font-weight:600!important}ul.thumbs{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;padding:0!important;margin:0!important;list-style:none!important}ul.thumbs li{width:100%!important;margin:0!important;padding:0!important;float:none!important}.github-card-item,.project-card-item,.linkedin-guide-item{border-radius:12px!important;overflow:hidden!important}.linkedin-card-inner{min-height:160px!important}.linkedin-card-content{flex-direction:row!important;padding:16px!important;align-items:center!important}.linkedin-card-text{flex:1!important;text-align:left!important;margin-bottom:0!important}.linkedin-card-badge{padding:4px 8px!important;margin-bottom:8px!important}.linkedin-card-badge span{font-size:9px!important}.linkedin-card-title{font-size:16px!important;margin-bottom:4px!important}.linkedin-card-desc{font-size:12px!important;margin-bottom:8px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.linkedin-card-stats{gap:6px!important}.linkedin-stat-value span{font-size:14px!important}.linkedin-stat-label{font-size:10px!important}.linkedin-card-icons{display:none!important}}@media screen and (max-width:600px){#hero-section{aspect-ratio:16/10!important;min-height:220px!important;max-height:300px!important}.hero-text h1{font-size:14px!important}.hero-text p{font-size:9px!important;max-width:100px!important}}@media screen and (max-width:830px){.about-page-main{padding:24px 0 48px!important}.page{padding-top:56px!important}.main .row{display:flex!important;flex-direction:row!important;gap:12px!important;padding:0 16px!important;height:auto!important;align-items:center!important}.text-main{flex:0 0 55%!important;max-width:55%!important;width:55%!important;order:1!important;padding-right:8px!important}.col-7,#img-main,.col-7.align-c,#about-page .col-7{flex:0 0 45%!important;max-width:45%!important;width:45%!important;order:2!important;display:flex!important;justify-content:center!important;align-items:center!important;overflow:visible!important;height:auto!important}.anime-image,#about-page .anime-image,#img-main .anime-image{width:100%!important;max-width:100%!important;height:auto!important;border-radius:10px!important;object-fit:contain!important}#about-page h1{font-size:24px!important;text-align:left!important;margin-bottom:6px!important;letter-spacing:0!important}#about-page h1:after{left:0!important;transform:none!important;width:40px!important;height:2px!important}.text-main .intro{font-size:12px!important;text-align:left!important;margin-top:6px!important}.text-main .description{font-size:11px!important;text-align:left!important;line-height:1.4!important;margin-top:6px!important}.snaps-5{padding:0 16px!important;margin-top:32px!important}#snaps{padding:16px 0!important}#snaps a{flex:0 0 120px!important;height:80px!important;border-radius:8px!important}.skills-section{padding:0 16px!important;margin-top:32px!important}.skills-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:24px 0!important}.skill-column h2{font-size:13px!important;margin-bottom:8px!important}.skill-column ul li{font-size:11px!important;padding:6px 8px!important;margin-bottom:4px!important}.chart-column{grid-column:span 2!important;order:-1!important}#skillsPieChart{width:180px!important;height:180px!important}.new-about-section{grid-template-columns:1fr!important;gap:24px!important;padding:24px 16px!important;margin-top:0!important}.section-title{font-size:18px!important;margin-bottom:12px!important}.facts-list li{font-size:13px!important;padding:10px 12px 10px 24px!important}.vertical-bars{height:160px!important;gap:8px!important;padding-left:0!important}.v-bar-item{width:50px!important}.v-bar-label{font-size:9px!important;margin-top:6px!important}.v-bar-value{font-size:10px!important}.y-axis-labels{display:none!important}.new-story-section,.new-involvement-section{flex-direction:column!important;padding:24px 16px!important;gap:20px!important}.new-story-left,.new-story-right,.new-involve-left,.new-involve-right{width:100%!important;padding:0!important}.new-about-heading{font-size:20px!important}.new-story-section p,.new-involvement-section p{font-size:14px!important;line-height:1.6!important}}@media screen and (max-width:480px){#about-page h1{font-size:32px!important}.skills-grid{grid-template-columns:1fr!important}.chart-column{grid-column:span 1!important}.vertical-bars{height:140px!important}.v-bar-item{width:40px!important}}@media screen and (max-width:830px){#contact-page{padding-top:80px!important;padding-bottom:48px!important}#contact-page .row{flex-direction:column!important;padding:0 20px!important;gap:24px!important}#contact-page .col-5,#contact-page .col-7{width:100%!important;padding:0!important}#contact-page #img-main{order:-1!important}.contact-img{max-width:180px!important;margin:0 auto!important;display:block!important}#contact-page #text-main{text-align:center!important;align-items:center!important}.title{font-size:36px!important}.subtitle{font-size:15px!important}ul.social-disc.social-links{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:12px!important;margin:20px auto 0!important;list-style:none!important}ul.social-disc.social-links li{display:block!important;width:50px!important;height:50px!important;flex-shrink:0!important;list-style:none!important}ul.social-disc.social-links li a.twitter,ul.social-disc.social-links li a.facebook,ul.social-disc.social-links li a.linkedin,ul.social-disc.social-links li a.instagram{display:block!important;width:50px!important;height:50px!important;background-repeat:no-repeat!important;background-size:auto!important}#content-detail{padding-top:32px!important}.form-title{font-size:20px!important;text-align:center!important;padding:0!important;margin-bottom:20px!important}.contact-form{padding:0!important;flex-direction:column!important}.contact-form .col-6{width:100%!important;padding:0!important}.contact-form p{font-size:14px!important;margin-bottom:16px!important}.contact-form input,.contact-form textarea{font-size:16px!important;padding:12px!important}.submit-btn{width:100%!important;height:48px!important;font-size:15px!important}}@media screen and (max-width:830px){#portfolio-page{padding-top:80px!important;padding-bottom:48px!important}#portfolio-page .portfolio-section{padding:0 20px!important;margin-bottom:32px!important}.intro-section{grid-template-columns:1fr!important;gap:20px!important}.intro-text{text-align:center!important;order:2!important}.intro-title{font-size:36px!important}.intro-title:after{left:50%!important;transform:translate(-50%)!important}.intro-subtitle{font-size:16px!important}.intro-paragraph{font-size:14px!important}.intro-image{max-width:70%!important;margin:0 auto!important;order:1!important}#portfolio-page .portfolio-grid{grid-template-columns:1fr!important;gap:16px!important;padding:0 20px!important}.portfolio-card{border-radius:12px!important}.card-image{height:160px!important}.card-content{padding:16px!important}.card-title{font-size:16px!important}.card-description{font-size:13px!important}}@media screen and (max-width:830px){#learn-page{padding-top:56px!important}.learn-container{padding:24px 16px 48px!important}.learn-section{display:flex!important;flex-direction:row!important;gap:12px!important;margin-bottom:32px!important;align-items:center!important}.learn-section .text-left{flex:0 0 55%!important;max-width:55%!important;text-align:left!important;padding-right:8px!important;order:1!important}.learn-section>div:last-child{flex:0 0 45%!important;max-width:45%!important;order:2!important}.learn-section h1{font-size:20px!important;margin-bottom:6px!important}.learn-section h1:after{left:0!important;transform:none!important;height:2px!important}.learn-section .intro-text{font-size:12px!important;margin-bottom:4px!important}.learn-section .text-left p{font-size:11px!important;line-height:1.4!important}.learn-section .learn-image{width:100%!important;max-width:100%!important;height:auto!important;border-radius:6px!important}.learn-grid{grid-template-columns:1fr!important;gap:16px!important}.learn-card{border-radius:12px!important}.learn-card img{height:140px!important}.card-content h4{font-size:16px!important}.card-content p{font-size:13px!important}}@media screen and (max-width:830px){.huly-blog-page{padding-top:56px!important}.blog-hero-section{min-height:50vh!important;padding:24px 20px!important}.header-label{font-size:10px!important;letter-spacing:2px!important;padding:6px 12px!important}.blog-header h1{font-size:36px!important}.blog-header p{font-size:14px!important}.scroll-indicator{bottom:20px!important;font-size:11px!important}.blog-section-wrapper{min-height:auto!important;padding:40px 20px!important}.blog-section-content{flex-direction:column!important;gap:16px!important}.blog-section-indicator{display:none!important}.blog-section-main{text-align:center!important;max-width:100%!important}.blog-tags{justify-content:center!important;gap:6px!important;margin-bottom:12px!important}.blog-tag{font-size:9px!important;padding:4px 8px!important}.blog-title{font-size:24px!important}.blog-subtitle{font-size:14px!important}.blog-description{font-size:13px!important;text-align:center!important}.blog-meta{justify-content:center!important;gap:16px!important;font-size:12px!important}.blog-cta{padding:12px 24px!important;font-size:14px!important;margin:0 auto!important}.scroll-progress,.current-blog-overlay{display:none!important}}@media screen and (max-width:830px){#frontend-skills-page,#backend-skills-page{padding:80px 20px 48px!important;background-attachment:scroll!important}.fe-container,.backend-container{padding:0!important}.fe-header,.backend-header{flex-direction:column!important;gap:16px!important;text-align:center!important;margin-bottom:24px!important}.fe-header h2,.backend-title{font-size:24px!important}.back-home-btn,.back-home-btn-backend{padding:10px 20px!important;font-size:14px!important}.fe-grid,.backend-grid{grid-template-columns:1fr!important;gap:12px!important}.fe-card,.skill-card{padding:20px!important}.card-icon,.card-icon-backend{font-size:32px!important}.fe-card h4,.skill-card h4{font-size:16px!important}.fe-card p,.skill-card p{font-size:13px!important}}@media screen and (max-width:830px){#zara-case-study-page{padding-top:56px!important}.zara-hero{padding:80px 20px 48px!important}.zara-category{font-size:11px!important;letter-spacing:2px!important}.zara-hero-title{font-size:28px!important}.zara-subtitle{font-size:14px!important}.zara-main{padding:40px 20px!important}.zara-section-header{flex-direction:column!important;gap:8px!important;margin-bottom:24px!important;padding-bottom:16px!important}.zara-section-number{font-size:24px!important}.zara-section-title{font-size:18px!important}.zara-paragraph{font-size:14px!important}.zara-metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.zara-metric-value{font-size:24px!important}.zara-metric-title{font-size:10px!important}.zara-metric-description{font-size:12px!important}}@media screen and (max-width:830px){.admin-login-page{padding:20px!important}.admin-login-box{padding:24px 20px!important}.admin-login-box h1{font-size:20px!important}.admin-dashboard-page{padding-top:56px!important}.admin-header{padding:16px 20px!important}.admin-header-content{flex-direction:column!important;gap:12px!important;text-align:center!important}.admin-header h1{font-size:18px!important}.admin-header-actions{gap:8px!important}.refresh-button,.logout-button{padding:8px 16px!important;font-size:13px!important}.admin-content{padding:16px!important}.admin-tabs{flex-direction:column!important;gap:8px!important}.tab-button{padding:12px 16px!important;font-size:14px!important}.admin-tab-content{padding:16px!important}.data-grid{grid-template-columns:1fr!important;gap:12px!important}.data-card{padding:16px!important}}@media screen and (max-width:830px){img,video,iframe,embed,object{max-width:100%!important}h1,h2,h3,h4,h5,h6,p,span,a{word-wrap:break-word!important;overflow-wrap:break-word!important}a:not(.twitter):not(.facebook):not(.linkedin):not(.instagram),button{min-height:44px;display:inline-flex;align-items:center}ul.social-disc.social-links li a{display:block!important;min-height:auto!important}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@media screen and (min-width:600px)and (max-width:830px){ul.thumbs,.portfolio-grid,.learn-grid,.skills-grid,.fe-grid,.backend-grid,.zara-metrics-grid{grid-template-columns:repeat(2,1fr)!important}}