#root{width:100%;height:100%;max-width:1280px;margin:0 auto;padding-top:140px;text-align:center;top:0}header{background-color:var(--bg);position:fixed;display:flex;flex-direction:row;justify-content:flex-end;height:100px;left:0;right:0;top:0;width:100%;padding:15px;z-index:3}header .logo-text-container{position:absolute;top:0;left:30px;z-index:3}header .logo-text-container h1{border:4px var(--border) solid;border-radius:5px;padding:5px;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}header .logo-text-container h1:hover{transform:scale(1.2);box-shadow:0 0 15px #e4d7c3;background-color:var(--bg-hover)}header .theme-btn-header{position:absolute;right:50px;top:30%;transform:translateY(-50%);background:transparent;border:none;color:var(--text);opacity:.5;font-size:24px;padding:4px 6px;height:auto;cursor:pointer;z-index:3;transition:opacity .2s ease}header .theme-btn-header:hover{opacity:1}header .burger-container{position:absolute;height:40px;width:60px;top:35%;right:75px;display:flex;justify-content:space-between;flex-direction:column}header .hamburger{width:100%;height:0;z-index:3}header .burger1{border-top:5px solid #81b29a}header .burger2{border-top:5px solid #f2cc8f}header .burger3{border-top:5px solid #e07a5f}header .tab-container{position:absolute;z-index:0;padding-top:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:50px;height:800px;width:100%;top:120px;opacity:0;right:-620px;background-color:var(--bg);transition:all .7s ease}header .tab-container button{border:none;border-radius:0%;border-bottom:4px solid;width:50%;font-size:35px;height:100px}header .tab-container .col-a{border-color:#e07a5f}header .tab-container .col-b{border-color:#f2cc8f}header .tab-container .col-c{border-color:#81b29a}footer{position:static;left:0;bottom:0;right:0;width:100%;padding-top:100px}@media (max-width: 859px){header .theme-btn-header{display:none}}@media (min-width: 860px){header .burger-container{display:none}header .tab-container{background-color:transparent;position:static;margin-right:10%;display:flex;justify-content:center;width:500px;flex-direction:row;align-items:center;gap:30px;height:100%;opacity:1!important;right:0}header .tab-container button{font-size:25px;height:60px;transition:border-width .2s linear}header .tab-container .col-a:hover{border-bottom:10px solid #e07a5f}header .tab-container .col-b:hover{border-bottom:10px solid #f2cc8f}header .tab-container .col-c:hover{border-bottom:10px solid #81b29a}}.about-container{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}.hover-hint{position:fixed;bottom:68px;right:40px;z-index:9999;color:var(--text);font-size:11px;letter-spacing:.08em;opacity:0;pointer-events:none;transition:opacity .4s ease}.hover-hint.hover-hint--visible{opacity:.5}body.ge-active .hover-hint{opacity:0!important}.preview-switcher{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;gap:8px;transition:opacity .4s ease}@media (max-width: 859px){.preview-switcher{display:none}}body.ge-active .preview-switcher{opacity:0;pointer-events:none}.preview-switcher .preview-btn{background:var(--bg);border:2px solid var(--border);color:var(--text);padding:6px 14px;cursor:pointer;font-size:14px;transition:all .2s}.preview-switcher .preview-btn.active{background:#e07a5f;border-color:#e07a5f}.preview-switcher .preview-btn:hover:not(.active){border-color:#15a3ef}.intro-container{margin-top:60px;padding:120px 20px 80px;width:80%;max-width:600px;border-radius:0%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.intro-bg--a{left:50%;right:auto;transform:translate(-50%);width:100vw;overflow:hidden}.intro-bg--a .ring{position:absolute;border-radius:50%;top:350px;left:50%;transform:translate(-50%,-50%);width:550px;height:550px;transition:width 2.5s ease-in-out,height .8s ease-in-out}.intro-bg--a .ring-1{border-top:3px solid #f2cc8f;border-right:3px solid #e07a5f;border-bottom:3px solid #15a3ef;border-left:3px solid #81b29a;animation:ring-cw 2s linear infinite}.intro-bg--a .ring-2{border-top:3px solid #e07a5f;border-right:3px solid #15a3ef;border-bottom:3px solid #81b29a;border-left:3px solid #f2cc8f;animation:ring-ccw 3.5s linear infinite}.intro-bg--a .ring-3{border-top:3px solid #15a3ef;border-right:3px solid #81b29a;border-bottom:3px solid #f2cc8f;border-left:3px solid #e07a5f;animation:ring-cw 5s linear infinite}.intro-bg--a .ring-4{border-top:3px solid #81b29a;border-right:3px solid #f2cc8f;border-bottom:3px solid #e07a5f;border-left:3px solid #15a3ef;animation:ring-ccw 7s linear infinite}.intro-bg--a .ring--active.ring-1{width:800px;height:800px}.intro-bg--a .ring--active.ring-2{width:1050px;height:1050px}.intro-bg--a .ring--active.ring-3{width:1300px;height:1300px}.intro-bg--a .ring--active.ring-4{width:1550px;height:1550px}@keyframes ring-cw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ring-ccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}.intro-bg--b,.intro-bg--c{overflow:hidden}.spinner{position:absolute;border-bottom:7px #15a3ef solid;border-top:7px #f2cc8f solid;width:min(500px,90vw);height:min(500px,90vw);top:60px;z-index:0}.anim-container{width:100%;display:flex;flex-direction:row;justify-content:center;transition:transform .3s ease}.anim-container h2{margin-left:8px;width:48%}.anim-container .i-like{text-align:right}.anim-container .text-anim{text-align:left;width:40%;transition:color .15s ease}.anim-container--active{transform:translate(-7px)}.text-cycle-0{color:#e07a5f}.text-cycle-1{color:#f2cc8f}.text-cycle-2{color:#81b29a}.text-cycle-3{color:#15a3ef}@keyframes settle-grow{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.text-anim--settled{transform-origin:left center;animation:settle-grow 1.5s ease-out forwards}.about-body-container{width:80%;padding-top:250px;padding-bottom:100px;text-align:left;display:flex;flex-direction:column;align-items:center;gap:100px}.about-body-container .about-text-container{width:100%;padding:5%;background-color:var(--bg);border-bottom:3px #81b29a solid;border-top:3px #e07a5f solid;z-index:2}.about-body-container .about-img-container{width:80%}.about-body-container .about-img-container img{width:140%;max-width:450px;clip-path:circle(45% at 55% 50%);transform:translate(-65px)}.icons{margin-top:50px;padding-top:50px;padding-bottom:50px;width:100%;background-color:var(--bg-surface);display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap;border-bottom:3px solid var(--border);z-index:2}.icons .icon{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding-top:20px;width:100px}.icon-img{width:50px;height:50px;padding:3px;background-color:var(--icon-bg);border-radius:5px}.down{display:none}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@media (max-width: 619px){.intro-bg{display:none}.spinner{left:50%;transform:translate(-50%)}.intro-container{padding-top:50px;padding-bottom:50px}}@media (min-width: 620px){.intro-container{border:none;padding-top:150px;padding-bottom:150px}.spinner{border-bottom:10px #15a3ef solid;border-top:10px #f2cc8f solid;border-right:10px #e07a5f solid;border-left:10px #81b29a solid;border-radius:50%;background-color:var(--bg);width:600px;height:600px;top:50px;animation:spinning 20s infinite linear;transition:border-width 1s linear}.spinner.spinner--active{border-width:3px;animation:spinning 1s infinite linear}}@media (min-width: 550px){.about-body-container .about-img-container img{width:120%;transform:translate(-50px)}}@media (min-width: 680px){.about-body-container .about-text-container{width:80%;padding:5%;border-bottom:3px #15a3ef solid;border-top:3px #f2cc8f solid;border-right:3px #e07a5f solid;border-left:3px #81b29a solid}.about-body-container .about-img-container{width:80%;height:100%;text-align:center}.about-body-container .about-img-container img{width:90%;transform:translate(-20px)}.down{top:700px;display:flex;justify-content:space-between;position:absolute;width:100%;opacity:0;transition:opacity .8s linear}.down .arrow{width:50px;margin:5%}}@media (min-width: 860px){.about-body-container{width:100%;padding-left:5%;flex-direction:row-reverse;justify-content:space-between}.about-body-container .about-text-container{width:40%;padding:3%;background-color:var(--bg);border-bottom:3px #15a3ef solid;border-top:3px #f2cc8f solid;border-right:3px #e07a5f solid;border-left:3px #81b29a solid;font-size:18px}.about-body-container .about-img-container{width:50%;height:100%;text-align:center}.about-body-container .about-img-container img{transform:translate(-10%);width:100%;max-width:550px}}.hero-container{display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:3px var(--border) solid;padding-bottom:50px;margin-bottom:100px}.hero-tabs{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}.hero-tabs .hero-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text);font-size:18px;padding:8px 16px;cursor:pointer;transition:border-color .2s ease}.hero-tabs .hero-tab.active{border-bottom:3px solid #e07a5f}.hero-tabs .hero-tab:hover:not(.active){border-bottom:2px solid #f2cc8f}.hero-carousel{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:300px}@media (min-width: 620px){.hero-carousel{min-height:700px}}.hero-slide{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}.hero-slide img{width:80%;height:200px;object-fit:contain;margin-bottom:20px;transition:all .4s ease-in-out}@media (min-width: 620px){.hero-slide img{height:500px}}.hero-slide img:hover{transform:scale(1.5)}.hero-slide-dots{display:flex;gap:10px;margin:16px 0}.hero-slide-dots .hero-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);background:transparent;cursor:pointer;padding:0;transition:background .2s ease}.hero-slide-dots .hero-dot.active{background:var(--border)}.hero-buttons{width:100%;max-width:500px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.hero-buttons button{border-radius:0;height:50px;width:100px;transition:all .2s linear}@media (min-width: 620px){.hero-buttons button{width:150px}}.hero-buttons button:hover{border-width:5px;font-size:18px}.hero-buttons .view{border-bottom:2px #81b29a solid}.hero-buttons .front{border-bottom:2px #15a3ef solid}.hero-buttons .backend{border-bottom:2px #f2cc8f solid}.hero-nav{background:none;border:none;border-radius:0;border-bottom:2px solid var(--border);color:var(--text);padding:8px 16px;cursor:pointer;white-space:nowrap;transition:border-width .2s linear}.hero-nav:hover{border-width:4px}.card-carousel{width:100%;display:flex;flex-direction:column;align-items:center;border-bottom:2px solid var(--border);padding-bottom:50px;margin-bottom:50px}.card-carousel h1{font-size:40px;margin-bottom:20px}.card-carousel-controls{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:20px}@media (max-width: 859px){.card-carousel-controls{flex-wrap:wrap}.card-carousel-controls .card-carousel-container{order:-1;width:100%;flex:none}.card-carousel-controls .carousel-nav{flex:1}}.card-carousel-container{flex:1;overflow:hidden;min-height:520px}.card-carousel-track{display:flex;flex-direction:row;align-items:flex-start;will-change:transform}.card-slot{display:flex;justify-content:center;align-items:flex-start;flex-shrink:0}.carousel-nav{background:none;border:none;border-radius:0;border-bottom:2px solid var(--border);color:var(--text);padding:8px 16px;cursor:pointer;white-space:nowrap;transition:border-width .2s linear;flex-shrink:0}.carousel-nav:hover:not(:disabled){border-width:4px}.carousel-nav:disabled{opacity:.3;cursor:default}.card-carousel-dots{display:flex;gap:10px;margin-top:20px}.card-carousel-dots .carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);background:transparent;cursor:pointer;padding:0;transition:background .2s ease}.card-carousel-dots .carousel-dot.active{background:var(--border)}.item-container{width:320px;height:450px;padding:25px;margin:25px;background-color:var(--bg);display:flex;flex-direction:column;align-items:center}.item-container img{width:100%;border-radius:5px;transition:all .4s ease-in-out}.item-container img:hover{transform:scale(2)}.item-container p{height:120px}.item-container button{border-radius:0;height:50px;width:120px;transition:all .2s linear}.item-container button:hover{border-width:5px;font-size:18px}.item-a{border-bottom:3px #15a3ef solid;border-top:3px #f2cc8f solid}.item-a .view{border-bottom:2px #e07a5f solid}.item-a .repo{border-bottom:2px #81b29a solid}.item-b{border-bottom:3px #81b29a solid;border-top:3px #15a3ef solid}.item-b .view{border-bottom:2px #f2cc8f solid}.item-b .repo{border-bottom:2px #e07a5f solid}.item-c{border-bottom:3px #e07a5f solid;border-top:3px #81b29a solid}.item-c .view{border-bottom:2px #15a3ef solid}.item-c .repo{border-bottom:2px #f2cc8f solid}.item-d{border-bottom:3px #f2cc8f solid;border-top:3px #e07a5f solid}.item-d .view{border-bottom:2px #81b29a solid}.item-d .repo{border-bottom:2px #15a3ef solid}.item-button-container{margin-top:25px;margin-bottom:25px;width:100%;display:flex;flex-direction:row;justify-content:space-between}.contact-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin-top:50px}.contact-form{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:80%}.contact{display:flex;flex-direction:column;align-items:center;gap:15px;font-size:25px;width:100%;padding:10px}.contact input{font-size:18px;font-weight:500;border-radius:5px}.name{border:3px #e07a5f solid;height:30px;width:50%;max-width:400px}.email{border:3px #f2cc8f solid;height:30px;width:50%;max-width:400px}.message{border:3px #81b29a solid;width:75%;height:200px;max-width:600px;font-size:18px;font-weight:500;border-radius:5px}.submit-button{margin-top:15px;border:1px solid #15a3ef;border-bottom:4px solid #15a3ef;width:180px;font-size:25px;height:60px}.ge-widget{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px}.ge-square{width:90px;height:90px;border:1px solid var(--border-subtle);background:transparent;cursor:crosshair}.ge-toggle{background:var(--bg);border:2px solid var(--border);color:var(--border);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;border-radius:4px;padding:0;line-height:1}.ge-toggle.ge-toggle--active{background:#e07a5f;border-color:#e07a5f}:root{--bg: #0a0a0a;--bg-surface: rgba(0, 0, 0, .3);--text: #ffffff;--border: #ffffff;--bg-hover: #1a1a1a;--border-subtle: rgba(255, 255, 255, .3);--icon-bg: #ffffff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}[data-theme=light]{--bg: #f5f0e8;--bg-surface: rgba(0, 0, 0, .05);--text: #1a1a1a;--border: #1a1a1a;--bg-hover: #e5dfd7;--border-subtle: rgba(0, 0, 0, .2)}body{color:var(--text);transition:background-color .3s ease,color .3s ease}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;height:40px;font-family:inherit;background-color:var(--bg);color:var(--border);cursor:pointer}.theme-btn{background:transparent;border:2px solid var(--border);color:var(--text);width:38px;height:38px;padding:0;font-size:16px;border-radius:4px;cursor:pointer;transition:border-color .2s ease;flex-shrink:0}.theme-btn:hover{border-color:#f2cc8f}