*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e3356;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.modelViewPort{perspective:1000px;width:20rem;aspect-ratio:1;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#000;position:relative;overflow:hidden;border:4px solid white}.eva{--EVA-ROTATION-DURATION: 4s;transform-style:preserve-3d;animation:rotateRight var(--EVA-ROTATION-DURATION) linear infinite alternate}.head{position:relative;width:6rem;height:4rem;border-radius:48% 53% 45% 55%/79% 79% 20% 22%;background:linear-gradient(to right,#fff 45%,gray)}.eyeChamber{width:4.5rem;height:2.75rem;position:relative;left:50%;top:55%;border-radius:45% 53% 45% 48%/62% 59% 35% 34%;background-color:#0c203c;box-shadow:0 0 2px 2px #fff,inset 0 0 0 2px #000;transform:translate(-50%,-50%);animation:moveRight var(--EVA-ROTATION-DURATION) linear infinite alternate}.eye{width:1.2rem;height:1.5rem;position:absolute;border-radius:50%}.eye:first-child{left:12px;top:50%;background:repeating-linear-gradient(65deg,#9bdaeb,#9bdaeb,#fff 2px);box-shadow:inset 0 0 5px #04b8d5,0 0 15px 1px #0bdaeb;transform:translateY(-50%) rotate(-65deg)}.eye:nth-child(2){right:12px;top:50%;background:repeating-linear-gradient(-65deg,#9bdaeb,#9bdaeb,#fff 2px);box-shadow:inset 0 0 5px #04b8d5,0 0 15px 1px #0bdaeb;transform:translateY(-50%) rotate(65deg)}.body{width:6rem;height:8rem;position:relative;margin-block-start:.25rem;border-radius:47% 53% 45% 55%/12% 9% 90% 88%;background:linear-gradient(to right,#fff 35%,gray)}.hand{position:absolute;left:-1.5rem;top:.75rem;width:2rem;height:5.5rem;border-radius:40%;background:linear-gradient(to left,#fff 15%,gray);box-shadow:5px 0 5px #00000040;transform:rotateY(55deg) rotate(10deg)}.hand:first-child{animation:compensateRotation var(--EVA-ROTATION-DURATION) linear infinite alternate}.hand:nth-child(2){left:92%;background:linear-gradient(to right,#fff 15%,gray);transform:rotateY(55deg) rotate(-10deg);animation:compensateRotationRight var(--EVA-ROTATION-DURATION) linear infinite alternate}.scannerThing{width:0;height:0;position:absolute;left:50%;top:55%;border-top:180px solid #82e3ec;border-left:250px solid transparent;border-right:250px solid transparent;transform-origin:0% 0%;mask:linear-gradient(to right,white,transparent 35%);animation:cubic-bezier(.86,0,.07,1) infinite;pointer-events:none}.scannerOrigin{position:absolute;width:12px;height:12px;border-radius:50%;left:50%;top:55%;background:#82e3ec;box-shadow:0 0 10px #82e3ec,inset 0 0 5px #00000080;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.loading-title{color:#fff;opacity:.9;font-weight:600;text-align:center;font-size:2rem}.progress-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:300px}.progress-bar{width:100%;height:12px;background-color:#ffffff1a;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000004d}.progress-fill{height:100%;background:#fff;background-size:200% 100%;border-radius:10px;transition:width .3s ease;animation:shimmer 2s linear infinite}.progress-text{color:#fff;font-size:1rem;font-weight:600}@keyframes rotateRight{0%{transform:rotateY(0)}to{transform:rotateY(25deg)}}@keyframes moveRight{0%{transform:translate(-50%,-50%)}to{transform:translate(-40%,-50%)}}@keyframes compensateRotation{0%{transform:rotateY(55deg) rotate(10deg)}to{transform:rotatey(30deg) rotate(10deg)}}@keyframes compensateRotationRight{0%{transform:rotateY(55deg) rotate(-10deg)}to{transform:rotateY(70deg) rotate(-10deg)}}@keyframes glow{0%{opacity:0}20%{opacity:1}45%{transform:rotate(-25deg)}75%{transform:rotate(5deg)}to{opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.modelViewPort{width:15rem}.loading-title{font-size:1.5rem}.progress-container{width:250px}.progress-text{font-size:1.2rem}}.hamburger-container{position:fixed;top:20px;left:20px;z-index:10001}#checkbox{display:none}.toggle{position:relative;width:60px;height:60px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition-duration:.5s;background-color:#fffffff2;border-radius:12px;padding:12px;box-shadow:0 6px 20px #0003}.bars{width:100%;height:5px;background-color:#233c67;border-radius:5px}#bar2{transition-duration:.8s}#bar1,#bar3{width:70%}#checkbox:checked+.toggle .bars{position:absolute;transition-duration:.5s}#checkbox:checked+.toggle #bar2{transform:scaleX(0);transition-duration:.5s}#checkbox:checked+.toggle #bar1{width:100%;transform:rotate(45deg);transition-duration:.5s}#checkbox:checked+.toggle #bar3{width:100%;transform:rotate(-45deg);transition-duration:.5s}#checkbox:checked+.toggle{transition-duration:.5s;transform:rotate(180deg)}.menu-dropdown{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:10000;display:flex;align-items:flex-start;justify-content:flex-start;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-content{background-color:#f8fafc;border-radius:16px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;margin-left:60px;margin-top:0;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.menu-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid #233C67}.menu-header h2{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.menu-subtitle{color:#64748b;font-size:1rem;font-weight:500}.menu-section{margin-bottom:1.5rem}.menu-section h3{color:#233c67;font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.menu-section p{color:#475569;line-height:1.7;font-size:.95rem}.menu-section a{color:#233c67;text-decoration:none;font-weight:500}.menu-section a:hover{text-decoration:underline}.menu-section ul{list-style:none;padding-left:0;color:#475569}.menu-section ul li{margin-bottom:.75rem;padding-left:1rem;position:relative;font-size:.95rem;line-height:1.5}.menu-section ul li:before{content:"→";position:absolute;left:0;color:#233c67;font-weight:700}.skills-grid{display:flex;flex-direction:column;gap:.75rem;color:#475569;font-size:.95rem}.skills-grid strong{color:#233c67}.contact-form-button{width:100%;padding:.75rem 1.5rem;background-color:#f87171;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.contact-form-button:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #f871714d}.card{display:flex;height:60px;width:100%;justify-content:center;gap:1rem;margin-top:1rem}.card svg{width:24px;height:24px}.card .social-link1,.card .social-link2,.card .social-link3,.card .social-link4{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;color:#f5f5f5;font-size:24px;text-decoration:none;transition:.25s;border-radius:50%;background-color:#233c67}.card .social-link1:hover{background-color:#1a1e22;animation:bounce_613 .4s linear}.card .social-link2:hover{background-color:#0a66c2;animation:bounce_613 .4s linear}.card .social-link3:hover{background-color:#20beff;animation:bounce_613 .4s linear}.card .social-link4:hover{background-color:#f87171;animation:bounce_613 .4s linear}@keyframes bounce_613{40%{transform:scale(1.4)}60%{transform:scale(.8)}80%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.menu-content{margin-left:0;max-width:100%;padding:1.5rem}.menu-header h2{font-size:1.5rem}.menu-section h3{font-size:1.1rem}.card{height:50px}.card .social-link1,.card .social-link2,.card .social-link3,.card .social-link4{width:50px;height:50px}}.tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9998;pointer-events:auto}.tutorial-card{background:#ffffffbf;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:16px;box-shadow:0 10px 40px #00000026;width:480px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.tutorial-sections{display:flex}.tutorial-section{flex:1;border-right:1px solid rgba(0,0,0,.08)}.tutorial-section:last-child{border-right:none}.tutorial-header{padding:16px 20px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-bottom:1px solid rgba(0,0,0,.06)}.tutorial-title{font-size:14px;font-weight:700;color:#1f2937;margin:0}.mouse-icon,.trackpad-icon{display:flex;align-items:center;justify-content:center}.tutorial-body{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.tutorial-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.tutorial-label{color:#4b5563;font-weight:600}.tutorial-value{color:#111827;font-weight:700}.tutorial-footer{padding:12px 24px;text-align:center;font-size:12px;color:#6b7280;font-weight:600;background:#00000005;border-top:1px solid rgba(0,0,0,.06)}@media (max-width: 768px){.tutorial-overlay{padding-top:60px}.tutorial-card{width:90%;max-width:600px}.tutorial-sections{flex-direction:column}.tutorial-section{border-right:none;border-bottom:1px solid rgba(0,0,0,.08)}.tutorial-section:last-child{border-bottom:none}.tutorial-body{padding:16px 20px}.tutorial-item{font-size:13px}}.contact-form-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contact-form-container{position:relative;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:15px;padding:40px 30px;box-shadow:0 10px 50px #0000004d}.contact-form-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.contact-form-close:hover{background:#f0f0f0;color:#333}.contact-form-title{margin:0 0 10px;font-size:28px;color:#333;text-align:center}.contact-form-subtitle{margin:0 0 30px;color:#666;text-align:center;font-size:16px}.colorful-form{max-width:400px;margin:0 auto;padding:20px;background-color:#f5f5f5;border-radius:10px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:700;margin-bottom:5px;color:#333}.form-input{width:100%;padding:10px;border:none;background-color:#fff;color:#333;border-radius:5px;font-family:inherit;font-size:14px;box-sizing:border-box}.form-input:focus{outline:2px solid #ff6f69}textarea.form-input{height:100px;resize:vertical;min-height:80px}.form-button{display:block;width:100%;padding:12px;background-color:#ff6f69;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;font-weight:700;font-size:16px}.form-button:hover{background-color:#843a38}.contact-info{margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;text-align:center}.contact-info p{margin:10px 0;color:#666;font-size:14px}.contact-info a{color:#ff6f69;text-decoration:none}.contact-info a:hover{text-decoration:underline}@media (max-width: 768px){.contact-form-container{padding:30px 20px}.contact-form-title{font-size:24px}.colorful-form{padding:15px}}.social-buttons-container{position:fixed;bottom:30px;right:30px;display:flex;align-items:center;gap:16px;z-index:1000}.social-button{display:inline-block}.social-link{text-decoration:none;display:block}.social-btn{position:relative;width:48px;height:48px;border-radius:50%;border:none;background:transparent;cursor:pointer;padding:0}.floater{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%;transition:all .3s ease}.kaggle-floater{background-color:#20beff}.github-floater{background-color:#000}.linkedin-floater{background-color:#3b82f6}.email-floater{background-color:#f87171}.social-btn:hover .floater{top:-32px;box-shadow:0 20px 30px #0000004d}.icon{position:relative;z-index:10;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2px solid;border-radius:50%;transition:all .3s ease}.kaggle-icon{border-color:#20beff}.github-icon{border-color:#000}.linkedin-icon{border-color:#3b82f6}.email-icon{border-color:#f87171}.social-path{fill:#fff;transition:fill .3s ease}.social-btn:hover .social-path{fill:#171543}@media (max-width: 768px){.social-buttons-container{bottom:20px;right:20px;gap:12px}.social-btn{width:40px;height:40px}.social-btn:hover .floater{top:-24px}}