@import url(https://fonts.googleapis.com/css?family=Amatic+SC:wght@700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);
*{padding:0;margin:0}#loadingScreen{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);color:#fff;align-items:center;justify-content:center;z-index:1000}#controls{position:absolute;z-index:100}#controls .circle-container{position:relative;width:160px;height:160px;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.15);border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.5);backdrop-filter:blur(10px);margin-bottom:20px}#controls .arrow-btn{background:hsla(0,0%,100%,.25);border:none;color:#fff;font-size:20px;width:45px;height:45px;border-radius:50%;text-align:center;line-height:50px;cursor:pointer;transition:transform .2s ease,background .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.3)}#controls .arrow-btn:hover{background:hsla(0,0%,100%,.7);color:#000;transform:scale(1.1)}#controls .btn-camera{position:absolute;bottom:-30px;width:50px;height:50px;background:rgba(0,0,0,.7);color:#fff;border-radius:50%;font-size:18px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:transform .2s ease,background .3s ease}#controls .btn-camera:hover{background:hsla(0,0%,100%,.8);color:#000;transform:scale(1.1)}.boat-controls{background:hsla(0,0%,100%,.7);padding:15px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);backdrop-filter:blur(10px);width:250px;transition:background .3s ease,box-shadow .3s ease}.boat-controls:hover{background:hsla(0,0%,100%,.9);box-shadow:0 6px 20px rgba(0,0,0,.3)}.boat-controls strong{font-size:14px;color:#333;margin-bottom:10px;display:block}.boat-controls .input-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.boat-controls .input-row label{font-size:13px;color:#333}.boat-controls .input-row input{width:70%;padding:5px;font-size:13px;border:1px solid rgba(0,0,0,.2);border-radius:5px;background:hsla(0,0%,100%,.9);color:#333;outline:none;transition:background .3s ease,border .3s ease,box-shadow .2s ease}.boat-controls .input-row input:focus{background:#fff;border:1px solid #4caf50;color:#000;box-shadow:0 0 5px rgba(76,175,80,.7)}.boat-controls .btn-move{width:100%;padding:10px;background:rgba(76,175,80,.8);color:#fff;border:none;border-radius:5px;font-size:14px;cursor:pointer;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;text-align:center}.boat-controls .btn-move:hover{background:#4caf50;transform:scale(1.05);box-shadow:0 4px 15px rgba(76,175,80,.5)}.boat-controls .current-position{margin-top:15px;font-size:12px;color:#333;text-align:left}.boat-controls .current-position strong{font-size:13px;color:#333}.japanese-fluid-text{font-family:"Great Vibes",cursive;font-size:4rem;font-weight:400;line-height:1.1;letter-spacing:5px;color:rgba(0,0,0,0);background:linear-gradient(90deg, #f7c6c7, #ff5f40, #f7c6c7);background-clip:text;-webkit-background-clip:text;background-size:200%;animation:fluid-animation 6s ease-in-out infinite}@keyframes fluid-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes subtle-flow{0%{transform:translateX(0)}50%{transform:translateX(5px)}100%{transform:translateX(0)}}.text-justify{text-align:justify;text-justify:inter-word}.responsive-text{font-size:4vw;font-weight:bold}.responsive-subtext{font-size:2vw}@media(max-width: 1000px){.responsive-text{font-size:5vw}.responsive-subtext{font-size:3vw}}@media(max-width: 600px){.responsive-text{font-size:6vw}.responsive-subtext{font-size:4vw}}.explore-button{z-index:1000;padding:6px 6px;background-color:rgba(0,51,204,.6);color:#fff;border:none;border-radius:5px;cursor:pointer}.explore-button:hover{background-color:#0056b3}.btn-outline-info.btn-lg{border-width:3px;color:#fff;border-color:#fff;font-size:1.3rem}.btn-outline-info:hover{background-color:#0056b3}.reset-button{position:fixed;top:100px;right:20px;z-index:1000;padding:6px 6px;background-color:rgba(0,51,204,.6);color:#fff;border:none;border-radius:5px;cursor:pointer}.reset-button:hover{background-color:#0056b3}.c-section{height:100vh;padding:50px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.vertical-line{border-left:1px solid #fff;height:30px;margin:0 7px;margin:0 10px}.custom-link{color:blue;text-decoration:none}.custom-link:hover{color:#191970}mark.red{color:red;background:none}.message-container{max-width:350px;z-index:1000}.message{padding:10px;margin-bottom:10px;border-radius:5px;display:flex;justify-content:center}.success{background-color:#4caf50;color:#fff}.error{background-color:#f44336;color:#fff}.login_btn{width:100%;background:#c0392b !important;color:#fff !important}.user-logo{position:absolute;width:50px;height:50px;top:-30px;text-align:center;padding:10px;border-radius:50%;border:3px solid hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;utf8, <svg width=%27100%27 height=%27100%27 xmlns=%27http://www.w3.org/2000/svg%27><circle cx=%2750%27 cy=%2750%27 r=%2750%27 fill=%27none%27/><circle cx=%2724%27 cy=%2724%27 r=%277.5%27 fill=%27white%27 style=%27filter:blur%28.5px%29%27/><path d=%27M78 58.4999C69.5 72.4999 56 78.4999 53.5 80.9999C51 83.4999 50 89.9999 59.5 87.4999C69 84.9999 82.5 76.4999 86.5 67.4999C90.5 58.5 86.5 44.5 78 58.4999Z%27 fill=%27rgba%28255,255,255,.9%29%27 style=%27filter:blur%280px%29%27/></svg>"),radial-gradient(circle at 70% 96%, white 0.5%, rgba(255, 255, 200, 0.4) 2%, transparent 9%),radial-gradient(at 30% 20%, white 1%, rgb(255, 255, 200) 2%, transparent 20%, transparent 50%, rgba(0, 200, 200, 0.3) 73%, rgba(0, 80, 80, 0.3) 84%),radial-gradient(circle at 0% 0%, rgba(0, 0, 255, 0.7) 2%, transparent 80%);background-size:cover}.user-logo:hover{cursor:pointer}.user_login_card{height:380px;width:370px;margin-top:auto;margin-bottom:auto;background:rgba(48,137,225,.3);position:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:5px}.user_registration_card{height:650px;width:370px;margin-top:auto;margin-bottom:auto;background:rgba(48,137,225,.3);position:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:5px}.form-control{height:52px;background:#fff;color:#000;font-size:14px;border-radius:2px;box-shadow:none !important;border:1px solid rgba(0,0,0,.1)}.form-control::-webkit-input-placeholder{color:rgba(0,0,0,.7) !important}.form-control::-moz-placeholder{color:rgba(0,0,0,.7) !important}.form-control:-ms-input-placeholder{color:rgba(0,0,0,.7) !important}.form-control:-moz-placeholder{color:rgba(0,0,0,.7) !important}.form-control:focus,.form-control:active{border-color:rgba(0,0,0,.1)}textarea.form-control{height:inherit !important}.contact-wrap{background:rgba(57,168,216,.1);border-radius:10px}section{left:0px !important}#message{resize:vertical}#form-message-warning,#form-message-success{display:none}#form-message-warning{color:red}#form-message-success{color:lime;font-size:18px;font-weight:500}.submitting{float:left;width:100%;padding:10px 0;display:none;font-size:16px;font-weight:500}#visualization-filters .nav-link{cursor:pointer}.section-title h2{font-size:15px;font-weight:500;padding:0;line-height:1px;margin:0 0 20px 0;letter-spacing:2px;text-transform:uppercase;color:#000;font-family:"Poppins",sans-serif}.section-title h2::after{content:"";width:120px;height:1px;display:inline-block;background:#4ceb95;margin:4px 10px}.section-title p{margin:0;margin:-15px 0 15px 0;font-size:36px;font-weight:700;text-transform:uppercase;font-family:"Poppins",sans-serif;color:#000}.about-me .content h3{font-weight:700;font-size:26px;color:#000}.about-me .content ul{list-style:none;padding:0}.about-me .content ul li{margin-bottom:20px;display:flex;align-items:center}.about-me .content ul strong{margin-right:10px}.about-me .content ul i{font-size:16px;margin-right:5px;color:#000;line-height:0}.about-me .content p:last-child{margin-bottom:0}.resume .resume-title{font-size:26px;font-weight:700;margin-top:20px;margin-bottom:20px;color:#000}.resume .resume-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid hsla(0,0%,100%,.2);position:relative}.resume .resume-item h4{line-height:18px;font-size:18px;font-weight:600;text-transform:uppercase;font-family:"Poppins",sans-serif;color:#000;margin-bottom:10px}.resume .resume-item h5{font-size:16px;background:hsla(0,0%,100%,.15);padding:5px 15px;display:inline-block;font-weight:600;margin-bottom:10px}.resume .resume-item ul{padding-left:20px}.resume .resume-item ul li{padding-bottom:10px}.resume .resume-item:last-child{padding-bottom:0}.resume .resume-item::before{content:"";position:absolute;width:16px;height:16px;border-radius:50px;left:-9px;top:0;background:#18d26e;border:2px solid #18d26e}.publications .publications-title{font-size:26px;font-weight:700;margin-top:20px;margin-bottom:20px;color:#000}.publications .publications-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid hsla(0,0%,100%,.2);position:relative}.publications .publications-item h4{line-height:18px;font-size:18px;font-weight:600;text-transform:uppercase;font-family:"Poppins",sans-serif;color:#000;margin-bottom:10px}.publications .publications-item h5{font-size:16px;background:hsla(0,0%,100%,.15);padding:5px 15px;display:inline-block;font-weight:600;margin-bottom:10px}.publications .publications-item ul{padding-left:10px}.publications .publications-item ul li{padding-bottom:10px}.publications .publications-item:last-child{padding-bottom:0}.snippet-container{position:relative}#code-snippet{padding:10px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:5px;overflow-x:auto}#copy-button{position:absolute;top:10px;right:10px}.text-theme{color:hsl(35,38.2%,22.4%)}.bg-theme-light{background-color:hsl(35,37.5%,95.2%)}.bg-theme-dark{background-color:hsl(35,38.2%,22.4%) !important}.navbar-light{color:hsl(35,38.2%,22.4%)}.navbar-light .nav-item .nav-link{color:#fff;font-weight:bold;font-size:18px}.nav-link{color:#fff;font-weight:bold;font-size:18px}.navbar-light .navbar-brand{color:#fff;font-weight:bold;font-size:16px}.navbar-light .navbar-brand:hover{color:#fff}.navbar{background-color:#00416a}.navbar-home{background-color:rgba(0,0,0,0)}.header .nav-item .nav-link:hover{color:#fff;font-weight:bold;background-color:rgba(10,88,137,.8)}#login-btn:hover,#signup-btn:hover,#logout-btn:hover,#profile-btn:hover{color:#fff;background-color:rgba(10,88,137,.8)}.navbar.red-bg{background-color:red !important}.gradient-theme{background:-webkit-linear-gradient(310deg, hsl(35, 38.2%, 22.4%), hsl(35, 38.2%, 52.4%));background:linear-gradient(310deg, hsl(35, 38.2%, 22.4%), hsl(35, 38.2%, 52.4%))}.container{max-width:1200px !important;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}.slides_caseStudy{display:none}.custom-list{list-style-type:disc !important;color:red !important;padding-left:20px !important}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:#fff;font-weight:bold;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none}.prev{left:0;border-radius:3px 0 0 3px}.next{right:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:rgba(0,0,0,.8)}.col-width-50{width:50% !important}.downl_btn{background-color:#f0ad4e;border-color:#eea236;border-width:2px;cursor:pointer;font-size:17px}.downl_btn:hover{background-color:#eea236}.text{color:#f2f2f2;font-size:15px;padding:8px 12px;position:absolute;bottom:8px;width:100%;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:blue;border-radius:50%;display:inline-block}.active1,.dot:hover{background-color:#717171}.nav-tabs .nav-link:not(.active){border-color:rgba(0,0,0,0) !important}@media only screen and (max-width: 300px){.prev,.next,.text{font-size:11px}}@media only screen and (max-width: 1200px){.navbar-collapse{background:#00416a;padding-left:10px}}.navbar-modern{background:linear-gradient(135deg, #2E5C8A 0%, #4A90E2 100%);padding:.75rem 0;box-shadow:0 2px 12px rgba(0,0,0,.08);backdrop-filter:blur(10px);transition:all .3s ease}.navbar-modern .container-fluid{padding:0 2rem}@media(max-width: 1200px){.navbar-modern .container-fluid{padding:0 1rem}}.navbar-modern .navbar-brand{margin:0;padding:0;transition:transform .3s ease}.navbar-modern .navbar-brand:hover{transform:scale(1.05)}.navbar-modern .navbar-brand .brand-text{font-family:"Great Vibes",cursive;font-size:2.5rem;font-weight:400;color:#fff;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.2)}@media(max-width: 768px){.navbar-modern .navbar-brand .brand-text{font-size:2rem}}.navbar-modern .navbar-toggler{border:2px solid hsla(0,0%,100%,.3);padding:.5rem .75rem;border-radius:8px;transition:all .3s ease}.navbar-modern .navbar-toggler:hover{border-color:#fff;background:hsla(0,0%,100%,.1)}.navbar-modern .navbar-toggler:focus{box-shadow:0 0 0 3px hsla(0,0%,100%,.2);outline:none}.navbar-modern .navbar-toggler .navbar-toggler-icon{display:flex;align-items:center;justify-content:center}.navbar-modern .navbar-toggler .navbar-toggler-icon i{color:#fff;font-size:1.25rem}.navbar-modern .navbar-nav{gap:.25rem}@media(max-width: 1200px){.navbar-modern .navbar-nav{gap:0;padding:1rem 0}}.navbar-modern .navbar-nav .nav-item .nav-link{color:#fff;font-weight:600;font-size:.9375rem;padding:.625rem 1.25rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;position:relative}.navbar-modern .navbar-nav .nav-item .nav-link .nav-icon{font-size:1rem;opacity:.9}.navbar-modern .navbar-nav .nav-item .nav-link::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:80%;height:2px;background:#fff;transition:transform .3s ease}.navbar-modern .navbar-nav .nav-item .nav-link:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.navbar-modern .navbar-nav .nav-item .nav-link:hover::before{transform:translateX(-50%) scaleX(1)}.navbar-modern .navbar-nav .nav-item .nav-link:hover .nav-icon{opacity:1}.navbar-modern .navbar-nav .nav-item .nav-link.active{background:hsla(0,0%,100%,.2);box-shadow:0 2px 8px rgba(0,0,0,.1)}@media(max-width: 1200px){.navbar-modern .navbar-nav .nav-item .nav-link{justify-content:flex-start;padding:.875rem 1.5rem;border-radius:0}.navbar-modern .navbar-nav .nav-item .nav-link::before{display:none}.navbar-modern .navbar-nav .nav-item .nav-link:hover{background:hsla(0,0%,100%,.2);transform:translateX(4px)}}.navbar-modern.scrolled{padding:.5rem 0;box-shadow:0 4px 16px rgba(0,0,0,.12)}@media(min-width: 1200px){.navbar-collapse{background:rgba(0,0,0,0) !important;padding:0 !important}}@media(max-width: 1200px){.navbar-modern .navbar-collapse{background:linear-gradient(135deg, #2E5C8A 0%, #4A90E2 100%);margin-top:1rem;border-radius:12px;padding:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.15)}}.skip-link{position:absolute;top:-100%;left:1rem;z-index:10000;padding:.75rem 1.5rem;background:#fff;color:#2e5c8a;font-weight:700;border-radius:0 0 8px 8px;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:top .2s ease}.skip-link:focus{top:0;outline:3px solid #4a90e2}.navbar-modern .navbar-brand{display:flex;align-items:center;gap:.625rem}.navbar-modern .navbar-brand .brand-logo{width:40px;height:40px;border-radius:8px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));transition:transform .3s ease}.navbar-modern .navbar-brand:hover .brand-logo{transform:rotate(-6deg) scale(1.08)}@media(max-width: 1199.98px){.navbar-modern .navbar-toggler{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px}.navbar-modern .navbar-toggler .toggler-bar{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .2s ease}.navbar-modern .navbar-toggler[aria-expanded=true] .toggler-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-modern .navbar-toggler[aria-expanded=true] .toggler-bar:nth-child(2){opacity:0}.navbar-modern .navbar-toggler[aria-expanded=true] .toggler-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.navbar-modern .nav-link[aria-current=page]{background:hsla(0,0%,100%,.22);box-shadow:0 2px 8px rgba(0,0,0,.1)}.navbar-modern .nav-link[aria-current=page]::before{transform:translateX(-50%) scaleX(1)}.navbar-actions{display:flex;align-items:center;gap:.75rem;margin-left:1.5rem}@media(max-width: 1200px){.navbar-actions{flex-direction:column;margin-left:0;margin-top:.5rem;padding:.5rem 1rem 1rem;border-top:1px solid hsla(0,0%,100%,.15);width:100%}}.nav-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;color:#2e5c8a;background:#fff;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);white-space:nowrap}.nav-cta:hover,.nav-cta:focus-visible{background:#e8f0fe;color:#1a3d5c;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media(max-width: 1200px){.nav-cta{width:100%;justify-content:center;padding:.75rem}}.nav-auth{display:flex;align-items:center;gap:.5rem}.nav-auth a{color:#fff;text-decoration:none;font-size:.875rem;font-weight:600;padding:.375rem .75rem;border-radius:6px;transition:background .2s ease}.nav-auth a:hover{background:hsla(0,0%,100%,.15)}.nav-auth .vertical-line{width:1px;height:1.25rem;background:hsla(0,0%,100%,.35)}@media(max-width: 1200px){.nav-auth{width:100%;justify-content:center}}