@font-face{font-family:Exo2;src:url(../fonts/Exo2-VariableFont_wght.ttf)}body{background-size:cover;font-family:Exo2;margin:0;width:100vw}body,main{height:100vh}main{background-color:#ffffff82;overflow:hidden;width:100%}header{height:100px}.scene{background:url(../images/bg.jpg) 50%/cover no-repeat;height:768px;position:fixed;width:1344px;z-index:-1;-webkit-transform-origin-x:left;-webkit-transform-origin-y:top}.bubble{backdrop-filter:blur(6px);background:hsla(0,0%,100%,.92);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.15);max-width:240px;min-width:60px;padding:12px 14px;position:absolute}.bubble .line{color:#333;font-size:14px;line-height:1.2;margin:2px 0;min-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble.active{outline:2px solid rgba(192,132,252,.6);transform:scale(1.02);transition:all .25s ease}#b1{height:72px;left:198px;top:106px;width:160px}#b2{height:78px;left:530px;top:100px;width:220px}#b3{height:75px;left:948px;top:104px;width:201px}#b4{height:104px;left:343px;top:344px;width:245px}#b5{height:102px;left:790px;top:312px;width:224px}#b6{border-radius:18px 0 0 18px;height:96px;left:1216px;top:343px;width:128px}header .company #logo{background-image:url(../images/logo_128.png);background-size:contain;height:60px;width:60px}header .company .name{color:#3e016d;font-size:25px;font-weight:600;line-height:35px;text-shadow:0 0 2px #7631830d}header .company .title{background:#ffffffad;border-radius:5px;font-size:13px;font-weight:600;padding:4px;text-align:center;width:156px}.nav-links{display:flex;float:right;list-style:none;margin:0;padding:0}.nav-links li{margin:0 15px}.nav-links a{border-radius:5px;color:#3e0975;font-size:16px;font-weight:600;padding:5px 10px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.nav-links a:hover{background:#00000099;color:#fff}.toggle-button{cursor:pointer;display:none;flex-direction:column;float:right;width:30px}.toggle-button div{background-color:#333;border-radius:2px;box-shadow:0 0 3px #f6f3f7;height:3px;margin:3px 0;width:25px}.side-nav{background-color:#ffffffbf;box-shadow:2px 0 5px rgba(0,0,0,.2);left:-300px;overflow-x:hidden;padding-top:20px;transition:.3s;width:300px;z-index:1001}.overlay,.side-nav{height:100%;position:fixed;top:0}.overlay{background-color:rgba(0,0,0,.5);left:0;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.overlay.active{opacity:1;visibility:visible}.side-nav a{color:#3e0975;display:block;font-size:1.1rem;font-weight:600;padding:15px 20px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.side-nav a:hover{background:#00000099;border-radius:10px;color:#fff}.side-nav.open{left:0}.close-btn{color:#333;cursor:pointer;font-size:1.5rem;font-size:52px!important;font-weight:700;line-height:35px;position:absolute;right:0;text-decoration:none;top:0;transition:color .3s ease}@media (max-width:768px){.nav-links{display:none}.toggle-button{display:flex}}main #page{border-radius:8px;bottom:10px;height:calc(100% - 100px);overflow:hidden;position:absolute;width:calc(100% - 15px)}main #page #PageData{height:100%;left:0;position:absolute;-webkit-transition:all .4s ease-in;width:300vw}main #page .section{float:left;height:100%;width:calc(100vw - 15px)}.screen-card{background:#ffffffa6;margin:50px auto auto;max-width:340px;width:90%}#login.card img{margin:10px 10px 10px calc(50% - 80px);width:160px}.btn{font-size:12px}.form-control{font-size:13px}.card-title{font-size:16px}#login .btn{width:100%}.btn-outline-primary{border-color:#763c8e!important}.btn-primary{background:#763c8e;background:linear-gradient(180deg,#552885,#91296b 50%,#e54763);border-width:0;box-shadow:0 0 2px #000;color:#fff;-webkit-transition:background 1s ease-in}.btn-primary:hover{background:#763c8e;background:linear-gradient(0deg,#552885,#91296b 50%,#e54763);color:#fff}.btn-primary.active{background:linear-gradient(176deg,#dcbcff,#ffbfe8 50%,#ff99ab);color:#000}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(2.75rem + var(--bs-border-width)*2);line-height:1;min-height:calc(2.75rem + var(--bs-border-width)*2)}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:.75rem .5rem}.form-floating>label{font-size:13px;padding:.75rem}.form-floating>.form-select{font-size:13px;padding-bottom:.4rem;padding-left:.75rem;padding-top:1.3rem}.form-check-label{font-size:13px}