:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--main-color: #cb82da;--secondary-color: rgb(253, 251, 255)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{margin:0;font-family:Segoe UI,sans-serif;line-height:1.6}a{color:inherit}.hero{min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 0;background-image:url(/Dockerfile_data/images/bg-image.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-title{font-size:3rem;color:#f1d8ff}.cta-btn{display:inline-block;position:relative;padding:.75em 1.5em;font-size:1.3rem;font-weight:700;border:2px solid #c38fff;color:#c163ec;background:linear-gradient(to right,#c38fff,#c38fff);background-position:left;background-size:0% 100%;background-repeat:no-repeat;transition:background-size .4s ease,color .4s ease}.cta-btn:hover{background-size:100% 100%;color:#fff}.cta-btn--hero a{color:inherit;text-decoration:none}.about-section{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:100px 0;background:#d29edf;color:#fff;padding:4rem 2rem;clip-path:polygon(0 0,100% 0,100% 75%,0% 100%)}.about-section>.section-title{font-size:3rem;color:#fefcff}.about-description{font-size:1.4rem;max-width:700px;color:var(--secondary-color);margin:10px auto}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.1rem;width:100%;max-width:800px;margin:0 auto}.info-card{height:190px;background:#ffffff1a;border:1px solid #ffffff55;border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;font-size:1.3rem;transition:transform .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.info-card:hover{transform:translateY(-5px);background:#ffffff26}.projects-section{padding:100px 20px;background:#fff;text-align:center}.projects-section>.section-title{font-size:3rem;margin-bottom:50px;color:#b756c0}.project-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto}.project-description{flex:1;min-width:280px;max-width:500px;text-align:left}.project-description h3{font-size:1.8rem;color:var(--main-color);margin-bottom:1rem}.project-description p{color:#444;font-size:1.4rem;line-height:1.6;margin-bottom:1.5rem}.project-links a{margin-right:1rem;font-weight:700;text-decoration:none}.btn-outline{display:inline-block;position:relative;padding:.75em 1.5em;font-size:1.3rem;font-weight:700;border:2px solid #c38fff;color:#c163ec;background:linear-gradient(to right,#c38fff,#c38fff);background-position:left;background-size:0% 100%;background-repeat:no-repeat;transition:background-size .4s ease,color .4s ease}.btn-outline:hover{background-size:100% 100%;color:#fff}.btn-plain{color:#c163ec;font-weight:700}.project-image{flex:1;min-width:300px;max-width:500px;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.project-image img{width:100%;display:block;border-radius:12px}.contact-section{background:#d29edf;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:100px 20px;text-align:center;clip-path:polygon(0 25%,100% 0,100% 100%,0% 100%)}.section-title{font-size:2.8rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase}.contact-section p{font-size:1.3rem;margin-bottom:2rem}.contact-btn{display:inline-block;position:relative;padding:.75em 1.5em;font-size:1.3rem;font-weight:700;border:2px solid #eab5f1;color:#b66bc0;background:linear-gradient(to right,#eab5f1,#eab5f1);background-position:left;background-size:0% 100%;background-repeat:no-repeat;transition:background-size .4s ease,color .4s ease}.contact-btn:hover{background-size:100% 100%;color:#fff}.contact-btn--hero a{color:inherit;text-decoration:none}.fade-in-right{animation:fadeInRight 1s ease-out forwards;animation-delay:1s;opacity:0}@keyframes fadeInRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.footer{background-color:#be90ca;color:#fff;text-align:center;padding:40px 20px}.footer .socials a{margin:0 10px;color:#f2dcff;text-decoration:none}.footer .socials a:hover{color:#fff}.tech-section{color:#b756c0;text-align:center;padding:5rem 2rem;clip-path:polygon(0 0,100% 5%,100% 100%,0% 100%)}.tech-category-box{margin-bottom:3rem}.category-title{font-size:2.5rem;margin-bottom:1rem;color:var(--main-color)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.tech-card{min-width:335px;padding:1rem;border-radius:12px;border:5px solid rgb(255,223,255);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all 1s ease;font-size:2rem;color:#a26aad;position:relative}.tech-card:hover{transform:translateY(-5px);background:#ffd9fc5b;height:400px;padding:1.5rem}.icon-label{display:flex;align-items:center;gap:.5rem;font-weight:700;justify-content:center;margin-bottom:.5rem}.description{font-size:1.2rem;text-align:left;padding-top:.5rem;max-height:0;opacity:0;transition:max-height .8s ease,opacity .8s ease}.tech-card:hover .description{max-height:400px;opacity:1}.floating-tabs{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;gap:1rem;padding:.8rem;z-index:999;background-color:transparent;transition:background-color .4s ease,box-shadow .4s ease}.floating-tabs.visible{background-color:#ffffffa4}.floating-tabs.visible .tab{color:#c25fc5}.tab{transition:all .3s ease;all:unset;cursor:pointer;font-size:1.5rem;font-weight:700;color:#f9eeff;padding:.5rem 1rem}.tab:hover{background-color:#a26aad;color:#fff}