.card{background-color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:400px;height:auto;margin:10px auto 5%;padding:30px 20px;display:flex;box-shadow:0 6px 15px #0000001a}#des{color:gray;text-align:center;margin-bottom:20px;font-size:1rem}.point img{width:30px;height:30px}.points-container{justify-content:space-around;gap:35px;width:100%;margin-top:15px;margin-bottom:0;display:flex}.point p{text-align:center;color:gray;font-size:.8rem}.point{flex-direction:column;align-items:center;gap:5px;margin-top:5px;display:flex}h2{margin-bottom:20px;font-size:24px}.login-page,.signup-page{flex-direction:column;justify-content:flex-start;align-items:center;gap:.2rem;min-height:100vh;padding:2rem 1rem;display:flex}#hat{width:70px;margin:40px auto 2px;display:block}.login-page h1{margin-top:5px;margin-bottom:2px}.nav-buttons-cont{background:#ececec;border-radius:10px;justify-content:center;gap:15px;width:100%;margin-bottom:30px;padding:5px;display:flex}.nav-buttons-cont button{cursor:pointer;background:0 0;border:none;border-radius:10px;width:22vw;min-width:160px;max-width:180px;margin:2px 10px;padding:12px 20px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700}.nav-buttons-cont button:active{background:#d6d2d3}.nav-buttons-cont button.active{background-color:#fff}form{flex-direction:column;gap:8px;width:100%;display:flex}form input{border:1px solid #ccc;border-radius:6px;padding:9px;font-family:Arial,Helvetica,sans-serif;font-size:16px}label{font-family:Arial,Helvetica,sans-serif;font-weight:700}form button[type=submit]{cursor:pointer;background:#fbc737;border:1px solid #ccc;border-radius:6px;padding:12px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;transition:background .2s}form button[type=submit]:active{background:#fff}form input{outline:none;transition:border-color .2s}form input:focus{border:2px solid #ffd518;outline:none}.under-card{color:gray;margin-top:0;font-size:.9rem}.error-message{color:red;text-align:center;margin-bottom:10px;font-family:Arial,Helvetica,sans-serif}.forgot-pass{color:#0029bc;background:0 0;border:none;justify-content:right;margin-top:5px;display:flex}
