:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;padding:60px 0 0;font-family:Preahvihear,serif;background-color:#11071f;color:#fff}.home-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center}.particles-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.content-overlay{position:relative;z-index:1}.homeimage{max-height:430px;max-width:100%}.preahvihear-regular{font-family:Preahvihear,serif;font-weight:400;font-style:normal}.navmain{background-color:#1a0b2e}.navmain li{color:#fff}.home-container{position:relative;min-height:100vh}.home-particles-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.home-content{position:relative;z-index:2}#home canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.home-section{position:relative;min-height:100vh;overflow:hidden;background:#11071f}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.home-content{position:relative;z-index:2;padding-top:60px}#experience,#skills,#project,#contact{position:relative;z-index:3;background:#11071f}#tsparticles{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.hero-section{min-height:100vh;position:relative;overflow:hidden}.hero-background{background-color:#11071f;min-height:100vh;position:relative}.hero-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 15% 25%,white 1.5px,transparent 1.5px),radial-gradient(circle at 85% 75%,white 1.5px,transparent 1.5px),radial-gradient(circle at 35% 85%,white 1.5px,transparent 1.5px),radial-gradient(circle at 95% 15%,white 1.5px,transparent 1.5px),radial-gradient(circle at 5% 95%,white 1.5px,transparent 1.5px),radial-gradient(circle at 75% 5%,white 1.5px,transparent 1.5px),radial-gradient(circle at 50% 50%,white 1px,transparent 1px),radial-gradient(circle at 25% 75%,white 1px,transparent 1px),radial-gradient(circle at 65% 35%,white 1px,transparent 1px);background-size:300px 300px,250px 250px,280px 280px,200px 200px,320px 320px,180px 180px,150px 150px,220px 220px,270px 270px;background-position:0 0,60px 60px,120px 120px,180px 180px,240px 240px,300px 300px,150px 150px,75px 75px,225px 225px;opacity:.4;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-content{display:flex;align-items:center;justify-content:space-between;min-height:100vh;padding:0 8%;position:relative;z-index:2;gap:4rem}.hero-left{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.hero-image-container{position:relative}.hero-image-container:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:linear-gradient(45deg,#7a0bc04d,#ffffff1a);border-radius:50%;z-index:-1;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}}.hero-avatar{width:350px;height:350px;border-radius:50%;object-fit:cover;border:6px solid rgba(255,255,255,.15);box-shadow:0 25px 50px #0006,0 0 0 1px #7a0bc033,inset 0 0 20px #ffffff0d;transition:transform .3s ease,box-shadow .3s ease}.hero-avatar:hover{transform:scale(1.02);box-shadow:0 30px 60px #00000080,0 0 0 2px #7a0bc066,inset 0 0 25px #ffffff1a}.hero-right{flex:1;display:flex;justify-content:flex-start;align-items:center;padding-left:2rem}.hero-text{color:#fff;text-align:left;max-width:600px}.hello-text{font-size:1.8rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:15px;position:relative;font-weight:500}.arrow{font-size:2.5rem;color:#fff;position:absolute;left:-40px;top:50%;transform:translateY(-50%) rotate(-45deg);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(-50%) rotate(-45deg) scale(1)}50%{transform:translateY(-50%) rotate(-45deg) scale(1.1)}}.visionary-text{font-size:1.4rem;margin-bottom:1.5rem;opacity:.9;font-weight:400;letter-spacing:.5px}.main-text{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.highlight{color:#7a0bc0;background:linear-gradient(135deg,#7a0bc033,#ffffff26);padding:12px 25px;border-radius:35px;border:2px solid rgba(255,255,255,.8);display:inline-block;margin-top:10px;box-shadow:0 8px 25px #7a0bc066,0 0 0 1px #ffffff1a,inset 0 1px #fff3;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;font-weight:700;letter-spacing:.5px}.highlight:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.highlight:hover{background:linear-gradient(135deg,#7a0bc04d,#fff3);box-shadow:0 12px 35px #7a0bc099,0 0 0 2px #fff3,inset 0 1px #ffffff4d;transform:translateY(-3px) scale(1.02);border-color:#fff}.highlight:hover:before{left:100%}.highlight:active{transform:translateY(-1px) scale(1.01);box-shadow:0 6px 20px #7a0bc080,0 0 0 2px #ffffff26}.tagline{font-size:1.2rem;opacity:.85;font-style:italic;margin-top:2.5rem;line-height:1.6;max-width:500px;position:relative}.tagline:before{content:"";position:absolute;top:-10px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#7A0BC0,transparent)}@media (max-width: 1024px){.hero-content{padding:0 5%;gap:3rem}.hero-avatar{width:300px;height:300px}.main-text{font-size:3rem}}@media (max-width: 768px){.hero-content{flex-direction:column;text-align:center;padding:2rem 5%;gap:2rem}.hero-avatar{width:280px;height:280px;margin-bottom:1rem}.hero-right{padding-left:0;justify-content:center}.hero-text{text-align:center}.main-text{font-size:2.8rem}.hello-text{justify-content:center}.arrow{position:static;transform:rotate(-45deg);animation:none}.tagline:before{left:50%;transform:translate(-50%)}}@media (max-width: 480px){.hero-avatar{width:250px;height:250px}.main-text{font-size:2.2rem}.hello-text{font-size:1.5rem}.visionary-text{font-size:1.2rem}.tagline{font-size:1.1rem}}.exp{margin:10px;background:radial-gradient(circle,#800080cc,#2f006b)}.desc{line-height:1.9rem;justify-content:flex-start}.experience-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.company-name{font-size:1.8rem;font-weight:600;color:#7a0bc0;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.5px}.experience-image-container{height:400px;width:400px;background:radial-gradient(circle at center,#7a0bc01a,#ffffff0d);display:flex;align-items:center;justify-content:center;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px #0000004d;transition:all .3s ease;margin:2rem 0}.experience-image-container:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006;border-color:#7a0bc04d}.experience-image{max-height:100%;max-width:100%;object-fit:cover;border-radius:15px}.text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:2rem}@media (max-width: 1024px){.experience-title{font-size:2.2rem}.company-name{font-size:1.6rem}.experience-image-container{height:350px;width:350px}}@media (max-width: 768px){.experience-title{font-size:2rem;text-align:center;margin-bottom:1.5rem}.company-name{font-size:1.5rem;text-align:center;margin-bottom:2rem}.experience-image-container{height:300px;width:300px;margin:2rem auto}.text-container{padding:1rem;text-align:center;align-items:center}.desc{text-align:center;margin-top:1rem}}@media (max-width: 576px){.experience-image-container{margin-bottom:1.5rem}.desc,.experience-title,.company-name{text-align:left}}@media (max-width: 480px){.experience-title{font-size:1.8rem;margin-bottom:1rem}.company-name{font-size:1.3rem;margin-bottom:1.5rem}.experience-image-container{height:250px;width:250px;margin:1.5rem auto}.text-container{padding:.5rem}.desc{font-size:.95rem;line-height:1.7rem}}.skills-section{padding:2rem 0}.section-title{color:#7a0bc0;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px}.skills-tabs{display:flex;justify-content:center;margin-bottom:3rem}.tab-container{display:flex;background:#ffffff0d;border-radius:50px;padding:.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0003}.tab-button{background:transparent;border:none;color:#fff;padding:1rem 2rem;margin:0 .25rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.tab-button:hover:before{left:100%}.tab-button:hover{color:#7a0bc0;background:#ffffff1a}.tab-button.active{background:linear-gradient(135deg,#7a0bc0,#9b4ddb);color:#fff;box-shadow:0 4px 15px #7a0bc066;transform:translateY(-2px)}.tab-button.active:hover{background:linear-gradient(135deg,#8b1bc0,#ac5deb);transform:translateY(-2px)}.skills-content{min-height:400px;display:flex;justify-content:center;align-items:flex-start}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.skill-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:linear-gradient(135deg,#7a0bc01a,#ffffff0d);border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.skill-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #7a0bc04d;border-color:#7a0bc04d;background:linear-gradient(135deg,#7a0bc026,#ffffff14)}.skill-logo{width:60px;height:60px;object-fit:contain;margin-bottom:1rem;transition:transform .3s ease}.skill-item:hover .skill-logo{transform:scale(1.1)}.skill-name{color:#fff;font-size:.9rem;font-weight:600;text-align:center;line-height:1.2}.soft-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:800px;margin:0 auto;padding:0 1rem;width:100%}.soft-skill-item{background:linear-gradient(135deg,#ffffff1a,#7a0bc01a);border:1px solid rgba(255,255,255,.2);border-radius:25px;padding:1rem 1.5rem;text-align:center;transition:all .3s ease;cursor:pointer}.soft-skill-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #7a0bc033;border-color:#7a0bc066;background:linear-gradient(135deg,#ffffff26,#7a0bc026)}.soft-skill-name{color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1200px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem}.section-title{font-size:2.2rem}.tab-button{padding:.8rem 1.5rem;font-size:.9rem}}@media (max-width: 768px){.skills-tabs{margin-bottom:2rem}.tab-container{flex-direction:column;border-radius:25px;padding:.5rem}.tab-button{margin:.25rem 0;border-radius:20px;padding:.8rem 1.2rem;font-size:.85rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem;padding:0 .5rem}.skill-item{padding:1rem}.skill-logo{width:50px;height:50px}.skill-name{font-size:.8rem}.section-title{font-size:2rem;margin-bottom:1.5rem}.soft-skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:0 .5rem}.soft-skill-item{padding:.8rem 1.2rem}.soft-skill-name{font-size:.9rem}}@media (max-width: 480px){.tab-button{padding:.6rem 1rem;font-size:.8rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.skill-item{padding:.8rem}.skill-logo{width:40px;height:40px;margin-bottom:.5rem}.skill-name{font-size:.75rem}.section-title{font-size:1.8rem}.soft-skills-grid{grid-template-columns:1fr;gap:.8rem}}.image-container{height:300px;width:520px;background:radial-gradient(circle at left,#2b0b3a,#300743);display:flex;align-items:center;justify-content:center}.image{max-height:100%;max-width:100%;object-fit:cover}.text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}button{position:relative;background:transparent;color:#fff;padding:10px 20px;font-size:16px;border:2px solid white;cursor:pointer;overflow:hidden;transition:color .4s ease-in-out;z-index:1}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#7a0bc0;border-radius:50%;transition:width .5s ease-in-out,height .5s ease-in-out;transform:translate(-50%,-50%);z-index:-1}button:hover{color:#fff}button:hover:before{width:300%;height:300%}.project-card-container{margin-bottom:2rem;padding:0 1rem}.project-card{background:linear-gradient(135deg,#1a0b2e,#2b0b3a);border:1px solid rgba(255,255,255,.1);border-radius:15px;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 30px #0000004d;height:400px;width:100%;max-width:400px;margin:0 auto}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006;border-color:#7a0bc04d}.card-image-container{height:160px;overflow:hidden;background:linear-gradient(45deg,#7a0bc01a,#ffffff0d)}.card-img-top{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .card-img-top{transform:scale(1.05)}.card-body{padding:1.2rem;background:transparent;display:flex;flex-direction:column;height:240px}.card-title{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.8rem;text-align:center}.card-text{color:#ccc;font-size:.9rem;line-height:1.5;margin-bottom:1rem;text-align:center;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.btn-primary{background:linear-gradient(135deg,#7a0bc0,#9b4ddb);border:none;border-radius:25px;padding:8px 20px;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 15px #7a0bc04d;margin-top:auto}.btn-primary:hover{background:linear-gradient(135deg,#8b1bc0,#ac5deb);transform:translateY(-2px);box-shadow:0 6px 20px #7a0bc080}@media (max-width: 1200px){.col-lg-4{flex:0 0 50%;max-width:50%}.project-card{max-width:300px}}@media (max-width: 768px){.col-lg-4,.col-md-6{flex:0 0 100%;max-width:100%}.project-card{margin:0 auto;max-width:280px;height:380px}.card-image-container{height:140px}.card-body{height:240px;padding:1rem}.card-title{font-size:1.1rem}.card-text{font-size:.85rem;-webkit-line-clamp:3}}input{margin-bottom:25px;gap:15px}p.error{color:red}i:hover{cursor:pointer;color:#7a0bc0;transition:color .4s ease-in-out}.achievements-section{padding:2rem 0}.achievement-card{background:linear-gradient(135deg,#1a0b2e,#2b0b3a);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 10px 30px #00000059;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;height:100%}.achievement-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000073;border-color:#7a0bc059}.achievement-content{padding:1.5rem}.achievement-title{color:#fff;font-weight:700;font-size:1.4rem;margin-bottom:.25rem}.achievement-subtitle{color:#bfa3d7;margin-bottom:.75rem;font-weight:600}.achievement-text{color:#d9d9d9;line-height:1.6;margin-bottom:1rem}.achievement-btn{border-radius:24px;padding:.5rem 1.1rem}@media (max-width: 768px){.achievement-title{font-size:1.2rem}.achievement-text{font-size:.95rem}}
