.validationForm{width:400px;margin:80px auto;padding:30px 40px;background:linear-gradient(135deg,#f9f9f9,#e0e0e0);border-radius:15px;box-shadow:0 8px 20px #0000001a;font-family:Poppins,sans-serif}.validationForm h1{text-align:center;margin-bottom:25px;color:#333;font-size:28px}.validationForm form{display:flex;flex-direction:column;gap:15px}.validationForm input{padding:12px 15px;border:1px solid #ccc;border-radius:8px;font-size:16px;transition:all .3s ease}.validationForm input:focus{border-color:#7c3aed;outline:none;background:#f3f0ff}.validationForm button{padding:12px 15px;background-color:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:background .3s ease}.validationForm button:hover{background-color:#5b21b6}.validationForm p{margin-top:20px;text-align:center;font-size:14px}.dashboard{width:450px;margin:80px auto;padding:30px 40px;background:linear-gradient(135deg,#f9f9f9,#e0e0e0);border-radius:15px;box-shadow:0 8px 20px #0000001a;font-family:Poppins,sans-serif;color:#333}.dashboard h1{text-align:center;margin-bottom:25px;color:#333;font-size:28px}.dashboard h2{font-size:28px;color:#444;margin-bottom:15px;text-align:center}.dashboard h4{font-size:20px;color:#444;margin-bottom:10px;text-align:center;font-weight:600}.dashboard .joke{font-size:16px;text-align:center;color:#666;margin-bottom:20px;font-style:italic}.dashboard button{display:block;width:100%;padding:12px 15px;background-color:#7c3aed;color:#fff;font-size:18px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease;margin-top:20px}.dashboard button:hover{background-color:#5b21b6}.dashboard p{margin-top:20px;text-align:center;font-size:14px}
