@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";
@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{text-shadow:0 0 20px #a855f780}50%{text-shadow:0 0 40px #a855f7cc,0 0 60px #a855f74d}}@keyframes inputFocus{0%{transform:scale(1);box-shadow:0 0 #a855f700}50%{transform:scale(1.02);box-shadow:0 0 10px #a855f74d}to{transform:scale(1);box-shadow:0 0 #a855f700}}:root{--background-light:#f8fafc;--background-dark:#0a0a0a;--text-light:#2a3547;--text-dark:#e1e3e5}body{min-height:100vh;margin:0;padding:0}[data-theme=light] body{background-color:var(--background-light);color:var(--text-light)}[data-theme=dark] body{background-color:var(--background-dark);color:var(--text-dark)}body,.theme-wrapper *{transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out}input:focus{outline:none;animation:.3s ease-in-out inputFocus}.page-enter{opacity:0;transform:translate(100%)}.page-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translate(0)}.page-exit{opacity:1;transform:translate(0)}.page-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:translate(-100%)}.mirror-video{transform:scaleX(-1)}.face-tracking-container{width:fit-content;position:relative}.face-tracking-container video,.face-tracking-container canvas{transform:scaleX(-1)}.theme-toggle-button{transition:transform .2s ease-in-out,opacity .2s ease-in-out!important}.theme-toggle-button:hover{transform:scale(1.1)}.theme-wrapper{min-height:100vh;position:relative}