#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}.wrapper{width:420px;background:#e2e2e2;color:#000;border-radius:10px;padding:30px 40px}.wrapper h1{font-size:36px;text-align:center}.wrapper p{text-align:center;padding:.2rem 0 0}.wrapper .input-box{position:relative;width:100%;height:50px;margin:30px 0}.input-box input{width:100%;height:55px;background:transparent;border:none;outline:none;border:2px solid azure;border-radius:25px;font-size:16px;color:#000;padding:0 20px;box-sizing:border-box}.input-box input::placeholder{color:#000}.input-box input:invalid{border:2px dashed black}.input-box input:invalid:required{background-image:none}.input-box input:valid{border:2px solid black;background-color:transparent}.wrapper .remember-forgot{display:flex;justify-content:space-between;font-size:15px;margin:15px 0}.remember-forgot label input{accent-color:azure;margin-right:3px}.remember-forgot a{color:azure;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}.wrapper .btn{width:100%;height:45px;background:#78c2f1;outline:none;border:none;border-radius:40px;cursor:pointer;font-size:16px;color:#000;font-weight:500;transition:box-shadow .3s ease}.wrapper .btn:hover{box-shadow:0 0 5px #000}.wrapper .join-link{font-size:15px;text-align:center;margin:20px 0 15px}.join-link p a{color:#3f3f3f;text-decoration:none;font-weight:500}.join-link p a:hover{text-decoration:underline}.err{color:red;text-align:center;margin-top:5px}img{max-width:45px}.container[data-v-db3e78a8]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border:lightgray solid 2px;border-radius:10px}[data-v-db3e78a8-s]{font-size:1.5rem;text-decoration:none;color:#000;transition:box-shadow .3s ease,transform .3s ease;transition:background-color .3s ease-out,background-color .3s ease-out;padding:5px 10px;margin-left:20px;border-radius:10px}a[data-v-db3e78a8-s]:hover{background-color:#78c2f1;box-shadow:0 0 5px #000;transform:translateY(-5px)}.main-container[data-v-6e130241]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}h1[data-v-6e130241]{color:#543d1b;margin-bottom:0}h2[data-v-6e130241]{color:#85b853;margin-bottom:20px}.button-container[data-v-6e130241]{margin:20px 0}button[data-v-6e130241]{background-color:#78c2f1;color:#000;padding:10px 20px;font-size:16px;border-radius:5px;border:none;cursor:pointer;transition:box-shadow .3s ease}button[data-v-6e130241]:hover{box-shadow:0 0 5px #000}.background-image[data-v-6e130241]{width:60%;height:auto;max-width:1000px;margin-top:20px}form[data-v-de2a25c8]{justify-content:center;align-items:center}main[data-v-de2a25c8]{display:flex;justify-content:center;align-items:center;min-height:100vh}form[data-v-7aa2a169]{justify-content:center;align-items:center}main[data-v-7aa2a169]{display:flex;justify-content:center;align-items:center;min-height:100vh}a[data-v-a8a9f931]{cursor:pointer}.grid-panel[data-v-a8a9f931]{padding-left:10px}.view[data-v-a8a9f931]{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100%}@media (min-width: 50em){main[data-v-a8a9f931]{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.line[data-v-a8a9f931]{border-right:3px black solid}.vline[data-v-a8a9f931]{border-left:3px black solid}}a[data-v-328ee7b9]{padding:10px;font-size:30px;color:gray;cursor:pointer}a[data-v-328ee7b9]:hover{color:#000}.modal-backdrop[data-v-3235d775]{position:absolute;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.modal[data-v-3235d775]{background-color:#d3d3d3;padding:30px;border:3px solid black}.modal-button[data-v-3235d775]:hover{background-color:#000;color:#fff;border-radius:0}.Profile[data-v-83370832]{color:#000;font-size:26px;border-radius:10px;padding:0 20px}.Profile h1[data-v-83370832]{font-size:36px;text-align:center}button[data-v-83370832]{background-color:#78c2f1;color:#000;padding:5px 10px;font-size:15px;border-radius:5px;border:none;cursor:pointer;transition:box-shadow .3s ease;margin-right:10px}button[data-v-83370832]:hover{box-shadow:0 0 5px #000}a[data-v-88a74918]{padding:10px;font-size:30px;color:gray;cursor:pointer;transition:color .2s ease}a[data-v-88a74918]:hover{color:#000}a[data-v-5eade04e]{padding:10px;font-size:30px;color:gray;cursor:pointer;transition:color .2s ease}a[data-v-5eade04e]:hover{color:#000}button[data-v-5eade04e]{background-color:#78c2f1;color:#000;padding:5px 10px;font-size:15px;border-radius:5px;border:none;cursor:pointer;transition:box-shadow .3s ease}button[data-v-5eade04e]:hover{box-shadow:0 0 5px #000}main[data-v-c2ea6e90]{margin-left:20px}button[data-v-c2ea6e90]{background-color:#78c2f1;color:#000;padding:5px 10px;font-size:15px;border-radius:5px;border:none;cursor:pointer;transition:box-shadow .3s ease;margin:10px 10px 10px 0}button[data-v-c2ea6e90]:hover{box-shadow:0 0 5px #000}.excu[data-v-c2ea6e90],.fre[data-v-c2ea6e90]{cursor:pointer}main[data-v-14c7a1bb]{grid-template-columns:1fr 1fr}main[data-v-14c7a1bb]{margin-left:20px}button[data-v-14c7a1bb]{background-color:#78c2f1;color:#000;padding:5px 10px;font-size:15px;border-radius:5px;border:none;cursor:pointer;transition:box-shadow .3s ease;margin:10px 10px 10px 0}button[data-v-14c7a1bb]:hover{box-shadow:0 0 5px #000}select[data-v-14c7a1bb]{padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;width:300px}label[data-v-14c7a1bb]{display:block;margin-bottom:5px;font-weight:700}input[type=checkbox][data-v-14c7a1bb]{margin-right:5px}main[data-v-ac43944f]{margin-left:15px}.fname[data-v-ac43944f]{text-decoration:none}button[data-v-ac43944f]{background-color:#78c2f1;color:#000;padding:5px;font-size:11px;border-radius:5px;border:none;cursor:pointer;transition:box-shadow .3s ease;margin:10px 10px 10px 0}button[data-v-ac43944f]:hover{box-shadow:0 0 5px #000}.fre[data-v-ac43944f]{cursor:pointer}button[data-v-d2a052c0]{background-color:#78c2f1;color:#000;padding:5px 10px;font-size:15px;border-radius:5px;border:none;cursor:pointer;transition:box-shadow .3s ease}button[data-v-d2a052c0]:hover{box-shadow:0 0 5px #000}main[data-v-3c55d5ba]{margin-left:15px}button[data-v-3c55d5ba]{background-color:#78c2f1;color:#000;padding:5px;font-size:11px;border-radius:5px;border:none;cursor:pointer;transition:box-shadow .3s ease;margin-left:10px}button[data-v-3c55d5ba]:hover{box-shadow:0 0 5px #000}