@charset "UTF-8";html{scroll-snap-type:y mandatory;scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:DM sans}body{background-color:#000;color:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:center;width:100%}@media (max-width: 1024px){body{font-size:15px}section{height:auto;min-height:100vh;padding:0}}@media (max-width: 768px){html{scroll-snap-type:none;scroll-behavior:smooth}section{height:auto;min-height:100vh;scroll-snap-align:none;padding:0}body{font-size:14px}#Home{height:100vh;min-height:100vh}#About{height:auto;min-height:100vh;padding:80px 0 40px;display:flex;align-items:stretch}#Tools{height:auto;min-height:100vh;padding:40px 0}#Projects{height:auto;min-height:100vh;padding:20px 0}#Contacts{height:auto;min-height:100vh;padding:40px 0}}@media (max-width: 480px){body{font-size:13px}section{min-height:100vh;padding:0}#Home{height:100vh;min-height:100vh}#About{height:auto;min-height:100vh;padding:70px 0 50px;display:flex;align-items:stretch}#Tools{height:auto;min-height:100vh;padding:50px 0}#Projects{height:auto;min-height:100vh;padding:30px 0}#Contacts{height:auto;min-height:100vh;padding:50px 0}}@media (max-width: 375px){body{font-size:12px}#About{padding:60px 0 40px}#Tools{padding:40px 0}#Projects{padding:20px 0}#Contacts{padding:40px 0}}.Navbar{height:80px;width:100%;position:relative;z-index:1000}.Navbar .wrapper{max-width:90%;margin:auto;display:flex;align-items:center;justify-content:space-between;background-color:inherit;height:100%;padding:0 1rem}.Navbar .wrapper span{font-weight:700;color:#000;font-size:30px}.Navbar .wrapper span img{object-fit:contain;height:60px;margin-left:0}.Navbar .wrapper .socials{display:flex;gap:12px;flex-wrap:wrap;align-items:center}@media (max-width: 768px){.Navbar{height:70px}.Navbar .wrapper{max-width:95%;padding:0 .5rem}.Navbar .wrapper span{font-size:24px}.Navbar .wrapper span img{height:50px}.Navbar .wrapper .socials{gap:8px}.Navbar .wrapper .socials a{width:32px!important;height:32px!important}}@media (max-width: 480px){.Navbar{height:60px}.Navbar .wrapper{max-width:98%;padding:0 .25rem;justify-content:flex-end}.Navbar .wrapper span{display:none!important}.Navbar .wrapper .socials{gap:6px;width:100%;justify-content:center}.Navbar .wrapper .socials a{width:28px!important;height:28px!important}}@media (max-width: 375px){.Navbar{height:55px}.Navbar .wrapper span{display:none!important}.Navbar .wrapper .socials{gap:4px}.Navbar .wrapper .socials a{width:24px!important;height:24px!important}}.sidebar{color:#000}.sidebar .bg{position:fixed;top:0;left:0;width:400px;bottom:0;background-color:#fff;z-index:9999}.sidebar .bg .links{z-index:9999;display:flex;position:absolute;height:100%;width:100%;gap:20px;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:inherit;cursor:pointer}.sidebar .bg .links a{font-size:40px;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px}.sidebar .bg .links a:hover{background-color:#f0f0f0;transform:scale(1.05)}.sidebar button{width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;cursor:pointer;z-index:9999;border:2px solid #333;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sidebar button:hover{background-color:#ffffff1a;transform:scale(1.1)}@media (max-width: 1200px){.sidebar .bg{width:350px}.sidebar .bg .links{gap:18px}.sidebar .bg .links a{font-size:36px;padding:.45rem .9rem}}@media (max-width: 1024px){.sidebar .bg{width:320px}.sidebar .bg .links{gap:16px}.sidebar .bg .links a{font-size:34px;padding:.4rem .8rem}.sidebar button{width:48px;height:48px;top:22px;left:22px}}@media (max-width: 768px){.sidebar .bg{width:280px}.sidebar .bg .links{gap:15px}.sidebar .bg .links a{font-size:32px;padding:.4rem .8rem}.sidebar button{width:45px;height:45px;top:20px;left:20px}}@media (max-width: 480px){.sidebar .bg{width:250px}.sidebar .bg .links{gap:12px}.sidebar .bg .links a{font-size:28px;padding:.3rem .6rem}.sidebar button{width:40px;height:40px;top:15px;left:15px;border-width:1px}}@media (max-width: 375px){.sidebar .bg{width:220px}.sidebar .bg .links{gap:10px}.sidebar .bg .links a{font-size:24px;padding:.25rem .5rem}.sidebar button{width:35px;height:35px;top:12px;left:12px}}@media (max-width: 320px){.sidebar .bg{width:200px}.sidebar .bg .links{gap:8px}.sidebar .bg .links a{font-size:22px;padding:.2rem .4rem}.sidebar button{width:32px;height:32px;top:10px;left:10px}}.hero{height:100vh;background-color:inherit;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.spline-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.9;pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none}.spline-background:active{cursor:grabbing}.spline-background:after{content:"🖱️ Drag to interact with 3D scene";position:absolute;top:20px;right:20px;background:#000c;color:#fff;padding:10px 15px;border-radius:25px;font-size:.85rem;z-index:10;opacity:.7;animation:pulseHint 3s infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes pulseHint{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.hero-content{display:flex;width:100%;max-width:1200px;align-items:center;justify-content:space-between;gap:3rem;position:relative;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.imageContainer{flex:1;display:flex;align-items:center;justify-content:center;max-width:50%;position:relative;z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:default}.profile-image{width:100%;max-width:500px;height:auto;object-fit:contain;border-radius:20px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4));transition:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none;cursor:default}.profile-image:hover{transform:none}.text-container{flex:1;display:flex;flex-direction:column;gap:2rem;max-width:50%;position:relative;z-index:3;pointer-events:auto;-webkit-user-select:none;user-select:none}.text-container h1{font-size:4rem;color:#deb887;letter-spacing:.1rem;margin:0;line-height:1.2;font-weight:700;text-shadow:3px 3px 6px rgba(0,0,0,.6);-webkit-user-select:none;user-select:none;cursor:default}.role-text{margin:1rem 0;-webkit-user-select:none;user-select:none;cursor:default}.typewriter-container{font-size:2.5rem;font-weight:600;line-height:1.3;color:#fff;min-height:80px;display:flex;align-items:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);-webkit-user-select:none;user-select:none;cursor:default}.buttons{display:flex;gap:1.5rem;margin-top:1rem;-webkit-user-select:none;user-select:none}.buttons a{pointer-events:auto;-webkit-user-select:none;user-select:none}.buttons button{padding:1rem 2rem;border:2px solid white;border-radius:.5rem;background-color:#0006;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;font-size:1.1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:200px;font-weight:500;pointer-events:auto;border:2px solid rgba(255,255,255,.3);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.buttons button:hover{background-color:#fffffff2;color:#000;transform:translateY(-3px);box-shadow:0 6px 20px #fff6;border-color:#fff}.buttons button:focus{outline:none}@media (max-width: 1024px){.hero-content{gap:2rem}.text-container h1{font-size:3.5rem}.typewriter-container{font-size:2rem;min-height:70px}.buttons button{font-size:1rem;padding:.9rem 1.8rem;min-width:180px}.spline-background:after{font-size:.75rem;padding:8px 12px;top:15px;right:15px}}@media (max-width: 768px){.hero{height:100vh;padding:1rem .5rem}.spline-background{opacity:.5;pointer-events:auto}.spline-background:after{content:"👆 Tap to interact";top:10px;right:10px;font-size:.7rem;padding:6px 10px}.hero-content{flex-direction:column;gap:2rem;text-align:center;justify-content:center;height:100%}.imageContainer{max-width:100%;order:1;flex:none;pointer-events:none;cursor:default}.profile-image{width:280px;max-width:280px;height:280px;object-fit:cover;border-radius:50%;border:4px solid burlywood;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6));transition:none;pointer-events:none;cursor:default}.text-container{max-width:100%;order:2;flex:none;gap:1.5rem;align-items:center}.text-container h1{font-size:2.8rem;letter-spacing:.05rem;text-align:center}.role-text{margin:0;width:100%}.typewriter-container{font-size:1.4rem;min-height:60px;text-align:center;justify-content:center;width:100%;line-height:1.4}.buttons{flex-direction:column;gap:1rem;width:100%;align-items:center;margin-top:1.5rem}.buttons button{width:85%;max-width:280px;padding:1rem 1.5rem;font-size:1rem;min-width:auto;min-height:50px;background-color:#000000b3}}@media (max-width: 480px){.hero{padding:.5rem .25rem}.spline-background{opacity:.4}.spline-background:after{content:"👆 Tap";font-size:.6rem;padding:4px 8px;top:8px;right:8px}.hero-content{gap:1.5rem}.profile-image{width:240px;max-width:240px;height:240px;border-width:3px;pointer-events:none;cursor:default}.text-container{gap:1.2rem}.text-container h1{font-size:2.2rem;letter-spacing:.02rem}.typewriter-container{font-size:1.1rem;min-height:50px;line-height:1.3}.buttons{gap:.8rem;margin-top:1rem}.buttons button{width:90%;max-width:250px;padding:.9rem 1.2rem;font-size:.95rem;min-height:48px;background-color:#000c}}@media (max-width: 375px){.spline-background{opacity:.3}.spline-background:after{display:none}.hero-content{gap:1.2rem}.profile-image{width:200px;max-width:200px;height:200px;pointer-events:none;cursor:default}.text-container h1{font-size:1.9rem}.typewriter-container{font-size:1rem;min-height:45px}.buttons button{width:95%;max-width:220px;padding:.8rem 1rem;font-size:.9rem;background-color:#000000e6}}@media (max-width: 480px) and (max-height: 800px){.spline-background{pointer-events:none;opacity:.2}.hero{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a)}}@media (prefers-reduced-motion: reduce){.spline-background{pointer-events:none;opacity:.3}.spline-background:after{display:none}@keyframes pulseHint{0%,to{opacity:.3;transform:scale(1)}}.profile-image{transition:none}}@media (prefers-contrast: high){.spline-background{opacity:.2}.text-container h1{text-shadow:4px 4px 8px rgba(0,0,0,.9)}.typewriter-container{text-shadow:3px 3px 6px rgba(0,0,0,.9)}}.hero *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hero{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hero,.hero *{cursor:default}.buttons button{cursor:pointer!important}.spline-background{cursor:grab!important}.spline-background:active{cursor:grabbing!important}.imageContainer,.profile-image{cursor:default!important}.projects{position:relative}.projects .progress{position:sticky;top:0;left:0;text-align:center;font-size:2rem;color:orange;background-color:#000;z-index:10;padding:1rem 0}.projects .progress h1{margin-bottom:3px;font-weight:500}.projects .progress .progressBar{width:100%;height:8px;background-color:#ffeb3b;border-radius:4px}.projects .container{display:flex;height:100vh;overflow:hidden;padding:2rem;align-items:center;gap:2rem}.projects .container .image-container{flex:1;max-width:50%;overflow:hidden;border-radius:10%}.projects .container .image-container img{width:100%;height:100%;object-fit:contain;border-radius:15px}.projects .container .text-container{flex:1;height:100%;max-width:50%;display:flex;flex-direction:column;justify-content:center;padding:2rem}.projects .container .text-container h2{font-size:2rem;margin-bottom:1rem;color:#f5f5f5}.projects .container .text-container p{font-size:1.1rem;margin-bottom:2rem;color:#ffebcd;line-height:1.6}.projects .container .text-container a{padding:12px 24px;font-size:1rem;background-color:orange;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;text-align:center;width:fit-content;text-decoration:none;display:inline-block}.projects .container .text-container a:hover{background-color:#ff8c00;transform:translateY(-2px);box-shadow:0 4px 8px #ff8c004d}@media (max-width: 1200px){.projects .container,.projects .container .text-container{padding:1.8rem}.projects .container .text-container h2{font-size:1.9rem}.projects .container .text-container p{font-size:1.05rem}}@media (max-width: 1024px){.projects .progress{font-size:1.8rem;padding:.9rem 0}.projects .container,.projects .container .text-container{padding:1.5rem}.projects .container .text-container h2{font-size:1.8rem}.projects .container .text-container p{font-size:1rem}.projects .container .text-container a{padding:10px 20px;font-size:.95rem}}@media (max-width: 768px){.projects .progress{font-size:1.5rem;padding:.8rem 0}.projects .container{flex-direction:column;height:auto;min-height:100vh;padding:1rem;gap:1.5rem}.projects .container .image-container{max-width:100%;order:1;height:250px;border-radius:5%}.projects .container .image-container img{height:100%;object-fit:cover;border-radius:10px}.projects .container .text-container{max-width:100%;order:2;height:auto;padding:1rem;text-align:center}.projects .container .text-container h2{font-size:1.6rem;margin-bottom:.8rem}.projects .container .text-container p{font-size:.95rem;margin-bottom:1.5rem;text-align:left;line-height:1.5}.projects .container .text-container a{margin:0 auto;padding:10px 20px;font-size:.9rem}}@media (max-width: 480px){.projects .progress{font-size:1.3rem;padding:.6rem 0}.projects .progress h1{font-size:1.3rem}.projects .container{padding:.5rem;gap:1rem;min-height:100vh}.projects .container .image-container{height:200px;border-radius:3%}.projects .container .image-container img{border-radius:8px}.projects .container .text-container{padding:.5rem}.projects .container .text-container h2{font-size:1.4rem;margin-bottom:.6rem}.projects .container .text-container p{font-size:.85rem;margin-bottom:1rem;line-height:1.4}.projects .container .text-container a{padding:8px 16px;font-size:.85rem;width:80%;max-width:200px}}@media (max-width: 375px){.projects .progress{font-size:1.2rem;padding:.5rem 0}.projects .progress h1{font-size:1.2rem}.projects .container{padding:.3rem;gap:.8rem}.projects .container .image-container{height:180px}.projects .container .text-container{padding:.3rem}.projects .container .text-container h2{font-size:1.2rem;margin-bottom:.5rem}.projects .container .text-container p{font-size:.8rem;margin-bottom:.8rem;line-height:1.3}.projects .container .text-container a{padding:6px 12px;font-size:.8rem;width:85%;max-width:180px}}:root{font-size:16px}.spline-contact-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6;pointer-events:auto!important;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden}.spline-contact-background *{pointer-events:auto!important;-webkit-user-select:none!important;user-select:none!important}.spline-contact-background canvas,.spline-contact-background div,.spline-contact-background svg{pointer-events:auto!important;cursor:grab!important}.spline-contact-background canvas:active,.spline-contact-background div:active{cursor:grabbing!important}.spline-contact-background:active{cursor:grabbing}.spline-contact-background:after{content:"🎨 Interactive 3D Contact Background";position:absolute;top:20px;right:20px;background:#000c;color:#fff;padding:8px 12px;border-radius:20px;font-size:.75rem;z-index:10;opacity:.6;animation:contactPulse 4s infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes contactPulse{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.7;transform:scale(1)}}.contact{background-color:inherit;height:100%;margin:auto;max-width:1366px;display:flex;align-items:center;justify-content:space-around;padding:2rem;box-sizing:border-box;overflow:hidden;gap:2rem;position:relative;z-index:1;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.contact .textContainer{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem;box-sizing:border-box;flex:1;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;border:none;box-shadow:none;pointer-events:none;-webkit-user-select:none;user-select:none}.contact .textContainer h1{font-size:3.125rem;margin:0;color:#fff;text-shadow:4px 4px 8px rgba(0,0,0,.9),2px 2px 4px rgba(0,0,0,.8);-webkit-user-select:none;user-select:none;cursor:default}.contact .textContainer .items{margin-bottom:1rem;-webkit-user-select:none;user-select:none}.contact .textContainer .items h2{font-size:1.2rem;color:#deb887;margin-bottom:.5rem;text-shadow:3px 3px 6px rgba(0,0,0,.9),1px 1px 2px rgba(0,0,0,.8);-webkit-user-select:none;user-select:none;cursor:default}.contact .textContainer .items p{font-size:1rem;color:#ccc;text-shadow:2px 2px 4px rgba(0,0,0,.9),1px 1px 2px rgba(0,0,0,.8);-webkit-user-select:none;user-select:none;cursor:default}.contact .FormContainer{flex:1;padding:1.25rem;box-sizing:border-box;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;border:none;box-shadow:none;pointer-events:auto}.contact .FormContainer form{display:flex;flex-direction:column;gap:1.5rem;pointer-events:auto}.contact .FormContainer input[type=text],.contact .FormContainer input[type=email],.contact .FormContainer textarea{padding:.75rem;border-radius:.375rem;border:2px solid rgba(255,255,255,.3);background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1rem;color:#333;box-shadow:0 4px 15px #0003;transition:border-color .3s,box-shadow .3s;width:100%;box-sizing:border-box;pointer-events:auto;-webkit-user-select:text;user-select:text}.contact .FormContainer textarea{min-height:120px;resize:vertical}.contact .FormContainer input[type=text]:focus,.contact .FormContainer input[type=email]:focus,.contact .FormContainer textarea:focus{outline:none;border-color:#fffc;background-color:#fffffff2;box-shadow:0 6px 20px #0000004d}.contact .FormContainer button[type=submit]{padding:.75rem 1.5rem;border-radius:.375rem;border:2px solid rgba(255,255,255,.3);color:#fff;background-color:#007bffcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1rem;transition:background-color .3s,transform .2s;width:100%;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 4px 15px #0003}.contact .FormContainer button[type=submit]:hover{background-color:#0056b3e6;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}#Contacts{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}#Contacts,#Contacts *{cursor:default!important}.contact .FormContainer input,.contact .FormContainer textarea{cursor:text!important}.contact .FormContainer button{cursor:pointer!important}.spline-contact-background{cursor:grab!important}.spline-contact-background:active{cursor:grabbing!important}#Contacts{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.contact *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.contact .FormContainer input,.contact .FormContainer textarea{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}@media (max-width: 1024px){.spline-contact-background{opacity:.5}.spline-contact-background:after{font-size:.7rem;padding:6px 10px;top:15px;right:15px}.contact{padding:1.5rem;max-width:100%}.contact .textContainer h1{font-size:2.5rem}}@media (max-width: 768px){.spline-contact-background{opacity:.4;pointer-events:auto}.spline-contact-background:after{content:"👆 Tap to interact";top:10px;right:10px;font-size:.65rem;padding:6px 10px}.contact{flex-direction:column;align-items:stretch;height:auto;min-height:100vh;padding:2rem 1rem;gap:1.5rem;justify-content:flex-start}.contact .textContainer,.contact .FormContainer{flex:none;width:100%;background:transparent}.contact .textContainer{text-align:center;padding:1rem}.contact .textContainer h1{font-size:2rem;margin-bottom:1.5rem}.contact .textContainer .items{text-align:left;margin-bottom:1rem}.contact .textContainer .items h2{font-size:1.1rem}.contact .textContainer .items p{font-size:.95rem}.contact .FormContainer{padding:1rem}.contact .FormContainer form{gap:1.2rem}.contact .FormContainer input[type=text],.contact .FormContainer input[type=email],.contact .FormContainer textarea{padding:.7rem;font-size:.95rem}.contact .FormContainer textarea{min-height:100px}.contact .FormContainer button[type=submit]{padding:.7rem 1.2rem;font-size:.95rem}}@media (max-width: 480px){.spline-contact-background{opacity:.3}.spline-contact-background:after{content:"👆 Tap";font-size:.6rem;padding:4px 8px;top:8px;right:8px}.contact{padding:1.5rem .5rem;gap:1rem}.contact .textContainer{padding:.5rem}.contact .textContainer h1{font-size:1.8rem;margin-bottom:1rem}.contact .textContainer .items{margin-bottom:.8rem}.contact .textContainer .items h2{font-size:1rem;margin-bottom:.3rem}.contact .textContainer .items p{font-size:.9rem}.contact .FormContainer{padding:.5rem}.contact .FormContainer form{gap:1rem}.contact .textContainer,.contact .FormContainer{background:transparent}}@media (max-width: 480px) and (max-height: 800px){.spline-contact-background{pointer-events:none;opacity:.2}.contact .textContainer,.contact .FormContainer{background:transparent}}@media (prefers-reduced-motion: reduce){.spline-contact-background{pointer-events:none;opacity:.3}.spline-contact-background:after{display:none}@keyframes contactPulse{0%,to{opacity:.3;transform:scale(1)}}}@media (prefers-contrast: high){.spline-contact-background{opacity:.2}.contact .textContainer h1{text-shadow:4px 4px 8px rgba(0,0,0,.9)}.contact .textContainer,.contact .FormContainer{background:transparent;border:none}.contact .FormContainer input[type=text],.contact .FormContainer input[type=email],.contact .FormContainer textarea{padding:.6rem;font-size:.9rem}.contact .FormContainer textarea{min-height:80px}.contact .FormContainer button[type=submit]{padding:.6rem 1rem;font-size:.9rem}}.circle{height:24px;width:24px;border-radius:24px;background-color:red;position:fixed;top:0;left:0;pointer-events:none;z-index:9999}@media (max-width: 768px){.circle{display:none}}.spline-about-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6;pointer-events:auto!important;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden}.spline-about-background *{pointer-events:auto!important;-webkit-user-select:none!important;user-select:none!important}.spline-about-background canvas,.spline-about-background div,.spline-about-background svg{pointer-events:auto!important;cursor:grab!important}.spline-about-background canvas:active,.spline-about-background div:active{cursor:grabbing!important}.spline-about-background:active{cursor:grabbing}.spline-about-background:after{content:"🎮 Interactive 3D Background";position:absolute;top:20px;left:20px;background:#000c;color:#fff;padding:8px 12px;border-radius:20px;font-size:.75rem;z-index:10;opacity:.6;animation:fadeInOut 4s infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes fadeInOut{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.7;transform:scale(1)}}.about-me{font-family:Arial,sans-serif;color:bisque;height:100vh;padding:2rem;max-width:90%;margin:0 auto;font-size:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.about-me-header{text-align:center;margin-bottom:2rem;position:relative;z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none}.about-me-header h1{font-size:2.5rem;margin:0;text-shadow:3px 3px 6px rgba(0,0,0,.8);-webkit-user-select:none;user-select:none;cursor:default}.about-me-introduction,.about-me-education{margin-bottom:2rem;text-align:left;width:100%;max-width:800px;position:relative;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;background:#000000b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1.5rem;border-radius:15px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}.about-me-introduction h2,.about-me-education h2{font-size:1.8rem;margin-bottom:1rem;color:#deb887;text-shadow:2px 2px 4px rgba(0,0,0,.8);-webkit-user-select:none;user-select:none;cursor:default}.about-me-introduction ul,.about-me-education ul{list-style:none;padding:0;-webkit-user-select:none;user-select:none}.about-me-introduction li,.about-me-education li{pointer-events:none;margin-bottom:1rem;line-height:1.6;padding-left:1rem;position:relative;-webkit-user-select:none;user-select:none;cursor:default;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.about-me-introduction li:before,.about-me-education li:before{content:"▶";position:absolute;left:0;color:#deb887;-webkit-user-select:none;user-select:none}#About{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}#About,#About *{cursor:default!important}.spline-about-background{cursor:grab!important}.spline-about-background:active{cursor:grabbing!important}#About{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 768px){.spline-about-background{opacity:.5;pointer-events:auto}.spline-about-background:after{content:"👆 Tap to interact";top:10px;left:10px;font-size:.65rem;padding:6px 10px}.about-me{height:auto;min-height:calc(100vh - 120px);padding:2rem 1rem;max-width:95%;justify-content:flex-start}.about-me-header{margin-bottom:1.5rem}.about-me-header h1{font-size:2rem}.about-me-introduction,.about-me-education{margin-bottom:2rem;max-width:100%;padding:1.2rem;background:#00000080}.about-me-introduction h2,.about-me-education h2{font-size:1.5rem;margin-bottom:.8rem}.about-me-introduction li,.about-me-education li{font-size:.95rem;margin-bottom:1rem;line-height:1.6}}@media (max-width: 480px){.spline-about-background{opacity:.4}.spline-about-background:after{content:"👆 Tap";font-size:.6rem;padding:4px 8px;top:8px;left:8px}.about-me{padding:1.5rem 1rem;font-size:.9rem;min-height:calc(100vh - 120px);justify-content:flex-start}.about-me-header{margin-bottom:1.5rem}.about-me-header h1{font-size:1.8rem}.about-me-introduction,.about-me-education{margin-bottom:2rem;padding:1rem;background:#0009}.about-me-introduction h2,.about-me-education h2{font-size:1.3rem;margin-bottom:1rem}.about-me-introduction li,.about-me-education li{font-size:.9rem;line-height:1.5;margin-bottom:1rem;padding-left:1rem}}@media (max-width: 375px){.spline-about-background{opacity:.3}.spline-about-background:after{display:none}.about-me{padding:1rem .8rem;min-height:calc(100vh - 100px)}.about-me-header h1{font-size:1.6rem}.about-me-introduction,.about-me-education{padding:.8rem;background:#000000b3}.about-me-introduction h2,.about-me-education h2{font-size:1.2rem}.about-me-introduction li,.about-me-education li{font-size:.85rem;line-height:1.4;margin-bottom:.8rem}}@media (max-width: 480px) and (max-height: 800px){.spline-about-background{pointer-events:none;opacity:.2}.about-me-introduction,.about-me-education{background:#000c}}@media (prefers-reduced-motion: reduce){.spline-about-background{pointer-events:none;opacity:.3}.spline-about-background:after{display:none}@keyframes fadeInOut{0%,to{opacity:.3;transform:scale(1)}}}@media (prefers-contrast: high){.spline-about-background{opacity:.2}.about-me-header h1{text-shadow:4px 4px 8px rgba(0,0,0,.9)}.about-me-introduction,.about-me-education{background:#000000e6;border:2px solid rgba(255,255,255,.3)}}.about-me *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.technologies{margin:0;padding:2rem 1rem;height:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start}.technologies h2{font-size:2rem;text-align:center;color:#7fff00;margin-bottom:2rem}.technologies button{background-color:#f5f5f5;color:#333;border:2px solid #333;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s;margin:0 auto 2rem;display:block}.technologies button:hover{background-color:#333;color:#f5f5f5;border-color:#f5f5f5}.technologies button:focus{outline:none;box-shadow:0 0 0 2px #3d85c680}.wrapper-tools{display:flex;width:100%;height:auto;min-height:calc(100vh - 200px);align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;flex:1}.tech-categories{position:relative;display:flex;align-items:center;justify-content:center;border:10px dotted;border-image:linear-gradient(45deg,#e26868,#3a7b0c);border-image-slice:1;border-radius:60px;margin-bottom:1rem;width:70%;min-height:400px;padding:20px;overflow:hidden;flex:2}.tech-icons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;width:100%}.tech-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s,box-shadow .3s;border:1px solid white;cursor:pointer}.tech-item p{margin-top:.5rem;font-size:.8rem;color:#666;text-align:center}.tech-item svg{font-size:3rem;transition:color .3s ease}.tech-item.html5{color:#e44d26}.tech-item.css3{color:#1572b6}.tech-item.javascript{color:#f7e01e}.tech-item.react{color:#61dafb}.tech-item.nodejs{color:#8cc84b}.tech-item.mongodb{color:#47a248}.tech-item.mysql{color:#00618a}.tech-item.database{color:#003b57}.tech-item.bootstrap{color:#563d7c}.tech-item.sass{color:#c69}.tech-item.tailwindcss{color:#38b2ac}.tech-item.git{color:#f1502f}.tech-item:hover{transform:scale(1.1);box-shadow:0 6px 12px #0003}.text{color:#fff;font-size:1.3rem;margin:2rem;text-align:center;flex:1;min-width:300px}.text h3{margin-bottom:1rem;font-size:1.5rem}.text p{line-height:1.6}@media (max-width: 1024px){.wrapper-tools{flex-direction:column;height:auto;min-height:calc(100vh - 200px);padding:1rem}.tech-categories{width:90%;min-height:350px}.text{width:90%;margin:1rem;font-size:1.1rem}}@media (max-width: 768px){.technologies{margin:0;padding:1rem;min-height:100vh}.technologies h2{font-size:1.8rem;margin-bottom:1.5rem}.wrapper-tools{gap:1rem;padding:1rem;min-height:calc(100vh - 150px)}.tech-categories{width:95%;min-height:300px;padding:15px;border-width:5px;border-radius:30px}.tech-icons{gap:.8rem}.tech-item{width:80px;height:80px}.tech-item svg{font-size:2.5rem}.tech-item p{font-size:.7rem}.text{font-size:1rem;margin:.5rem;min-width:auto;width:95%}.text h3{font-size:1.3rem}}@media (max-width: 480px){.technologies{padding:1rem .5rem;min-height:100vh}.technologies h2{font-size:1.5rem;margin-bottom:1rem}.technologies button{padding:.4rem .8rem;font-size:.9rem}.wrapper-tools{padding:.5rem;gap:.8rem;min-height:calc(100vh - 120px)}.tech-categories{width:98%;min-height:250px;padding:10px;border-radius:20px;border-width:3px}.tech-icons{gap:.5rem}.tech-item{width:70px;height:70px}.tech-item svg{font-size:2rem}.tech-item p{font-size:.6rem;margin-top:.25rem}.text{font-size:.9rem;margin:.25rem;width:98%}.text h3{font-size:1.1rem;margin-bottom:.5rem}.text p{line-height:1.4}}