body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{border:2px solid #67e8f933;border-radius:25px;left:50%;padding:1.2rem 2.5rem;position:fixed;top:40px;transform:translateX(-50%);transition:all .4s ease;width:50%;z-index:50}.navbar.scrolled{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:#0f172acc;box-shadow:0 2px 20px #06b6d433}.navbar-container{align-items:center;border-radius:1rem;display:flex;justify-content:space-between;padding:.75rem 1.5rem;transition:all .3s ease}.logo{color:#67e8f9;font-size:1.5rem;font-weight:700;text-shadow:0 0 12px #06b6d499}.nav-links{display:flex;gap:1.5rem;transition:all .3s ease}.nav-link{background:#0000;border:none;color:#bae6fd;cursor:pointer;font-size:1rem;text-transform:capitalize;transition:color .3s ease}.nav-link:hover{color:#22d3ee}.nav-link.active{border-bottom:2px solid #06b6d4;color:#06b6d4}.menu-btn{display:none}.navbar.scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293bb3;transition:background .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}@media (max-width:768px){.navbar{left:50%;padding:.75rem 1rem;transform:translateX(-50%);width:90%}.menu-btn{align-items:center;background:#0f172a66;border:none;border-radius:12px;box-shadow:0 0 8px #06b6d433;color:#67e8f9;display:flex;justify-content:center;padding:.5rem}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;border-bottom:1px solid #67e8f933;flex-direction:column;left:0;opacity:0;padding:1rem 0;position:absolute;text-align:center;top:4rem;transform:translateY(-120%);transition:all .4s ease;width:100%}.nav-links.open{opacity:1;transform:translateY(0)}}.hero-left-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center;z-index:2}.hero-main-title{font-size:4rem;font-weight:700;margin-bottom:1rem;margin-top:9rem}.hero-sub-title{font-size:2.5rem;margin-bottom:1rem}.highlighted-name{color:#00f0ff;font-weight:700}.hero-description{font-size:1.2rem;line-height:1.8;margin-bottom:2rem;max-width:700px}.tech-tag{color:#00f0ff;font-weight:600;margin:0 .2rem}.hero-button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-btn{align-items:center;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid #ffffff40;border-radius:1rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.primary-btn{background:#1e293b59;color:#00f0ff;width:-webkit-fit-content;width:fit-content}.primary-btn:hover{background:#00f0ff26;color:#fff;transform:translateY(-3px)}.secondary-btn{background:#ffffff1a;color:#fff}.secondary-btn:hover{background:#ffffff40;color:#00f0ff;transform:translateY(-3px)}.resume-btn{background:#00ffff1a;color:#00f0ff}.resume-btn:hover{background:#00ffff40;color:#fff;transform:translateY(-3px)}@media (max-width:1024px){.hero-main-title{font-size:3.5rem}.hero-sub-title{font-size:2.2rem}.hero-description{font-size:1.1rem}}@media (max-width:768px){.hero-main-title{font-size:3rem;margin-top:1.5rem}.hero-sub-title{font-size:2rem}.hero-description{font-size:1rem}.hero-button-group{justify-content:center}.hero-blob-shape{height:200px;width:200px}.hero-ring-effect{height:250px;width:250px}}@media (max-width:468px){.hero-button-group{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin:0 auto;max-width:300px}.hero-btn{flex:1 1 45%;max-width:140px;min-width:120px;text-align:center}}.hero_ui_wrapper{background:none;box-sizing:border-box;display:flex;justify-content:center;min-height:-webkit-fit-content;min-height:fit-content;padding:36px 24px}.hero_ui_card{grid-gap:28px;align-items:center;backdrop-filter:blur(4px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(100%);background:#1e293b59;border:1px solid #67e8f940;border-radius:1.2rem;box-shadow:0 8px 30px #06b6d426;display:grid;gap:28px;grid-template-columns:1fr 420px 260px;margin:2%;max-width:1180px;overflow:visible;padding-left:1.5rem;padding-right:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;width:100%}.hero_ui_left .hero_ui_intro{color:#6b7280;font-size:14px;margin:0 0 6px}.hero_ui_left .hero_ui_name{color:#fff;font-size:46px;font-weight:800;letter-spacing:-1px;margin:0 0 12px}.hero_ui_left .hero_ui_tagline{color:#cbd5e1;font-size:15px;line-height:1.7;margin-bottom:20px;max-width:420px}.hero_ui_left .hero_ui_socials{display:flex;gap:12px;margin-top:18px}.hero_ui_btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;color:#e2e8f0;font-size:14px;font-weight:600;padding:10px 14px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.hero_ui_btn:hover{box-shadow:0 8px 20px #67e8f933;transform:translateY(-4px)}.hero_ui_center{align-items:center;display:flex;justify-content:center;position:relative}.hero_ui_profile_frame{background:none!important;border:none!important;border-radius:0;box-shadow:none!important;height:-webkit-max-content;height:max-content;padding:0;width:-webkit-max-content;width:max-content}.hero_ui_profile_img{border-radius:0!important;box-shadow:none!important;display:block;height:70vh;object-fit:contain!important;width:100%}.hero_ui_right{align-items:center;display:flex;flex-direction:column;gap:18px}.hero_ui_skill_card{align-items:center;background:#ffffff14;border:1px solid #67e8f940;border-radius:14px;box-shadow:0 8px 22px #06b6d426;color:#e2e8f0;display:flex;font-weight:700;justify-content:center;min-height:110px;padding:14px;width:220px}@media (max-width:1100px){.hero_ui_card{gap:20px;grid-template-columns:1fr 1fr;padding:26px}.hero_ui_left{order:-1}.hero_ui_center{order:0}.hero_ui_profile_frame{margin:initial}.hero_ui_profile_img{height:50vh;max-height:500px}.hero_ui_right{flex-direction:row;flex-wrap:wrap;grid-column:1/-1;justify-content:center;order:1}.hero_ui_skill_card{width:160px}.hero_ui_left .hero_ui_name{font-size:36px}}@media (max-width:640px){.hero_ui_wrapper{padding:18px 10px}.hero_ui_card{grid-gap:14px;border-radius:1rem;display:grid;gap:14px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin:0;padding:18px}.hero_ui_center{order:0}.hero_ui_left{order:0;text-align:left}.hero_ui_right{display:flex;gap:8px;grid-column:1/-1;justify-content:center;order:1}.hero_ui_skill_card{flex:1 1 30%;font-size:12px;min-height:68px;min-width:0;padding:10px;text-align:center}.hero_ui_profile_img{height:25vh;max-height:200px;object-fit:contain}.hero_ui_left .hero_ui_name{font-size:26px}.hero_ui_left .hero_ui_tagline{font-size:13px;line-height:1.5;max-width:100%}.hero_ui_btn{font-size:12px;padding:7px 10px}}@media (max-width:468px){.hero_ui_card{gap:10px;grid-template-columns:1fr 1fr;padding:14px}.hero_ui_left{text-align:left}.hero_ui_profile_img{height:20vh;max-height:150px}.hero_ui_left .hero_ui_name{font-size:22px}.hero_ui_left .hero_ui_tagline{font-size:12px;line-height:1.4}.hero_ui_btn{font-size:11px;padding:6px 8px}.hero_ui_skill_card{font-size:11px;min-height:55px;padding:6px}}@media (max-width:438px){.hero_ui_card{gap:8px;grid-template-columns:1fr 1fr;padding:12px}.hero_ui_profile_img{height:18vh;max-height:135px}.hero_ui_left .hero_ui_intro{font-size:11px}.hero_ui_left .hero_ui_name{font-size:20px}.hero_ui_left .hero_ui_tagline{font-size:11px;line-height:1.35}.hero_ui_btn{border-radius:10px;font-size:10px;padding:5px 7px}.hero_ui_skill_card{flex:1 1 30%;font-size:10px;min-height:50px;padding:5px;text-align:center;word-break:break-word}}.projects-section{background:#0000;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem 2rem}.projects-header{color:#fff;margin-bottom:3rem;text-align:center}.projects-header h2{font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:.5rem}.projects-header p{font-size:1.1rem;opacity:.8}.projects-container{align-items:center;display:flex;margin:0 auto;max-width:1400px;position:relative;width:100%}.projects-scroll-wrapper{-ms-overflow-style:none;display:flex;gap:2rem;overflow-x:auto;padding:2rem 1rem;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.projects-scroll-wrapper::-webkit-scrollbar{display:none}.project-card{backdrop-filter:blur(4px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(100%);background:#1e293b59;border:1px solid #67e8f940;border-radius:1.2rem;box-shadow:0 8px 30px #06b6d426;display:flex;flex:0 0 auto;flex-direction:column;height:65vh;max-width:900px;overflow:hidden;position:relative;scroll-snap-align:center;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;width:85vw}.project-card:hover{background:#1e293b73;border-color:#67e8f966;box-shadow:0 15px 40px #06b6d433;transform:translateY(-5px)}.project-image-container{height:60%;overflow:hidden;position:relative;width:100%}.project-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{background:linear-gradient(180deg,#0000 0,#000c);height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.project-content{display:flex;flex-direction:column;height:45%;justify-content:space-between;padding-bottom:2rem;padding-left:2rem;padding-right:2rem}.project-title{backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);background:#ffffff14;border:1px solid #ffffff2e;border-radius:40px;color:#fff;font-size:.7rem;font-weight:500;letter-spacing:.4px;padding:8px 18px;transition:all .3s ease}.project-description{color:#ffffffd9;font-size:.9rem;line-height:1.45;margin-top:10px}.project-tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 15px}.project-actions{display:flex;gap:1rem;margin-top:auto}.project-actions a{align-items:center;border-radius:12px;display:flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-live{background:#fff;color:#000}.btn-live:hover{background:#e0e0e0;box-shadow:0 0 15px #ffffff4d}.btn-code{background:#0000;border:1px solid #ffffff4d;color:#fff}.btn-code:hover{background:#ffffff1a;border-color:#fff}.scroll-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.scroll-btn:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.scroll-btn.left{left:1rem}.scroll-btn.right{right:1rem}@media (min-width:768px){.project-card{height:70vh;width:70vw}}@media (min-width:1024px){.project-card{height:80vh;width:60vw}.project-title{font-size:2.2rem}}@media (max-width:768px){.scroll-btn{display:none}.projects-section{padding:2rem 0}.project-card{margin:0 5vw;width:90vw}}.skills-title{animation:fadeInDown .8s ease-out;color:#fff;font-size:3rem;font-weight:700;margin-bottom:3rem;text-align:center;text-shadow:2px 2px 20px #0000004d}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);margin:0 auto;max-width:1200px;padding:1rem}.skill-icon{filter:drop-shadow(0 0 10px rgba(0,0,0,.3));height:60px;margin-bottom:1rem;object-fit:contain;position:relative;width:60px!important;z-index:1}.skill-card{align-items:center;animation:fadeInUp .6s ease-out backwards,float 6s ease-in-out infinite;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);background:#1e293b1a;border:1px solid #67e8f940;border-radius:.9rem;box-shadow:0 6px 22px #06b6d41f;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:150px;overflow:hidden;padding:1.8rem 1.2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.skill-card:hover{background:#1e293b73;box-shadow:0 15px 40px #06b6d433;transform:translateY(-5px)}.skill-card:before{background:var(--skill-color);content:"";inset:0;opacity:.15;position:absolute;transition:opacity .3s ease;z-index:0}.skill-card:hover:before{opacity:.25}.skill-name{color:#fff;font-size:1.5rem;font-weight:700;position:relative;text-align:center;text-shadow:1px 1px 10px #00000080;z-index:1}.skill-card:first-child{grid-column:1;grid-row:1}.skill-card:nth-child(2){grid-column:2;grid-row:1}.skill-card:nth-child(3){grid-column:3;grid-row:1/span 2}.skill-card:nth-child(4){grid-column:4;grid-row:1}.skill-card:nth-child(5){grid-column:5;grid-row:1}.skill-card:nth-child(6){grid-column:1;grid-row:2}.skill-card:nth-child(7){grid-column:2;grid-row:2}.skill-card:nth-child(8){grid-column:4;grid-row:2}.skill-card:nth-child(9){grid-column:5;grid-row:2}.skill-card.javascript{min-height:-webkit-fit-content;min-height:fit-content}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.skill-card:first-child{grid-column:1;grid-row:1}.skill-card:nth-child(2){grid-column:2;grid-row:1}.skill-card:nth-child(3){grid-column:3;grid-row:1/span 2}.skill-card:nth-child(4){grid-column:1;grid-row:2}.skill-card:nth-child(5){grid-column:2;grid-row:2}.skill-card:nth-child(6){grid-column:1;grid-row:3}.skill-card:nth-child(7){grid-column:2;grid-row:3}.skill-card:nth-child(8){grid-column:3;grid-row:3}.skill-card:nth-child(9){grid-column:1/span 2;grid-row:4}}@media (max-width:768px){.skills-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)!important}.skills-grid .skill-card{grid-column:auto!important;grid-row:auto!important}.skills-grid .skill-card:nth-child(3){grid-column:1/span 2!important;grid-row:3!important;min-height:150px}}@media (max-width:480px){.skills-grid{grid-template-columns:repeat(2,1fr)!important}.skill-icon{height:48px;width:48px!important}.skill-name{font-size:1.15rem}}.glass-section{align-items:center;color:#e0f2fe;display:flex;justify-content:center;padding:4rem 1rem;width:100%}.contact-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;max-width:100%;width:92.5%}.contact-title{color:#06b6d4;font-size:2rem;font-weight:600;margin-bottom:1rem;text-align:center}.contact-details{flex:1 1;min-width:280px}.slogan{color:#bae6fd;font-size:1.2rem;font-style:italic;margin-bottom:20px;transition:transform .4s,opacity .4s}.slogan.fall{opacity:0;transform:rotateX(90deg)}.slogan.rise{opacity:0;transform:rotateX(-90deg)}.slogan.show{opacity:1;transform:rotateX(0deg)}.contact-cards-container{display:flex;flex-direction:column;gap:1rem}.glass-card-contact{backdrop-filter:blur(4px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(100%);background:#1e293b59;border:1px solid #67e8f940;border-radius:1.2rem;box-shadow:0 8px 30px #06b6d426;margin:2%;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.glass-card-contact:hover{background:#1e293b73;box-shadow:0 15px 40px #06b6d433;transform:translateY(-5px)}.contact-card{align-items:center;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:#1e293b80;border:1px solid #67e8f94d;border-radius:1.2rem;box-shadow:0 0 25px #06b6d433;display:flex;flex-direction:column;gap:.2rem;padding:1.5rem;transition:all .3s ease}.contact-card:hover{background:#1e293b73;box-shadow:0 15px 40px #06b6d433;transform:translateY(-5px)}.contact-card img{width:50px}.phone img{filter:brightness(0) invert(1)}form{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-width:280px}.contact-input,.contact-textarea{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:#1e293b66;border:1px solid #67e8f94d;border-radius:10px;color:#e0f7fa;font-size:1rem;outline:none;padding:.8rem 1rem;transition:.3s}.contact-input::placeholder,.contact-textarea::placeholder{color:#e0f7fab3}.contact-input:focus,.contact-textarea:focus{border-color:#06b6d4;box-shadow:0 0 10px #06b6d480}.contact-button-send{-webkit-backdrop-filter:blur(4px) saturate(120%);backdrop-filter:blur(4px) saturate(120%);background:#1e293bb3;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem;transition:background .3s ease,border .3s ease}.contact-button-send:hover{background:#1e293bd9;border:1px solid #fff6;box-shadow:0 15px 40px #06b6d433;transform:translateY(-2px)}.contact-card-socialmedia{flex-direction:column;margin-top:1rem;padding:1rem}.contact-card-socialmedia,.social-icons{align-items:center;display:flex;gap:1rem}.social-icons{justify-content:center}.social-icons img{-webkit-backdrop-filter:blur(6px) saturate(150%);backdrop-filter:blur(6px) saturate(150%);background:#1e293b66;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0003;cursor:pointer;padding:8px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;width:40px}.social-icons img:hover{background:#1e293b99;border-color:#06b6d480;box-shadow:0 8px 25px #06b6d466;transform:scale(1.2)}@media (max-width:768px){.contact-container{align-items:center;flex-direction:column;width:83%}.glass-card-contact{width:83%}}.edu-section{align-items:center;display:flex;flex-direction:column;padding:4rem 0;width:100%}.edu-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.edu-wrapper{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1100px;width:90%}.edu-card{display:flex;flex-direction:column;gap:.4rem}.edu-degree{font-size:1.3rem;font-weight:600}.edu-year{font-size:.95rem;opacity:.7}.edu-school{font-weight:500;margin-top:.4rem}.edu-detail{font-size:.95rem;opacity:.85}.glass-portfolio{background:linear-gradient(180deg,#0f172a,#082f49);color:#e0f2fe;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.droplet-canvas,.three-canvas{height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:0}.glass-card{backdrop-filter:blur(4px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(100%);background:#1e293b59;border:1px solid #67e8f940;border-radius:1.2rem;box-shadow:0 8px 30px #06b6d426;margin:2%;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.glass-card:hover{background:#1e293b73;box-shadow:0 15px 40px #06b6d433;transform:translateY(-5px)}section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:2rem 1.5rem;position:relative;text-align:center;z-index:1}section h1,section h2{color:#e0f2fe;font-weight:700;margin-bottom:1rem}section p{color:#bae6fd;line-height:1.7;max-width:700px}#about .glass-card{max-width:800px;padding:2rem}footer{background:#0f172acc;border-top:1px solid #06b6d433;color:#bae6fd;font-size:.9rem;padding:2rem 1rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#06b6d4;border-radius:4px}
/*# sourceMappingURL=main.45d0eabc.css.map*/