@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Outfit:wght@100..900&family=Quicksand:wght@300..700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";.header{position:relative;height:100vh;display:flex;align-items:center;justify-content:left;width:100%;max-width:100%;padding:0 5vw;box-sizing:border-box}.header-content{position:relative;z-index:2;text-align:left;max-width:100%}.header h1{font-size:5vw;font-weight:400;color:#fff;white-space:nowrap}.header h3{font-size:2vw;margin-top:10px;font-weight:400;color:#a1a1a1;white-space:nowrap}.name{color:#fff;font-weight:700;font-family:Nunito Sans,sans-serif}.role{color:#d4d4d4;font-weight:700;font-family:Nunito Sans,sans-serif}.header-image{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover;max-width:100%}@media (max-width: 1024px){.header h1{font-size:6vw}.header h3{font-size:3vw}}@media (max-width: 768px){.header{flex-direction:column;text-align:center;justify-content:center}.header-content{text-align:center;padding:5%}.header h1{font-size:7vw}.header h3{font-size:3.5vw}}@media (max-width: 480px){.header h1{font-size:8vw}.header h3{font-size:4vw}.header-content{text-align:center;padding:10%}}.tagline{min-height:30vh;display:flex;align-items:center;justify-content:center;background-color:#121212;color:#fff;text-align:center;font-weight:700;width:100%;max-width:100%;padding:20px}.text-container{display:flex;flex-direction:row;align-items:center;gap:20px;position:relative;flex-wrap:wrap;justify-content:center}.word{opacity:0;font-size:3.5rem;transition:font-size .3s ease}.line{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);height:5px;background-color:#fc0;width:0%}@media (max-width: 1024px){.word{font-size:3rem}}@media (max-width: 768px){.text-container{flex-direction:column;gap:10px}.word{font-size:2.5rem}.line{width:80%}}@media (max-width: 480px){.word{font-size:2rem}.line{width:60%}}.about-me-section{background-color:#121212;padding:50px 20px;text-align:center;width:100%;max-width:100%}.about-me-container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;max-width:1200px;margin:0 auto;color:#fff;gap:40px}.about-me-image img{max-width:100%;height:550px;border-radius:20px;transition:all .3s ease-in-out}.about-me-image img:hover{box-shadow:0 0 20px var(--accent-color);transform:scale(1.05)}.about-me-content{max-width:50%;text-align:left;padding:0 20px;line-height:1.8}.about-me-content h2{font-size:3.5rem;font-weight:800;margin-bottom:20px;position:relative}.subtext{font-size:1.5rem}.text-clr{color:var(--accent-color)}.about-me-content ul{list-style:none;padding:0;margin-bottom:20px}.about-me-content ul li{font-size:1.1rem;margin-bottom:12px}.download-cv{align-items:center;border-radius:50px;border:2px solid #fbc531;padding:15px 30px;font-size:18px;font-weight:500;margin-top:20px;cursor:pointer;background-color:transparent;color:#fbc531;transition:background-color .3s ease,color .3s ease}.download-cv:hover{background-color:#d4a017;color:#fff}@media (max-width: 1024px){.about-me-container{flex-direction:column}.about-me-content{text-align:center;max-width:90%}.about-me-image img{height:400px}}@media (max-width: 768px){.about-me-image img{height:350px}}.skills-section{background-color:#121212;color:#fff;padding:50px 20px;width:100%;max-width:100%}.skills-section h2{font-weight:700;font-size:48px;padding-bottom:100px;text-align:center}.skills-container{display:flex;flex-wrap:wrap;justify-content:space-around;gap:30px;max-width:1200px;margin:0 auto}.flip-card{background-color:transparent;width:350px;height:450px;perspective:1000px;transition:transform .3s ease-in-out}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease-in-out}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center;box-sizing:border-box}.flip-card-front{background-color:#1e1e1e}.flip-card-front h3{margin-top:10px;font-size:1.5rem;color:#fc0}.skills-icon,.skills-icon-back{font-size:60px;color:#fc0;margin-bottom:10px}.flip-card-back{background-color:#1e1e1e;color:#fff;transform:rotateY(180deg)}.skills-card{width:100%;height:100%;background-color:#1e1e1e;padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 12px #0003}.skills-card h3{margin-top:10px;font-size:1.5rem;color:#fc0}.skills-card h4{margin-top:15px;color:#fc0}.skills-card p,.skills-card ul{font-size:1rem;margin-top:10px;color:#b8b8b8}.skills-card ul{list-style:none;padding:0}.skills-card ul li{margin:8px 0}@media (max-width: 768px){.flip-card{width:100%}}.latestwork-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;width:100%;max-width:100%;background-color:#121212;color:#fff;padding:50px 20px}.latestwork-title h1{font-size:60px;font-weight:600;text-align:center}.latestwork-container{display:flex;justify-content:center;gap:50px;max-width:1200px;width:100%}.latestwork-link img{width:100%;max-width:450px;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.latestwork-link:hover img{transform:scale(1.1);box-shadow:0 10px 20px #ffc83266}.latestwork-showmore{display:flex;align-items:center;gap:10px;border-radius:50px;border:2px solid #fbc531;padding:15px 35px;font-size:20px;font-weight:500;transition:.3s ease;cursor:pointer;color:#fbc531}.latestwork-showmore:hover{background-color:#d4a017;color:#fff;transform:scale(1.05)}@media (max-width: 1024px){.latestwork-container{flex-wrap:wrap;gap:20px}.latestwork-title h1{font-size:45px}}@media (max-width: 768px){.latestwork-container{flex-direction:column;align-items:center}.latestwork-title h1{font-size:35px}.latestwork-showmore{font-size:18px;padding:12px 30px}}@media (max-width: 480px){.latestwork-title h1{font-size:28px}}.about-achievements{display:flex;justify-content:center;align-items:center;background-color:#121212;color:#fff;padding:40px;border-radius:10px;text-align:center;gap:40px;width:100%;max-width:100%}.about-achievement{flex:1;padding:20px;transition:all .3s ease-in-out;position:relative;border-radius:10px}.about-achievement:hover{transform:scale(1.1);box-shadow:0 0 20px #ffc83299}.separator{height:4px;width:100%;background-color:#fbc531;margin:15px auto}h1{font-size:3.5rem;font-weight:700;margin:10px 0}p{font-size:1.3rem;margin:5px 0}@media (max-width: 768px){.about-achievements{flex-direction:column}h1{font-size:2.5rem}p{font-size:1.1rem}}@keyframes fadeInOut{0%,to{opacity:.2}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#1a1a1a;display:flex;align-items:center;justify-content:center;z-index:9999}.loader{display:flex;flex-direction:column;align-items:center}.loader-spinner{width:50px;height:50px;border:5px solid rgba(251,197,49,.3);border-top-color:#fbc531;border-radius:50%;animation:spin 1.2s linear infinite}.loader-text{font-family:Arial,sans-serif;color:#fbc531;font-size:1.5em;animation:fadeInOut 2s ease-in-out infinite;letter-spacing:.1em;margin-top:15px}@media (max-width: 768px){.loader-text{font-size:1.2em}.loader-spinner{width:40px;height:40px}}@media (max-width: 480px){.loader-text{font-size:1em}.loader-spinner{width:30px;height:30px}}.resume-container{background-color:#121212;color:#fff;padding:50px 20px;border-radius:10px;text-align:center;width:90%;max-width:900px;margin:100px auto 170px;transition:all .3s ease-in-out}.resume-container:hover{box-shadow:0 10px 40px #ffc83233}.resume-title{font-size:50px;font-weight:700;color:#fbc531;margin-bottom:50px;text-transform:uppercase}.resume-frame{display:flex;justify-content:center}.resume-pdf{width:100%;max-width:750px;height:80vh;border-radius:10px;box-shadow:0 5px 15px #ffc83233;transition:transform .3s ease}.resume-pdf:hover{transform:scale(1.02)}.download-button{display:inline-flex;align-items:center;justify-content:center;background-color:#fbc531;color:#121212;padding:14px 25px;font-size:18px;font-weight:600;border-radius:50px;text-decoration:none;box-shadow:0 5px 10px #ffc83233;transition:all .3s ease-in-out;margin-top:30px}.download-button:hover{background-color:#d4a017;transform:scale(1.1);box-shadow:0 8px 20px #ffc8324d}.download-icon{margin-right:10px;font-size:20px}@media (max-width: 768px){.resume-title{font-size:35px}.resume-container{width:95%;padding:30px}.resume-pdf{height:65vh}.download-button{padding:12px 20px;font-size:16px}}@media (max-width: 480px){.resume-title{font-size:30px}.resume-pdf{height:50vh}.download-button{padding:10px 18px;font-size:14px}}html,body{margin:0;padding:0;width:100%;max-width:100%!important}*{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;overflow:hidden}:root{--accent-color: #ffcc00}body{font-family:Quicksand,sans-serif;background-color:#121212}button{cursor:pointer}.text-hovering:hover{color:#fff;text-shadow:0 0 15px var(--accent-color)}@media (max-width: 768px){html,body{overflow-x:hidden;width:100%}.header{max-width:100%}.header h1{font-size:36px}.header p{font-size:18px}.work-buttons button{font-size:14px}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 100px;position:fixed;width:100%;max-width:100%;top:0;z-index:1000;transition:all .3s ease-in-out;background-color:transparent}.navbar.scrolled{background-color:#fff;padding:10px 20px;box-shadow:0 4px 10px #0000001a}.navbar .logo{font-size:30px;font-weight:700;color:#fff;cursor:pointer;transition:color .3s ease}.navbar.scrolled .logo{color:#000}.nav-buttons{display:flex;gap:20px}.nav-buttons button{padding:10px 20px;border:2px solid transparent;background-color:transparent;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.nav-buttons button:hover{color:#c1b7b7;transform:scale(1.1)}.active{color:#c1b7b7;text-shadow:0 0 15px var(--accent-color)}.navbar.scrolled .nav-buttons button{color:#000}.hire-button{padding:10px 20px;border:2px solid #ffcc00;border-radius:25px;background-color:transparent;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.hire-button:hover{background-color:#fc0;color:#000;transform:scale(1.05)}.navbar.scrolled .hire-button{color:#000}.hamburger-menu{display:none;cursor:pointer;color:#fff}.navbar.scrolled .hamburger-menu{color:#000}.mobile-menu{position:absolute;top:100%;left:0;width:100%;background:#000000e6;padding:30px 20px;display:flex;flex-direction:column;gap:15px;text-align:center;transform:translateY(-100%);transition:transform .3s ease-in-out;visibility:hidden;opacity:0;pointer-events:none;box-shadow:0 4px 10px #00000080}.mobile-menu.open{transform:translateY(0);visibility:visible;opacity:1;pointer-events:auto}.mobile-menu button{background:none;border:none;color:#fff;font-size:18px;font-weight:600;padding:15px;cursor:pointer;transition:all .3s ease}.mobile-menu button:hover{color:#fc0}.mobile-hire-button{border:2px solid #ffcc00;border-radius:25px;padding:10px 20px;font-size:18px;font-weight:700;color:#fc0;background:transparent;cursor:pointer;transition:all .3s ease}.mobile-hire-button:hover{background:#fc0;color:#000}@media (max-width: 768px){.navbar{padding:20px}.nav-buttons,.hire-button{display:none}.hamburger-menu{display:block}}.footer{background-color:#121212;padding:40px 20px;text-align:center;width:100%;max-width:100%}.footer-container{display:flex;padding-top:80px;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.footer h2{font-weight:600;font-size:48px;color:#fff}.footer p{font-weight:500;font-size:24px;color:#fff}.footer-Text{text-align:center}.contact-info p{font-size:18px;font-weight:600;margin:5px 0;color:#fff}.contact-info p strong{color:#fc0}.contact-info a{color:#fff;text-decoration:none;transition:color .3s ease}.social-icons{margin-top:10px}.social-icons a{color:#fff;font-size:22px;margin:0 15px;transition:transform .3s ease,color .3s ease}.social-icons a:hover{transform:scale(1.2)}.social-icons a:hover .linkedin{color:#288ce9}.social-icons a:hover .github{color:#fff;border-radius:60px}.social-icons a:hover .youtube{color:red}.social-icons a:hover .gmail{color:#ff4343}.contact-btn{background-color:#000;color:#fff;padding:12px 24px;font-size:18px;font-weight:700;border:2px solid transparent;cursor:pointer;transition:all .3s ease;border-radius:8px}.contact-btn:hover{background-color:#fff;color:#000;border:2px solid black;transform:scale(1.05)}@media (max-width: 768px){.footer-container{flex-direction:column;text-align:center}.footer h2{font-size:36px}.footer p{font-size:18px}.contact-info p{font-size:16px}.social-icons a{font-size:20px;margin:0 10px}}@media (max-width: 480px){.footer h2{font-size:30px}.footer p{font-size:16px}.contact-info p{font-size:14px}.social-icons a{font-size:18px}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#121212;color:#fff;text-align:center;width:100%;max-width:100%}.not-found-image{width:300px;margin-bottom:20px}.not-found-button{align-items:center;gap:5px;border-radius:50px;border:2px solid #fbc531;padding:10px 20px;font-size:16px;font-weight:500;margin:20px;transition:.6s;cursor:pointer;background-color:transparent;color:#fbc531}.not-found-button:hover{background-color:#d4a017;color:#fff;gap:30px;transition:.65s}h1{font-size:2.5rem;margin:10px 0}p{font-size:1.2rem}@keyframes appear{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;background-color:#121212;color:#fff;padding:50px 20px;max-width:1200px;margin:0 auto}.mywork-title h1{font-size:60px;font-weight:600;text-align:center;padding-top:70px}.filter-buttons{display:flex;gap:20px;margin-bottom:40px;justify-content:center;flex-wrap:wrap}.filter-button{padding:14px 24px;font-size:16px;font-weight:600;color:#121212;background-color:#fbc531;border:none;border-radius:20px;box-shadow:0 4px 10px #0003;cursor:pointer;transition:all .3s ease}.filter-button:hover{background-color:#d4a017;color:#fff;transform:translateY(-2px)}.filter-button.active{background-color:#d4a017;color:#fff;box-shadow:0 6px 15px #0000004d;transform:scale(1.05)}.project-row{display:flex;justify-content:center;gap:50px;animation:appear linear both;animation-timeline:view();animation-range:entry 0% cover 40%;margin-bottom:50px}.project-link{display:flex;justify-content:center;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.project-link img{width:100%;max-width:450px;border-radius:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.project-link:hover img{transform:scale(1.1);box-shadow:0 10px 20px #ffc83266}@media (max-width: 1024px){.project-row{flex-wrap:wrap;justify-content:space-around}}@media (max-width: 768px){.project-row{flex-direction:column;align-items:center}.mywork{gap:40px;margin:30px 20px}.mywork-title h1{font-size:35px}.filter-buttons{justify-content:center}.filter-button{padding:10px 18px;font-size:14px}}@media (max-width: 480px){.mywork-title h1{font-size:28px}.project-row{gap:30px;margin-bottom:40px}}.custom-cursor{position:fixed;width:12px;height:12px;background-color:var(--accent-color);border-radius:50%;pointer-events:none;z-index:9999;transition:transform .1s ease-out;box-shadow:0 0 10px var(--accent-color),0 0 20px var(--accent-color)}@media (max-width: 768px){.custom-cursor{display:none}}._whatsapp_1ky6c_1{position:fixed;bottom:20px;right:20px;background-color:#25d366;color:#fff;border-radius:50%;padding:15px;box-shadow:0 4px 12px #0000004d;z-index:1000;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;font-size:20px}._whatsapp_1ky6c_1:hover{transform:scale(1.1)}@media (max-width: 768px){._whatsapp_1ky6c_1{bottom:15px;right:15px;padding:12px;font-size:18px}}@media (max-width: 480px){._whatsapp_1ky6c_1{bottom:10px;right:10px;padding:10px;font-size:16px}}