*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body,html{-ms-overflow-style:none;max-width:100%;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.avatar-image{height:250px;object-fit:cover;object-position:right;width:250px}@media (max-width:768px){html{font-size:14px}.profile-name{font-size:2rem}.profile-description{font-size:1rem;line-height:1.6}}@media (max-width:480px){html{font-size:12px}.profile-description{font-size:.9rem;line-height:1.4}}.hero-nav-container{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);background:linear-gradient(180deg,#cfe0ffea,#b9d5ff);box-shadow:0 8px 16px #00000014;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:1000}.yhooai-button{color:#002147;font-size:1.5rem;font-weight:700;position:relative;text-decoration:none}.yhooai-button:after{background-color:#00468b;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.yhooai-button:hover:after{width:100%}.hero-nav{display:flex;gap:2rem}.nav-button{color:#002147;font-size:1.2rem;font-weight:700;position:relative;text-decoration:none;transition:color .3s ease}.nav-button:after{background-color:#002147;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-button:hover:after{width:100%}.hero{align-items:center;background:linear-gradient(180deg,#b3d1ff,#cce0ff,#eaf6ff);color:#002147;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;text-align:center}.hero-content h1{color:#002147;font-size:clamp(2rem,5vw,4rem);margin-bottom:1rem}.hero-content p{color:#002147;font-size:clamp(1rem,2vw,1.5rem);margin-bottom:2rem}.scroll-down{animation:bounce 3s infinite;bottom:2rem;color:#002147;font-size:2rem;left:50%;position:absolute;transform:translateX(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}@media (max-width:768px){.hero-nav-container{padding:.75rem 1rem}.hero-nav{gap:1rem}.nav-button{font-size:1rem}.yhooai-button{font-size:1.25rem}.hero-content p{font-size:clamp(.9rem,2.5vw,1.2rem);margin-bottom:1.5rem}}.profile{align-items:center;background:#eaf6ff;box-sizing:border-box;display:flex;justify-content:center;padding:2rem;width:100%}.profile-container{background:#fff;border-radius:20px;box-shadow:0 10px 20px #0000001a;cursor:pointer;margin:0 auto;max-width:1400px;padding:2rem;position:relative;transition:filter .3s ease,box-shadow .3s ease}.profile-container.hover-effect{box-shadow:0 10px 20px #0000001a,0 0 20px #007bff80;transition:box-shadow .3s ease-in-out}.profile-content{align-items:center;display:flex;gap:2rem}.profile-avatar{flex:0 0 auto}.profile-name{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.profile-description{color:#374151;font-size:1.2rem;line-height:2}.avatar-image{aspect-ratio:1/1;border-radius:50%;box-shadow:0 4px 8px #0000001a;height:auto;max-width:100%;object-fit:contain;object-position:center;width:clamp(120px,28vw,200px)}.popup-overlay{align-items:center;animation:fadeIn .4s ease;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.popup-overlay.fade-out{animation:fadeOut .4s ease}.popup-content{animation:scaleIn .4s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;height:70%;max-width:80%;overflow:hidden;padding:40px;position:relative;width:80%}.popup-scrollable-content{font-size:1.2rem;line-height:1.8;max-height:100%;overflow-y:auto}.popup-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1rem}.popup-description{color:#374151;font-size:1.2rem;line-height:1.8}.close-button{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:24px;padding:0;position:absolute;right:15px;top:15px;transition:color .2s ease;width:24px}.close-button:hover{color:#333}.close-button:focus{outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width:768px){.profile-content{align-items:center;flex-direction:column;gap:1.25rem;text-align:center}.profile-text{padding:0 1rem}}@media (max-width:480px){.avatar-image{width:clamp(100px,45vw,160px)}}.skills{background:#eaf6ff;padding:8rem 2rem;text-align:center}@media (max-width:768px){.skills{padding:6rem 1rem}}.skills-header{margin-bottom:4rem}.skills-header h2{color:#001f5f;font-size:3rem;font-weight:700;margin:0}.skills-container{grid-gap:3rem;box-sizing:border-box;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;margin:0 auto;padding:0}.service-card{background:#fff;border-radius:20px;box-shadow:0 10px 20px #00000026;cursor:pointer;max-width:640px;min-height:300px;overflow:hidden;padding:3rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.service-card:hover{box-shadow:0 15px 30px #0003;transform:translateY(-12px)}.service-card h3{color:#005b96;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.service-card p{color:#333;font-size:1.2rem;line-height:1.8}.service-details{align-items:center;background:#005b96;border-radius:20px;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;padding:3rem;position:absolute;right:0;text-align:center;top:0;transform:scale(.9);transition:opacity .3s ease,transform .3s ease;z-index:10}.service-card:hover .service-details{opacity:1;transform:scale(1)}.service-details p{color:#fff;font-size:1.5rem;line-height:2;margin:0}.projects{background:#eaf6ff;padding:8rem 2rem;text-align:center}@media (max-width:768px){.projects{padding:6rem 1rem}}.projects-header{margin-bottom:4rem}.projects-header h2{color:#001f5f;font-size:3rem;font-weight:700;margin:0}.projects-container{grid-gap:3rem;box-sizing:border-box;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;margin:0 auto;padding:0}.project-card{background:#fff;border-radius:20px;box-shadow:0 10px 20px #00000026;cursor:pointer;max-width:640px;overflow:hidden;padding:3rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.project-card:hover{box-shadow:0 15px 30px #0003;transform:translateY(-12px)}.project-image{border-radius:10px;height:200px;margin-bottom:2rem;object-fit:cover;width:100%}.project-title{color:#005b96;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.project-desc{color:#333;font-size:1.2rem;line-height:1.8}.project-card-link{color:inherit;display:block;text-decoration:none}.contact{align-items:center;background:linear-gradient(0deg,#eaf6ff,#eaf6ff,#eaf6ff);color:#001f5f;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.contact-title{color:#001f5f;font-size:2.8rem;margin-bottom:2rem}.contact-container{background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000001a;margin-bottom:0;max-width:800px;padding:2rem;width:100%}.contact-form{font-size:1.2rem;width:100%}.form-group{margin-bottom:1.5rem}input,textarea{border:1px solid #ccc;border-radius:10px;font-size:1.2rem;outline:none;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}input:focus,textarea:focus{border-color:#07f}button{background:#6396c9;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:1.2rem;padding:1rem 2rem;transition:background .3s ease;width:100%}button:hover{background:#567ca0}.required{color:red;font-size:1rem;margin-left:.2rem}.recaptcha-container{display:flex;justify-content:center;margin:20px 0}.g-recaptcha{transform-origin:center;-webkit-transform-origin:center}.footer{background:linear-gradient(180deg,#eaf6ff,#eaf6ff);border-top:2px solid #eaf6ff;color:#001f5f;font-size:.9rem;margin-top:0;padding:1rem 0;text-align:center}.success-message{background:#e9f7ee;border:1px solid #b9e2c9;border-radius:10px;color:#1a7f37}.error-message,.success-message{margin-bottom:1rem;padding:.75rem 1rem}.error-message{background:#fdecea;border:1px solid #f2b8b5;border-radius:10px;color:#b42318}@media (max-width:768px){.contact{padding:3rem 1rem}.contact-title{font-size:2rem}.contact-container{border-radius:16px;padding:1.5rem}.form-group{margin-bottom:1rem}input,textarea{font-size:1rem;padding:.75rem}button{font-size:1rem;padding:.75rem 1rem}}
/*# sourceMappingURL=main.1290ccb3.css.map*/